@elliemae/ds-chat 1.61.10 → 1.61.13

package/cjs/ChatDataTestids.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChatDataTestids.js","sources":["../../src/ChatDataTestids.tsx"],"sourcesContent":["export const ChatDataTestIds = {\n  COMPOSER_TEXTAREA: 'chat-composer-textarea',\n  COMPOSER_SEND_BUTTON: 'chat-composer-send-button',\n  CARD_TITLE: 'chat-card-title',\n  CARD_WRAPPER: 'chat-card-wrapper',\n  CARD_TIME: 'chat-card-time',\n  CARD_RIGHT_ADDON: 'chat-right-addon',\n  CARD_CONTENT: 'chat-card-content',\n  LOADING_INDICATOR: 'ds-chat-loading-indicator',\n  HEADER_TITLE: 'chat-header-title',\n  HEADER_CHILDREN: 'chat-header-children',\n  THREAD_CONTAINER: 'chat-thread-container',\n  LOAD_MORE_BUTTON: 'ds-chat-load-more-btn',\n  FLOATING_BUTTON: 'chat-floating-button',\n  SYSTEM_MSG_TITLE: 'chat-system-message-title',\n  SYSTEM_MSG_BODY: 'chat-system-message-body',\n  SYSTEM_MSG_TIME: 'chat-system-message-time',\n  BUBBLE: 'ds-chat-bubble',\n  BUBBLE_TITLE: 'chat-bubble-title',\n  BUBBLE_BODY: 'chat-bubble-body',\n  BANNER: 'ds-banner-container',\n};\n"],"names":["ChatDataTestIds","COMPOSER_TEXTAREA","COMPOSER_SEND_BUTTON","CARD_TITLE","CARD_WRAPPER","CARD_TIME","CARD_RIGHT_ADDON","CARD_CONTENT","LOADING_INDICATOR","HEADER_TITLE","HEADER_CHILDREN","THREAD_CONTAINER","LOAD_MORE_BUTTON","FLOATING_BUTTON","SYSTEM_MSG_TITLE","SYSTEM_MSG_BODY","SYSTEM_MSG_TIME","BUBBLE","BUBBLE_TITLE","BUBBLE_BODY","BANNER"],"mappings":";;;;IAAaA,eAAe,GAAG;AAC7BC,EAAAA,iBAAiB,EAAE,wBADU;AAE7BC,EAAAA,oBAAoB,EAAE,2BAFO;AAG7BC,EAAAA,UAAU,EAAE,iBAHiB;AAI7BC,EAAAA,YAAY,EAAE,mBAJe;AAK7BC,EAAAA,SAAS,EAAE,gBALkB;AAM7BC,EAAAA,gBAAgB,EAAE,kBANW;AAO7BC,EAAAA,YAAY,EAAE,mBAPe;AAQ7BC,EAAAA,iBAAiB,EAAE,2BARU;AAS7BC,EAAAA,YAAY,EAAE,mBATe;AAU7BC,EAAAA,eAAe,EAAE,sBAVY;AAW7BC,EAAAA,gBAAgB,EAAE,uBAXW;AAY7BC,EAAAA,gBAAgB,EAAE,uBAZW;AAa7BC,EAAAA,eAAe,EAAE,sBAbY;AAc7BC,EAAAA,gBAAgB,EAAE,2BAdW;AAe7BC,EAAAA,eAAe,EAAE,0BAfY;AAgB7BC,EAAAA,eAAe,EAAE,0BAhBY;AAiB7BC,EAAAA,MAAM,EAAE,gBAjBqB;AAkB7BC,EAAAA,YAAY,EAAE,mBAlBe;AAmB7BC,EAAAA,WAAW,EAAE,kBAnBgB;AAoB7BC,EAAAA,MAAM,EAAE;AApBqB;;;;"}
+{"version":3,"file":"ChatDataTestids.js","sources":["../../src/ChatDataTestids.tsx"],"sourcesContent":["export const ChatDataTestIds = {\n  COMPOSER_TEXTAREA: 'chat-composer-textarea',\n  COMPOSER_SEND_BUTTON: 'chat-composer-send-button',\n  CARD_TITLE: 'chat-card-title',\n  CARD_WRAPPER: 'chat-card-wrapper',\n  CARD_TIME: 'chat-card-time',\n  CARD_RIGHT_ADDON: 'chat-right-addon',\n  CARD_CONTENT: 'chat-card-content',\n  LOADING_INDICATOR: 'ds-chat-loading-indicator',\n  HEADER_TITLE: 'chat-header-title',\n  HEADER_CHILDREN: 'chat-header-children',\n  THREAD_CONTAINER: 'chat-thread-container',\n  LOAD_MORE_BUTTON: 'ds-chat-load-more-btn',\n  FLOATING_BUTTON: 'chat-floating-button',\n  SYSTEM_MSG_TITLE: 'chat-system-message-title',\n  SYSTEM_MSG_BODY: 'chat-system-message-body',\n  SYSTEM_MSG_TIME: 'chat-system-message-time',\n  BUBBLE: 'ds-chat-bubble',\n  BUBBLE_TITLE: 'chat-bubble-title',\n  BUBBLE_BODY: 'chat-bubble-body',\n  BANNER: 'ds-banner-container',\n};\n"],"names":["ChatDataTestIds","COMPOSER_TEXTAREA","COMPOSER_SEND_BUTTON","CARD_TITLE","CARD_WRAPPER","CARD_TIME","CARD_RIGHT_ADDON","CARD_CONTENT","LOADING_INDICATOR","HEADER_TITLE","HEADER_CHILDREN","THREAD_CONTAINER","LOAD_MORE_BUTTON","FLOATING_BUTTON","SYSTEM_MSG_TITLE","SYSTEM_MSG_BODY","SYSTEM_MSG_TIME","BUBBLE","BUBBLE_TITLE","BUBBLE_BODY","BANNER"],"mappings":";;;;IAAaA,eAAe,GAAG;EAC7BC,iBAAiB,EAAE,wBADU;EAE7BC,oBAAoB,EAAE,2BAFO;EAG7BC,UAAU,EAAE,iBAHiB;EAI7BC,YAAY,EAAE,mBAJe;EAK7BC,SAAS,EAAE,gBALkB;EAM7BC,gBAAgB,EAAE,kBANW;EAO7BC,YAAY,EAAE,mBAPe;EAQ7BC,iBAAiB,EAAE,2BARU;EAS7BC,YAAY,EAAE,mBATe;EAU7BC,eAAe,EAAE,sBAVY;EAW7BC,gBAAgB,EAAE,uBAXW;EAY7BC,gBAAgB,EAAE,uBAZW;EAa7BC,eAAe,EAAE,sBAbY;EAc7BC,gBAAgB,EAAE,2BAdW;EAe7BC,eAAe,EAAE,0BAfY;EAgB7BC,eAAe,EAAE,0BAhBY;EAiB7BC,MAAM,EAAE,gBAjBqB;EAkB7BC,YAAY,EAAE,mBAlBe;EAmB7BC,WAAW,EAAE,kBAnBgB;EAoB7BC,MAAM,EAAE;AApBqB;;;;"}

package/cjs/index.js

@@ -43,13 +43,14 @@ require('@elliemae/ds-button');
 require('./parts/chat-container-messages-list/styled.js');
 require('./parts/chat-container-messages-list/props.js');
 require('./parts/chat-container-messages-list/config/useValidateProps.js');
+require('./parts/chat-container-messages-list/useGetNewMessages.js');
+require('@babel/runtime/helpers/slicedToArray');
 require('./parts/message-delimiter/styled.js');
 require('./parts/message-delimiter/props.js');
 require('./parts/message-delimiter/config/useValidateProps.js');
 require('./parts/system-message/style.js');
 require('./parts/system-message/props.js');
 require('./parts/system-message/config/useValidateProps.js');
-require('@babel/runtime/helpers/slicedToArray');
 require('./parts/chat-composer/styled.js');
 require('./parts/chat-composer/config/useValidateProps.js');
 require('./parts/chat-composer/props.js');

package/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/cjs/parts/bubble/ChatBubble.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChatBubble.js","sources":["../../../../src/parts/bubble/ChatBubble.tsx"],"sourcesContent":["import React from 'react';\nimport { describe } from 'react-desc';\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 { propsBubbles, BubbleProps } from './props';\nimport { useValidateProps } from './config/useValidateProps';\nimport { ChatBubbleArrow } from './ChatBubbleArrow';\n\nconst ChatBubble = (props: BubbleProps): JSX.Element => {\n  useValidateProps(props, ChatBubbleWithSchema.toJSON());\n\n  const { dsId, type, title, time, body, errorMessage, helpMessage } = props;\n  const bodyParts = React.useMemo(() => (typeof body === 'string' ? body.split('\\n') : [body]), [body]);\n\n  return (\n    <StyledWrapper data-testid={`ds-chat-bubble-${dsId}`} type={type}>\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}-${index}`}>\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};\nChatBubble.propTypes = propsBubbles;\n\nconst ChatBubbleWithSchema = describe(ChatBubble);\nChatBubbleWithSchema.propTypes = propsBubbles;\n\nexport { ChatBubble, ChatBubbleWithSchema };\n"],"names":["ChatBubble","props","useValidateProps","ChatBubbleWithSchema","toJSON","dsId","type","title","time","body","errorMessage","helpMessage","bodyParts","React","useMemo","split","StyledWrapper","StyledColoredBubble","StyledTitleBubble","StyledTitleLeftBubble","StyledTitleRightBubble","StyleBodyWrapper","map","item","index","length","ChatBubbleArrow","StyleErrorMessage","WarningCircleFill","StyleHelpMessage","propTypes","propsBubbles","describe"],"mappings":";;;;;;;;;;;;;;;;;;;;;IAiBMA,UAAU,GAAG,SAAbA,UAAa,CAACC,KAAD,EAAqC;AACtDC,EAAAA,qDAAgB,CAACD,KAAD,EAAQE,oBAAoB,CAACC,MAArB,EAAR,CAAhB;AAEA,MAAQC,IAAR,GAAqEJ,KAArE,CAAQI,IAAR;AAAA,MAAcC,IAAd,GAAqEL,KAArE,CAAcK,IAAd;AAAA,MAAoBC,KAApB,GAAqEN,KAArE,CAAoBM,KAApB;AAAA,MAA2BC,IAA3B,GAAqEP,KAArE,CAA2BO,IAA3B;AAAA,MAAiCC,IAAjC,GAAqER,KAArE,CAAiCQ,IAAjC;AAAA,MAAuCC,YAAvC,GAAqET,KAArE,CAAuCS,YAAvC;AAAA,MAAqDC,WAArD,GAAqEV,KAArE,CAAqDU,WAArD;AACA,MAAMC,SAAS,GAAGC,yBAAK,CAACC,OAAN,CAAc;AAAA,WAAO,OAAOL,IAAP,KAAgB,QAAhB,GAA2BA,IAAI,CAACM,KAAL,CAAW,IAAX,CAA3B,GAA8C,CAACN,IAAD,CAArD;AAAA,GAAd,EAA4E,CAACA,IAAD,CAA5E,CAAlB;AAEA,sBACEI,wCAACG,iCAAD;AAAe,4CAA+BX,IAA/B,CAAf;AAAsD,IAAA,IAAI,EAAEC;AAA5D,kBACEO,wCAACI,uCAAD;AAAqB,IAAA,IAAI,EAAEX;AAA3B,kBACEO,wCAACK,qCAAD;AAAmB,IAAA,IAAI,EAAE,CAAC,CAAD,EAAI,MAAJ,CAAzB;AAAsC,IAAA,MAAM,EAAC,IAA7C;AAAkD,IAAA,UAAU,EAAC,UAA7D;AAAwE,IAAA,SAAS,EAAC;AAAlF,kBACEL,wCAACM,yCAAD;AAAuB,IAAA,UAAU,EAAC,QAAlC;AAA2C,+CAAkCd,IAAlC;AAA3C,KACGE,KADH,CADF,eAIEM,wCAACO,0CAAD;AAAwB,IAAA,UAAU,EAAC,QAAnC;AAA4C,IAAA,IAAI,EAAEd,IAAlD;AAAwD,8CAAiCD,IAAjC;AAAxD,KACGG,IADH,CAJF,CADF,eASEK,wCAACQ,oCAAD;AAAkB,8CAAiChB,IAAjC;AAAlB,KACGO,SAAS,CAACU,GAAV,CAAc,UAACC,IAAD,EAAOC,KAAP;AAAA,wBACbX,wCAACA,yBAAD,CAAO,QAAP;AAAgB,MAAA,GAAG,YAAKU,IAAL,cAAaC,KAAb;AAAnB,OACGD,IADH,EAEGC,KAAK,GAAGZ,SAAS,CAACa,MAAV,GAAmB,CAA3B,gBAA+BZ,mDAA/B,GAAwC,IAF3C,CADa;AAAA,GAAd,CADH,CATF,eAiBEA,wCAACa,4CAAD;AAAiB,IAAA,IAAI,EAAEpB;AAAvB,IAjBF,CADF,EAoBGI,YAAY,gBACXG,wCAACc,qCAAD;AAAmB,uDAA0CtB,IAA1C,CAAnB;AAAqE,IAAA,CAAC,EAAC,KAAvE;AAA6E,IAAA,MAAM,EAAC,KAApF;AAA0F,IAAA,IAAI,EAAE,CAAC,CAAD,EAAI,MAAJ;AAAhG,kBACEQ,sDAAOH,YAAP,CADF,eAEEG,wCAACe,yBAAD,OAFF,CADW,GAKT,IAzBN,EA0BGjB,WAAW,gBACVE,wCAACgB,oCAAD;AAAkB,sDAAyCxB,IAAzC,CAAlB;AAAmE,IAAA,CAAC,EAAC,KAArE;AAA2E,IAAA,MAAM,EAAC,KAAlF;AAAwF,IAAA,IAAI,EAAE,CAAC,CAAD,EAAI,MAAJ;AAA9F,kBACEQ,sDAAOF,WAAP,CADF,CADU,GAIR,IA9BN,CADF;AAkCD;;AACDX,UAAU,CAAC8B,SAAX,GAAuBC,+BAAvB;IAEM5B,oBAAoB,GAAG6B,kBAAQ,CAAChC,UAAD;AACrCG,oBAAoB,CAAC2B,SAArB,GAAiCC,+BAAjC;;;;;"}
+{"version":3,"file":"ChatBubble.js","sources":["../../../../src/parts/bubble/ChatBubble.tsx"],"sourcesContent":["import React from 'react';\nimport { describe } from 'react-desc';\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 { propsBubbles, BubbleProps } from './props';\nimport { useValidateProps } from './config/useValidateProps';\nimport { ChatBubbleArrow } from './ChatBubbleArrow';\n\nconst ChatBubble = (props: BubbleProps): JSX.Element => {\n  useValidateProps(props, ChatBubbleWithSchema.toJSON());\n\n  const { dsId, type, title, time, body, errorMessage, helpMessage } = props;\n  const bodyParts = React.useMemo(() => (typeof body === 'string' ? body.split('\\n') : [body]), [body]);\n\n  return (\n    <StyledWrapper data-testid={`ds-chat-bubble-${dsId}`} type={type}>\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}-${index}`}>\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};\nChatBubble.propTypes = propsBubbles;\n\nconst ChatBubbleWithSchema = describe(ChatBubble);\nChatBubbleWithSchema.propTypes = propsBubbles;\n\nexport { ChatBubble, ChatBubbleWithSchema };\n"],"names":["ChatBubble","props","useValidateProps","ChatBubbleWithSchema","toJSON","dsId","type","title","time","body","errorMessage","helpMessage","bodyParts","React","useMemo","split","StyledWrapper","StyledColoredBubble","StyledTitleBubble","StyledTitleLeftBubble","StyledTitleRightBubble","StyleBodyWrapper","map","item","index","length","ChatBubbleArrow","StyleErrorMessage","WarningCircleFill","StyleHelpMessage","propTypes","propsBubbles","describe"],"mappings":";;;;;;;;;;;;;;;;;;;;;IAiBMA,UAAU,GAAG,SAAbA,UAAa,CAACC,KAAD,EAAqC;EACtDC,qDAAgB,CAACD,KAAD,EAAQE,oBAAoB,CAACC,MAArB,EAAR,CAAhB;EAEA,IAAQC,IAAR,GAAqEJ,KAArE,CAAQI,IAAR;MAAcC,IAAd,GAAqEL,KAArE,CAAcK,IAAd;MAAoBC,KAApB,GAAqEN,KAArE,CAAoBM,KAApB;MAA2BC,IAA3B,GAAqEP,KAArE,CAA2BO,IAA3B;MAAiCC,IAAjC,GAAqER,KAArE,CAAiCQ,IAAjC;MAAuCC,YAAvC,GAAqET,KAArE,CAAuCS,YAAvC;MAAqDC,WAArD,GAAqEV,KAArE,CAAqDU,WAArD;EACA,IAAMC,SAAS,GAAGC,yBAAK,CAACC,OAAN,CAAc;IAAA,OAAO,OAAOL,IAAP,KAAgB,QAAhB,GAA2BA,IAAI,CAACM,KAAL,CAAW,IAAX,CAA3B,GAA8C,CAACN,IAAD,CAArD;GAAd,EAA4E,CAACA,IAAD,CAA5E,CAAlB;EAEA,oBACEI,wCAACG,iCAAD;IAAe,wCAA+BX,IAA/B,CAAf;IAAsD,IAAI,EAAEC;kBAC1DO,wCAACI,uCAAD;IAAqB,IAAI,EAAEX;kBACzBO,wCAACK,qCAAD;IAAmB,IAAI,EAAE,CAAC,CAAD,EAAI,MAAJ,CAAzB;IAAsC,MAAM,EAAC,IAA7C;IAAkD,UAAU,EAAC,UAA7D;IAAwE,SAAS,EAAC;kBAChFL,wCAACM,yCAAD;IAAuB,UAAU,EAAC,QAAlC;IAA2C,2CAAkCd,IAAlC;KACxCE,KADH,CADF,eAIEM,wCAACO,0CAAD;IAAwB,UAAU,EAAC,QAAnC;IAA4C,IAAI,EAAEd,IAAlD;IAAwD,0CAAiCD,IAAjC;KACrDG,IADH,CAJF,CADF,eASEK,wCAACQ,oCAAD;IAAkB,0CAAiChB,IAAjC;KACfO,SAAS,CAACU,GAAV,CAAc,UAACC,IAAD,EAAOC,KAAP;IAAA,oBACbX,wCAACA,yBAAD,CAAO,QAAP;MAAgB,GAAG,YAAKU,IAAL,cAAaC,KAAb;OAChBD,IADH,EAEGC,KAAK,GAAGZ,SAAS,CAACa,MAAV,GAAmB,CAA3B,gBAA+BZ,mDAA/B,GAAwC,IAF3C,CADa;GAAd,CADH,CATF,eAiBEA,wCAACa,4CAAD;IAAiB,IAAI,EAAEpB;IAjBzB,CADF,EAoBGI,YAAY,gBACXG,wCAACc,qCAAD;IAAmB,mDAA0CtB,IAA1C,CAAnB;IAAqE,CAAC,EAAC,KAAvE;IAA6E,MAAM,EAAC,KAApF;IAA0F,IAAI,EAAE,CAAC,CAAD,EAAI,MAAJ;kBAC9FQ,sDAAOH,YAAP,CADF,eAEEG,wCAACe,yBAAD,OAFF,CADW,GAKT,IAzBN,EA0BGjB,WAAW,gBACVE,wCAACgB,oCAAD;IAAkB,kDAAyCxB,IAAzC,CAAlB;IAAmE,CAAC,EAAC,KAArE;IAA2E,MAAM,EAAC,KAAlF;IAAwF,IAAI,EAAE,CAAC,CAAD,EAAI,MAAJ;kBAC5FQ,sDAAOF,WAAP,CADF,CADU,GAIR,IA9BN,CADF;AAkCD;;AACDX,UAAU,CAAC8B,SAAX,GAAuBC,+BAAvB;IAEM5B,oBAAoB,GAAG6B,kBAAQ,CAAChC,UAAD;AACrCG,oBAAoB,CAAC2B,SAArB,GAAiCC,+BAAjC;;;;;"}

package/cjs/parts/bubble/ChatBubbleArrow.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChatBubbleArrow.js","sources":["../../../../src/parts/bubble/ChatBubbleArrow.tsx"],"sourcesContent":["import React from 'react';\nimport { StyledBubbleArrow } from './styled';\nimport { BUBBLE_TYPES, BubbleProps, propsArrowBubble } from './props';\n\nexport const ChatBubbleArrow = ({ type }: Pick<BubbleProps, 'type'>): JSX.Element => (\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;\n"],"names":["ChatBubbleArrow","type","React","StyledBubbleArrow","BUBBLE_TYPES","RECIPIENT","propTypes","propsArrowBubble"],"mappings":";;;;;;;;;;;;;;;;;IAIaA,eAAe,GAAG,SAAlBA,eAAkB;AAAA,MAAGC,IAAH,QAAGA,IAAH;AAAA,sBAC7BC,wCAACC,qCAAD,QACGF,IAAI,KAAKG,+BAAY,CAACC,SAAtB,gBACCH;AAAK,IAAA,KAAK,EAAC,MAAX;AAAkB,IAAA,MAAM,EAAC,MAAzB;AAAgC,IAAA,OAAO,EAAC;AAAxC,kBACEA,mEACEA;AACE,IAAA,CAAC,EAAC,qLADJ;AAEE,IAAA,EAAE,EAAC;AAFL,IADF,eAKEA;AAAQ,IAAA,CAAC,EAAC,QAAV;AAAmB,IAAA,CAAC,EAAC,QAArB;AAA8B,IAAA,KAAK,EAAC,QAApC;AAA6C,IAAA,MAAM,EAAC,QAApD;AAA6D,IAAA,WAAW,EAAC,mBAAzE;AAA6F,IAAA,EAAE,EAAC;AAAhG,kBACEA;AAAU,IAAA,EAAE,EAAC,KAAb;AAAmB,IAAA,EAAE,EAAC,KAAtB;AAA4B,IAAA,EAAE,EAAC,aAA/B;AAA6C,IAAA,MAAM,EAAC;AAApD,IADF,eAEEA;AAAgB,IAAA,YAAY,EAAC,KAA7B;AAAmC,IAAA,EAAE,EAAC,oBAAtC;AAA2D,IAAA,MAAM,EAAC;AAAlE,IAFF,eAGEA;AACE,IAAA,MAAM,EAAC,iFADT;AAKE,IAAA,IAAI,EAAC,QALP;AAME,IAAA,EAAE,EAAC;AANL,IAHF,CALF,CADF,eAmBEA;AAAG,IAAA,EAAE,EAAC,qBAAN;AAA4B,IAAA,MAAM,EAAC,MAAnC;AAA0C,IAAA,WAAW,EAAC,GAAtD;AAA0D,IAAA,IAAI,EAAC,MAA/D;AAAsE,IAAA,QAAQ,EAAC;AAA/E,kBACEA;AAAG,IAAA,EAAE,EAAC,WAAN;AAAkB,IAAA,SAAS,EAAC;AAA5B,kBACEA;AAAK,IAAA,IAAI,EAAC,OAAV;AAAkB,IAAA,WAAW,EAAC,GAA9B;AAAkC,IAAA,MAAM,EAAC,gBAAzC;AAA0D,IAAA,SAAS,EAAC;AAApE,IADF,eAEEA;AAAK,IAAA,IAAI,EAAC,SAAV;AAAoB,IAAA,QAAQ,EAAC,SAA7B;AAAuC,IAAA,SAAS,EAAC;AAAjD,IAFF,CADF,CAnBF,CADD,gBA4BCA;AAAK,IAAA,KAAK,EAAC,KAAX;AAAiB,IAAA,MAAM,EAAC,KAAxB;AAA8B,IAAA,OAAO,EAAC;AAAtC,kBACEA;AAAG,IAAA,MAAM,EAAC,MAAV;AAAiB,IAAA,WAAW,EAAC,GAA7B;AAAiC,IAAA,IAAI,EAAC,MAAtC;AAA6C,IAAA,QAAQ,EAAC;AAAtD,kBACEA;AACE,IAAA,CAAC,EAAC,yKADJ;AAEE,IAAA,EAAE,EAAC,MAFL;AAGE,IAAA,IAAI,EAAC;AAHP,IADF,CADF,CA7BJ,CAD6B;AAAA;AA2C/BF,eAAe,CAACM,SAAhB,GAA4BC,mCAA5B;;;;"}
+{"version":3,"file":"ChatBubbleArrow.js","sources":["../../../../src/parts/bubble/ChatBubbleArrow.tsx"],"sourcesContent":["import React from 'react';\nimport { StyledBubbleArrow } from './styled';\nimport { BUBBLE_TYPES, BubbleProps, propsArrowBubble } from './props';\n\nexport const ChatBubbleArrow = ({ type }: Pick<BubbleProps, 'type'>): JSX.Element => (\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;\n"],"names":["ChatBubbleArrow","type","React","StyledBubbleArrow","BUBBLE_TYPES","RECIPIENT","propTypes","propsArrowBubble"],"mappings":";;;;;;;;;;;;;;;;;IAIaA,eAAe,GAAG,SAAlBA,eAAkB;EAAA,IAAGC,IAAH,QAAGA,IAAH;EAAA,oBAC7BC,wCAACC,qCAAD,QACGF,IAAI,KAAKG,+BAAY,CAACC,SAAtB,gBACCH;IAAK,KAAK,EAAC,MAAX;IAAkB,MAAM,EAAC,MAAzB;IAAgC,OAAO,EAAC;kBACtCA,mEACEA;IACE,CAAC,EAAC,qLADJ;IAEE,EAAE,EAAC;IAHP,eAKEA;IAAQ,CAAC,EAAC,QAAV;IAAmB,CAAC,EAAC,QAArB;IAA8B,KAAK,EAAC,QAApC;IAA6C,MAAM,EAAC,QAApD;IAA6D,WAAW,EAAC,mBAAzE;IAA6F,EAAE,EAAC;kBAC9FA;IAAU,EAAE,EAAC,KAAb;IAAmB,EAAE,EAAC,KAAtB;IAA4B,EAAE,EAAC,aAA/B;IAA6C,MAAM,EAAC;IADtD,eAEEA;IAAgB,YAAY,EAAC,KAA7B;IAAmC,EAAE,EAAC,oBAAtC;IAA2D,MAAM,EAAC;IAFpE,eAGEA;IACE,MAAM,EAAC,iFADT;IAKE,IAAI,EAAC,QALP;IAME,EAAE,EAAC;IATP,CALF,CADF,eAmBEA;IAAG,EAAE,EAAC,qBAAN;IAA4B,MAAM,EAAC,MAAnC;IAA0C,WAAW,EAAC,GAAtD;IAA0D,IAAI,EAAC,MAA/D;IAAsE,QAAQ,EAAC;kBAC7EA;IAAG,EAAE,EAAC,WAAN;IAAkB,SAAS,EAAC;kBAC1BA;IAAK,IAAI,EAAC,OAAV;IAAkB,WAAW,EAAC,GAA9B;IAAkC,MAAM,EAAC,gBAAzC;IAA0D,SAAS,EAAC;IADtE,eAEEA;IAAK,IAAI,EAAC,SAAV;IAAoB,QAAQ,EAAC,SAA7B;IAAuC,SAAS,EAAC;IAFnD,CADF,CAnBF,CADD,gBA4BCA;IAAK,KAAK,EAAC,KAAX;IAAiB,MAAM,EAAC,KAAxB;IAA8B,OAAO,EAAC;kBACpCA;IAAG,MAAM,EAAC,MAAV;IAAiB,WAAW,EAAC,GAA7B;IAAiC,IAAI,EAAC,MAAtC;IAA6C,QAAQ,EAAC;kBACpDA;IACE,CAAC,EAAC,yKADJ;IAEE,EAAE,EAAC,MAFL;IAGE,IAAI,EAAC;IAJT,CADF,CA7BJ,CAD6B;AAAA;AA2C/BF,eAAe,CAACM,SAAhB,GAA4BC,mCAA5B;;;;"}

package/cjs/parts/bubble/config/useValidateProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"useValidateProps.js","sources":["../../../../../src/parts/bubble/config/useValidateProps.tsx"],"sourcesContent":["import { useValidatePropTypes } from '@elliemae/ds-props-helpers';\nimport { BubbleProps } from '../props';\n\nconst throwError = (message: string): void => {\n  throw new Error(\n    `Bubble:: ${message}\n  `,\n  );\n};\n\nexport const useValidateProps = (props: BubbleProps, schema: unknown): void => {\n  useValidatePropTypes(props, schema);\n  if (typeof props.title === 'undefined') {\n    throwError(`Please provide a title property to use this component.`);\n  }\n  if (typeof props.time === 'undefined') {\n    throwError(`Please provide a time property to use this component.`);\n  }\n  if (typeof props.body === 'undefined') {\n    throwError(`Please provide a body property to use this component.`);\n  }\n  if (typeof props.type === 'undefined') {\n    throwError(`Please provide a type property to use this component.`);\n  }\n};\n"],"names":["throwError","message","Error","useValidateProps","props","schema","useValidatePropTypes","title","time","body","type"],"mappings":";;;;;;AAGA,IAAMA,UAAU,GAAG,SAAbA,UAAa,CAACC,OAAD,EAA2B;AAC5C,QAAM,IAAIC,KAAJ,oBACQD,OADR,UAAN;AAID,CALD;;IAOaE,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,KAAD,EAAqBC,MAArB,EAA+C;AAC7EC,EAAAA,mCAAoB,CAACF,KAAD,EAAQC,MAAR,CAApB;;AACA,MAAI,OAAOD,KAAK,CAACG,KAAb,KAAuB,WAA3B,EAAwC;AACtCP,IAAAA,UAAU,0DAAV;AACD;;AACD,MAAI,OAAOI,KAAK,CAACI,IAAb,KAAsB,WAA1B,EAAuC;AACrCR,IAAAA,UAAU,yDAAV;AACD;;AACD,MAAI,OAAOI,KAAK,CAACK,IAAb,KAAsB,WAA1B,EAAuC;AACrCT,IAAAA,UAAU,yDAAV;AACD;;AACD,MAAI,OAAOI,KAAK,CAACM,IAAb,KAAsB,WAA1B,EAAuC;AACrCV,IAAAA,UAAU,yDAAV;AACD;AACF;;;;"}
+{"version":3,"file":"useValidateProps.js","sources":["../../../../../src/parts/bubble/config/useValidateProps.tsx"],"sourcesContent":["import { useValidatePropTypes } from '@elliemae/ds-props-helpers';\nimport { BubbleProps } from '../props';\n\nconst throwError = (message: string): void => {\n  throw new Error(\n    `Bubble:: ${message}\n  `,\n  );\n};\n\nexport const useValidateProps = (props: BubbleProps, schema: unknown): void => {\n  useValidatePropTypes(props, schema);\n  if (typeof props.title === 'undefined') {\n    throwError(`Please provide a title property to use this component.`);\n  }\n  if (typeof props.time === 'undefined') {\n    throwError(`Please provide a time property to use this component.`);\n  }\n  if (typeof props.body === 'undefined') {\n    throwError(`Please provide a body property to use this component.`);\n  }\n  if (typeof props.type === 'undefined') {\n    throwError(`Please provide a type property to use this component.`);\n  }\n};\n"],"names":["throwError","message","Error","useValidateProps","props","schema","useValidatePropTypes","title","time","body","type"],"mappings":";;;;;;AAGA,IAAMA,UAAU,GAAG,SAAbA,UAAa,CAACC,OAAD,EAA2B;EAC5C,MAAM,IAAIC,KAAJ,oBACQD,OADR,UAAN;AAID,CALD;;IAOaE,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,KAAD,EAAqBC,MAArB,EAA+C;EAC7EC,mCAAoB,CAACF,KAAD,EAAQC,MAAR,CAApB;;EACA,IAAI,OAAOD,KAAK,CAACG,KAAb,KAAuB,WAA3B,EAAwC;IACtCP,UAAU,0DAAV;;;EAEF,IAAI,OAAOI,KAAK,CAACI,IAAb,KAAsB,WAA1B,EAAuC;IACrCR,UAAU,yDAAV;;;EAEF,IAAI,OAAOI,KAAK,CAACK,IAAb,KAAsB,WAA1B,EAAuC;IACrCT,UAAU,yDAAV;;;EAEF,IAAI,OAAOI,KAAK,CAACM,IAAb,KAAsB,WAA1B,EAAuC;IACrCV,UAAU,yDAAV;;AAEH;;;;"}

package/cjs/parts/bubble/props.js.map

@@ -1 +1 @@
-{"version":3,"file":"props.js","sources":["../../../../src/parts/bubble/props.ts"],"sourcesContent":["import propTypes from 'prop-types';\nimport { PropTypes } from 'react-desc';\nimport { noop } from 'lodash';\nimport React from 'react';\n\n/**\n *\n * BUBBLE\n *\n */\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 BubbleProps {\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: BubbleProps = {\n  dsId: undefined,\n  type: BUBBLE_TYPES.SENDER,\n  title: undefined,\n  time: undefined,\n  body: undefined,\n  onClick: noop,\n  errorMessage: undefined,\n  helpMessage: undefined,\n};\n\nexport const propsBubbles = {\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.isRequired.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.string.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\n/**\n *\n * BUBBLE ARROW\n *\n */\nexport const propsArrowBubble = {\n  type: propTypes.oneOf([BUBBLE_TYPES.RECIPIENT, BUBBLE_TYPES.SENDER]),\n};\n"],"names":["BUBBLE_TYPES","SENDER","RECIPIENT","DELIMITER","SYSTEM","defaultBubbleProps","dsId","undefined","type","title","time","body","onClick","noop","errorMessage","helpMessage","propsBubbles","PropTypes","oneOfType","string","number","description","defaultValue","oneOf","isRequired","element","propsArrowBubble","propTypes"],"mappings":";;;;;;;;;;;;AAKA;AACA;AACA;AACA;AACA;IACaA,YAAY,GAAG;AAC1BC,EAAAA,MAAM,EAAE,QADkB;AAE1BC,EAAAA,SAAS,EAAE,WAFe;AAG1BC,EAAAA,SAAS,EAAE,WAHe;AAI1BC,EAAAA,MAAM,EAAE;AAJkB;IAqBfC,kBAA+B,GAAG;AAC7CC,EAAAA,IAAI,EAAEC,SADuC;AAE7CC,EAAAA,IAAI,EAAER,YAAY,CAACC,MAF0B;AAG7CQ,EAAAA,KAAK,EAAEF,SAHsC;AAI7CG,EAAAA,IAAI,EAAEH,SAJuC;AAK7CI,EAAAA,IAAI,EAAEJ,SALuC;AAM7CK,EAAAA,OAAO,EAAEC,WANoC;AAO7CC,EAAAA,YAAY,EAAEP,SAP+B;AAQ7CQ,EAAAA,WAAW,EAAER;AARgC;IAWlCS,YAAY,GAAG;AAC1BV,EAAAA,IAAI,EAAEW,mBAAS,CAACC,SAAV,CAAoB,CAACD,mBAAS,CAACE,MAAX,EAAmBF,mBAAS,CAACG,MAA7B,CAApB,EACHC,WADG,CACS,sBADT,EAEHC,YAFG,CAEUjB,kBAAkB,CAACC,IAF7B,CADoB;AAI1BE,EAAAA,IAAI,EAAES,mBAAS,CAACM,KAAV,CAAgB,CAACvB,YAAY,CAACE,SAAd,EAAyBF,YAAY,CAACC,MAAtC,CAAhB,EACHuB,UADG,CACQH,WADR,CACoB,qBADpB,EAEHC,YAFG,CAEUjB,kBAAkB,CAACG,IAF7B,CAJoB;AAO1BC,EAAAA,KAAK,EAAEQ,mBAAS,CAACE,MAAV,CAAiBK,UAAjB,CAA4BH,WAA5B,CAAwC,qBAAxC,EAA+DC,YAA/D,CAA4EjB,kBAAkB,CAACI,KAA/F,CAPmB;AAQ1BC,EAAAA,IAAI,EAAEO,mBAAS,CAACE,MAAV,CAAiBK,UAAjB,CAA4BH,WAA5B,CAAwC,oBAAxC,EAA8DC,YAA9D,CAA2EjB,kBAAkB,CAACI,KAA9F,CARoB;AAS1BE,EAAAA,IAAI,EAAEM,mBAAS,CAACC,SAAV,CAAoB,CAACD,mBAAS,CAACE,MAAX,EAAmBF,mBAAS,CAACQ,OAA7B,CAApB,EACHD,UADG,CACQH,WADR,CACoB,gBADpB,EAEHC,YAFG,CAEUjB,kBAAkB,CAACM,IAF7B,CAToB;AAY1BC,EAAAA,OAAO,EAAEK,mBAAS,CAACE,MAAV,CAAiBE,WAAjB,CAA6B,oCAA7B,EAAmEC,YAAnE,CAAgFjB,kBAAkB,CAACO,OAAnG,CAZiB;AAa1BE,EAAAA,YAAY,EAAEG,mBAAS,CAACC,SAAV,CAAoB,CAACD,mBAAS,CAACE,MAAX,EAAmBF,mBAAS,CAACQ,OAA7B,CAApB,EACXJ,WADW,CACC,kDADD,EAEXC,YAFW,CAEEjB,kBAAkB,CAACO,OAFrB,CAbY;AAgB1BG,EAAAA,WAAW,EAAEE,mBAAS,CAACC,SAAV,CAAoB,CAACD,mBAAS,CAACE,MAAX,EAAmBF,mBAAS,CAACQ,OAA7B,CAApB,EACVJ,WADU,CACE,iDADF,EAEVC,YAFU,CAEGjB,kBAAkB,CAACO,OAFtB;AAhBa;AAqB5B;AACA;AACA;AACA;AACA;;IACac,gBAAgB,GAAG;AAC9BlB,EAAAA,IAAI,EAAEmB,8BAAS,CAACJ,KAAV,CAAgB,CAACvB,YAAY,CAACE,SAAd,EAAyBF,YAAY,CAACC,MAAtC,CAAhB;AADwB;;;;;;;"}
+{"version":3,"file":"props.js","sources":["../../../../src/parts/bubble/props.ts"],"sourcesContent":["import propTypes from 'prop-types';\nimport { PropTypes } from 'react-desc';\nimport { noop } from 'lodash';\nimport React from 'react';\n\n/**\n *\n * BUBBLE\n *\n */\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 BubbleProps {\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: BubbleProps = {\n  dsId: undefined,\n  type: BUBBLE_TYPES.SENDER,\n  title: undefined,\n  time: undefined,\n  body: undefined,\n  onClick: noop,\n  errorMessage: undefined,\n  helpMessage: undefined,\n};\n\nexport const propsBubbles = {\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.isRequired.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.string.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\n/**\n *\n * BUBBLE ARROW\n *\n */\nexport const propsArrowBubble = {\n  type: propTypes.oneOf([BUBBLE_TYPES.RECIPIENT, BUBBLE_TYPES.SENDER]),\n};\n"],"names":["BUBBLE_TYPES","SENDER","RECIPIENT","DELIMITER","SYSTEM","defaultBubbleProps","dsId","undefined","type","title","time","body","onClick","noop","errorMessage","helpMessage","propsBubbles","PropTypes","oneOfType","string","number","description","defaultValue","oneOf","isRequired","element","propsArrowBubble","propTypes"],"mappings":";;;;;;;;;;;;AAKA;AACA;AACA;AACA;AACA;IACaA,YAAY,GAAG;EAC1BC,MAAM,EAAE,QADkB;EAE1BC,SAAS,EAAE,WAFe;EAG1BC,SAAS,EAAE,WAHe;EAI1BC,MAAM,EAAE;AAJkB;IAqBfC,kBAA+B,GAAG;EAC7CC,IAAI,EAAEC,SADuC;EAE7CC,IAAI,EAAER,YAAY,CAACC,MAF0B;EAG7CQ,KAAK,EAAEF,SAHsC;EAI7CG,IAAI,EAAEH,SAJuC;EAK7CI,IAAI,EAAEJ,SALuC;EAM7CK,OAAO,EAAEC,WANoC;EAO7CC,YAAY,EAAEP,SAP+B;EAQ7CQ,WAAW,EAAER;AARgC;IAWlCS,YAAY,GAAG;EAC1BV,IAAI,EAAEW,mBAAS,CAACC,SAAV,CAAoB,CAACD,mBAAS,CAACE,MAAX,EAAmBF,mBAAS,CAACG,MAA7B,CAApB,EACHC,WADG,CACS,sBADT,EAEHC,YAFG,CAEUjB,kBAAkB,CAACC,IAF7B,CADoB;EAI1BE,IAAI,EAAES,mBAAS,CAACM,KAAV,CAAgB,CAACvB,YAAY,CAACE,SAAd,EAAyBF,YAAY,CAACC,MAAtC,CAAhB,EACHuB,UADG,CACQH,WADR,CACoB,qBADpB,EAEHC,YAFG,CAEUjB,kBAAkB,CAACG,IAF7B,CAJoB;EAO1BC,KAAK,EAAEQ,mBAAS,CAACE,MAAV,CAAiBK,UAAjB,CAA4BH,WAA5B,CAAwC,qBAAxC,EAA+DC,YAA/D,CAA4EjB,kBAAkB,CAACI,KAA/F,CAPmB;EAQ1BC,IAAI,EAAEO,mBAAS,CAACE,MAAV,CAAiBK,UAAjB,CAA4BH,WAA5B,CAAwC,oBAAxC,EAA8DC,YAA9D,CAA2EjB,kBAAkB,CAACI,KAA9F,CARoB;EAS1BE,IAAI,EAAEM,mBAAS,CAACC,SAAV,CAAoB,CAACD,mBAAS,CAACE,MAAX,EAAmBF,mBAAS,CAACQ,OAA7B,CAApB,EACHD,UADG,CACQH,WADR,CACoB,gBADpB,EAEHC,YAFG,CAEUjB,kBAAkB,CAACM,IAF7B,CAToB;EAY1BC,OAAO,EAAEK,mBAAS,CAACE,MAAV,CAAiBE,WAAjB,CAA6B,oCAA7B,EAAmEC,YAAnE,CAAgFjB,kBAAkB,CAACO,OAAnG,CAZiB;EAa1BE,YAAY,EAAEG,mBAAS,CAACC,SAAV,CAAoB,CAACD,mBAAS,CAACE,MAAX,EAAmBF,mBAAS,CAACQ,OAA7B,CAApB,EACXJ,WADW,CACC,kDADD,EAEXC,YAFW,CAEEjB,kBAAkB,CAACO,OAFrB,CAbY;EAgB1BG,WAAW,EAAEE,mBAAS,CAACC,SAAV,CAAoB,CAACD,mBAAS,CAACE,MAAX,EAAmBF,mBAAS,CAACQ,OAA7B,CAApB,EACVJ,WADU,CACE,iDADF,EAEVC,YAFU,CAEGjB,kBAAkB,CAACO,OAFtB;AAhBa;AAqB5B;AACA;AACA;AACA;AACA;;IACac,gBAAgB,GAAG;EAC9BlB,IAAI,EAAEmB,8BAAS,CAACJ,KAAV,CAAgB,CAACvB,YAAY,CAACE,SAAd,EAAyBF,YAAY,CAACC,MAAtC,CAAhB;AADwB;;;;;;;"}

package/cjs/parts/bubble/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sources":["../../../../src/parts/bubble/styled.ts"],"sourcesContent":["/* eslint-disable max-lines */\nimport styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\nimport { BUBBLE_TYPES } from './props';\n\n// Bubble WRAPPER\nexport const StyledWrapper = styled.div<any>`\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)`\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<any>`\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<any>`\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<any>`\n  display: block;\n  content: '';\n  position: absolute;\n  bottom: 10px;\n  height: 15px;\n`;\n\nexport const StyledColoredBubble = styled.div<any>`\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"],"names":["StyledWrapper","styled","div","StyledTitleBubble","Grid","StyledTitleLeftBubble","StyledTitleRightBubble","props","type","BUBBLE_TYPES","SENDER","StyleBodyWrapper","StyleErrorMessage","theme","space","xxxs","colors","danger","StyleHelpMessage","neutral","StyledBubbleArrow","StyledColoredBubble","brand"],"mappings":";;;;;;;;;;;;;;;AAAA;;IAMaA,aAAa,gBAAGC,0BAAM,CAACC,GAAV;AAAA;AAAA;;IAMbC,iBAAiB,gBAAGF,0BAAM,CAACG,WAAD,CAAT;AAAA;AAAA;IAOjBC,qBAAqB,gBAAGJ,0BAAM,CAACG,WAAD,CAAT;AAAA;AAAA;IAIrBE,sBAAsB,gBAAGL,0BAAM,CAACG,WAAD,CAAT;AAAA;AAAA,mDAGxB,UAACG,KAAD;AAAA,SAAYA,KAAK,CAACC,IAAN,KAAeC,+BAAY,CAACC,MAA5B,GAAqC,MAArC,GAA8C,SAA1D;AAAA,CAHwB;IAMtBC,gBAAgB,gBAAGV,0BAAM,CAACC,GAAV;AAAA;AAAA;IAQhBU,iBAAiB,gBAAGX,0BAAM,CAACC,GAAV;AAAA;AAAA,2NAGb,UAACK,KAAD;AAAA,SAAWA,KAAK,CAACM,KAAN,CAAYC,KAAZ,CAAkBC,IAA7B;AAAA,CAHa,EAInB,UAACR,KAAD;AAAA,SAAWA,KAAK,CAACM,KAAN,CAAYG,MAAZ,CAAmBC,MAAnB,CAA0B,GAA1B,CAAX;AAAA,CAJmB,EAUlB,UAACV,KAAD;AAAA,SAAWA,KAAK,CAACM,KAAN,CAAYG,MAAZ,CAAmBC,MAAnB,CAA0B,GAA1B,CAAX;AAAA,CAVkB,EAcjB,UAACV,KAAD;AAAA,SAAWA,KAAK,CAACM,KAAN,CAAYG,MAAZ,CAAmBC,MAAnB,CAA0B,GAA1B,CAAX;AAAA,CAdiB;IAqBjBC,gBAAgB,gBAAGjB,0BAAM,CAACW,iBAAD,CAAT;AAAA;AAAA,gGAGlB,UAACL,KAAD;AAAA,SAAWA,KAAK,CAACM,KAAN,CAAYG,MAAZ,CAAmBG,OAAnB,CAA2B,GAA3B,CAAX;AAAA,CAHkB,EAKjB,UAACZ,KAAD;AAAA,SAAWA,KAAK,CAACM,KAAN,CAAYG,MAAZ,CAAmBC,MAAnB,CAA0B,GAA1B,CAAX;AAAA,CALiB,EAShB,UAACV,KAAD;AAAA,SAAWA,KAAK,CAACM,KAAN,CAAYG,MAAZ,CAAmBC,MAAnB,CAA0B,GAA1B,CAAX;AAAA,CATgB;;IAchBG,iBAAiB,gBAAGnB,0BAAM,CAACC,GAAV;AAAA;AAAA;IAQjBmB,mBAAmB,gBAAGpB,0BAAM,CAACC,GAAV;AAAA;AAAA,kEAK5B,UAACK,KAAD;AAAA,SACAA,KAAK,CAACC,IAAN,KAAeC,+BAAY,CAACC,MAA5B,yCAEwBH,KAAK,CAACM,KAAN,CAAYG,MAAZ,CAAmBM,KAAnB,CAAyB,KAAzB,CAFxB,oCAGkBf,KAAK,CAACM,KAAN,CAAYG,MAAZ,CAAmBM,KAAnB,CAAyB,GAAzB,CAHlB,+BAIaf,KAAK,CAACM,KAAN,CAAYG,MAAZ,CAAmBG,OAAnB,CAA2B,KAA3B,CAJb,wBAKMC,iBALN,wHASoBb,KAAK,CAACM,KAAN,CAAYG,MAAZ,CAAmBM,KAAnB,CAAyB,GAAzB,CATpB,mLAoBkBf,KAAK,CAACM,KAAN,CAAYG,MAAZ,CAAmBG,OAAnB,CAA2B,KAA3B,CApBlB,+BAqBaZ,KAAK,CAACM,KAAN,CAAYG,MAAZ,CAAmBG,OAAnB,CAA2B,GAA3B,CArBb,0BAuBMC,iBAvBN,wHA2BoBb,KAAK,CAACM,KAAN,CAAYG,MAAZ,CAAmBG,OAAnB,CAA2B,KAA3B,CA3BpB,wCADA;AAAA,CAL4B;;;;;;;;;;;;"}
+{"version":3,"file":"styled.js","sources":["../../../../src/parts/bubble/styled.ts"],"sourcesContent":["/* eslint-disable max-lines */\nimport styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\nimport { BUBBLE_TYPES } from './props';\n\n// Bubble WRAPPER\nexport const StyledWrapper = styled.div<any>`\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)`\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<any>`\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<any>`\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<any>`\n  display: block;\n  content: '';\n  position: absolute;\n  bottom: 10px;\n  height: 15px;\n`;\n\nexport const StyledColoredBubble = styled.div<any>`\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"],"names":["StyledWrapper","styled","div","StyledTitleBubble","Grid","StyledTitleLeftBubble","StyledTitleRightBubble","props","type","BUBBLE_TYPES","SENDER","StyleBodyWrapper","StyleErrorMessage","theme","space","xxxs","colors","danger","StyleHelpMessage","neutral","StyledBubbleArrow","StyledColoredBubble","brand"],"mappings":";;;;;;;;;;;;;;;AAAA;;IAMaA,aAAa,gBAAGC,0BAAM,CAACC,GAAV;EAAA;AAAA;;IAMbC,iBAAiB,gBAAGF,0BAAM,CAACG,WAAD,CAAT;EAAA;AAAA;IAOjBC,qBAAqB,gBAAGJ,0BAAM,CAACG,WAAD,CAAT;EAAA;AAAA;IAIrBE,sBAAsB,gBAAGL,0BAAM,CAACG,WAAD,CAAT;EAAA;AAAA,mDAGxB,UAACG,KAAD;EAAA,OAAYA,KAAK,CAACC,IAAN,KAAeC,+BAAY,CAACC,MAA5B,GAAqC,MAArC,GAA8C,SAA1D;AAAA,CAHwB;IAMtBC,gBAAgB,gBAAGV,0BAAM,CAACC,GAAV;EAAA;AAAA;IAQhBU,iBAAiB,gBAAGX,0BAAM,CAACC,GAAV;EAAA;AAAA,2NAGb,UAACK,KAAD;EAAA,OAAWA,KAAK,CAACM,KAAN,CAAYC,KAAZ,CAAkBC,IAA7B;AAAA,CAHa,EAInB,UAACR,KAAD;EAAA,OAAWA,KAAK,CAACM,KAAN,CAAYG,MAAZ,CAAmBC,MAAnB,CAA0B,GAA1B,CAAX;AAAA,CAJmB,EAUlB,UAACV,KAAD;EAAA,OAAWA,KAAK,CAACM,KAAN,CAAYG,MAAZ,CAAmBC,MAAnB,CAA0B,GAA1B,CAAX;AAAA,CAVkB,EAcjB,UAACV,KAAD;EAAA,OAAWA,KAAK,CAACM,KAAN,CAAYG,MAAZ,CAAmBC,MAAnB,CAA0B,GAA1B,CAAX;AAAA,CAdiB;IAqBjBC,gBAAgB,gBAAGjB,0BAAM,CAACW,iBAAD,CAAT;EAAA;AAAA,gGAGlB,UAACL,KAAD;EAAA,OAAWA,KAAK,CAACM,KAAN,CAAYG,MAAZ,CAAmBG,OAAnB,CAA2B,GAA3B,CAAX;AAAA,CAHkB,EAKjB,UAACZ,KAAD;EAAA,OAAWA,KAAK,CAACM,KAAN,CAAYG,MAAZ,CAAmBC,MAAnB,CAA0B,GAA1B,CAAX;AAAA,CALiB,EAShB,UAACV,KAAD;EAAA,OAAWA,KAAK,CAACM,KAAN,CAAYG,MAAZ,CAAmBC,MAAnB,CAA0B,GAA1B,CAAX;AAAA,CATgB;;IAchBG,iBAAiB,gBAAGnB,0BAAM,CAACC,GAAV;EAAA;AAAA;IAQjBmB,mBAAmB,gBAAGpB,0BAAM,CAACC,GAAV;EAAA;AAAA,kEAK5B,UAACK,KAAD;EAAA,OACAA,KAAK,CAACC,IAAN,KAAeC,+BAAY,CAACC,MAA5B,yCAEwBH,KAAK,CAACM,KAAN,CAAYG,MAAZ,CAAmBM,KAAnB,CAAyB,KAAzB,CAFxB,oCAGkBf,KAAK,CAACM,KAAN,CAAYG,MAAZ,CAAmBM,KAAnB,CAAyB,GAAzB,CAHlB,+BAIaf,KAAK,CAACM,KAAN,CAAYG,MAAZ,CAAmBG,OAAnB,CAA2B,KAA3B,CAJb,wBAKMC,iBALN,wHASoBb,KAAK,CAACM,KAAN,CAAYG,MAAZ,CAAmBM,KAAnB,CAAyB,GAAzB,CATpB,mLAoBkBf,KAAK,CAACM,KAAN,CAAYG,MAAZ,CAAmBG,OAAnB,CAA2B,KAA3B,CApBlB,+BAqBaZ,KAAK,CAACM,KAAN,CAAYG,MAAZ,CAAmBG,OAAnB,CAA2B,GAA3B,CArBb,0BAuBMC,iBAvBN,wHA2BoBb,KAAK,CAACM,KAAN,CAAYG,MAAZ,CAAmBG,OAAnB,CAA2B,KAA3B,CA3BpB,wCADA;AAAA,CAL4B;;;;;;;;;;;;"}

package/cjs/parts/chat-card/ChatCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChatCard.js","sources":["../../../../src/parts/chat-card/ChatCard.tsx"],"sourcesContent":["import React from 'react';\nimport { describe } from 'react-desc';\n\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport { propTypes, CardPropTypes } from './props';\nimport { useValidateProps } from './config/useValidateProps';\nimport { Wrapper, MainContent, Title, Content, Time, RightAddon } from './styled';\n\nconst ChatCard = (props: CardPropTypes): JSX.Element => {\n  useValidateProps(props, ChatCardWithSchema.toJSON());\n  const { title, content, time, rightAddon } = props;\n  return (\n    <Wrapper cols={['1fr', 'auto']} data-testid=\"chat-card-wrapper\">\n      <MainContent>\n        <Title data-testid=\"chat-card-title\">{title}</Title>\n        <Content data-testid=\"chat-card-content\">\n          <SimpleTruncatedTooltipText value={content} />\n        </Content>\n        {time && <Time data-testid=\"chat-card-time\">{time}</Time>}\n      </MainContent>\n      {rightAddon && <RightAddon data-testid=\"chat-card-right-addon\">{rightAddon}</RightAddon>}\n    </Wrapper>\n  );\n};\n\nChatCard.propTypes = propTypes;\nconst ChatCardWithSchema = describe(ChatCard);\nChatCardWithSchema.propTypes = propTypes;\n\nexport { ChatCard, ChatCardWithSchema };\n"],"names":["ChatCard","props","useValidateProps","ChatCardWithSchema","toJSON","title","content","time","rightAddon","React","Wrapper","MainContent","Title","Content","SimpleTruncatedTooltipText","Time","RightAddon","propTypes","describe"],"mappings":";;;;;;;;;;;;;;;;;;IAQMA,QAAQ,GAAG,SAAXA,QAAW,CAACC,KAAD,EAAuC;AACtDC,EAAAA,uDAAgB,CAACD,KAAD,EAAQE,kBAAkB,CAACC,MAAnB,EAAR,CAAhB;AACA,MAAQC,KAAR,GAA6CJ,KAA7C,CAAQI,KAAR;AAAA,MAAeC,OAAf,GAA6CL,KAA7C,CAAeK,OAAf;AAAA,MAAwBC,IAAxB,GAA6CN,KAA7C,CAAwBM,IAAxB;AAAA,MAA8BC,UAA9B,GAA6CP,KAA7C,CAA8BO,UAA9B;AACA,sBACEC,wCAACC,6BAAD;AAAS,IAAA,IAAI,EAAE,CAAC,KAAD,EAAQ,MAAR,CAAf;AAAgC,mBAAY;AAA5C,kBACED,wCAACE,iCAAD,qBACEF,wCAACG,2BAAD;AAAO,mBAAY;AAAnB,KAAsCP,KAAtC,CADF,eAEEI,wCAACI,6BAAD;AAAS,mBAAY;AAArB,kBACEJ,wCAACK,iDAAD;AAA4B,IAAA,KAAK,EAAER;AAAnC,IADF,CAFF,EAKGC,IAAI,iBAAIE,wCAACM,0BAAD;AAAM,mBAAY;AAAlB,KAAoCR,IAApC,CALX,CADF,EAQGC,UAAU,iBAAIC,wCAACO,gCAAD;AAAY,mBAAY;AAAxB,KAAiDR,UAAjD,CARjB,CADF;AAYD;;AAEDR,QAAQ,CAACiB,SAAT,GAAqBA,8BAArB;IACMd,kBAAkB,GAAGe,kBAAQ,CAAClB,QAAD;AACnCG,kBAAkB,CAACc,SAAnB,GAA+BA,8BAA/B;;;;;"}
+{"version":3,"file":"ChatCard.js","sources":["../../../../src/parts/chat-card/ChatCard.tsx"],"sourcesContent":["import React from 'react';\nimport { describe } from 'react-desc';\n\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport { propTypes, CardPropTypes } from './props';\nimport { useValidateProps } from './config/useValidateProps';\nimport { Wrapper, MainContent, Title, Content, Time, RightAddon } from './styled';\n\nconst ChatCard = (props: CardPropTypes): JSX.Element => {\n  useValidateProps(props, ChatCardWithSchema.toJSON());\n  const { title, content, time, rightAddon } = props;\n  return (\n    <Wrapper cols={['1fr', 'auto']} data-testid=\"chat-card-wrapper\">\n      <MainContent>\n        <Title data-testid=\"chat-card-title\">{title}</Title>\n        <Content data-testid=\"chat-card-content\">\n          <SimpleTruncatedTooltipText value={content} />\n        </Content>\n        {time && <Time data-testid=\"chat-card-time\">{time}</Time>}\n      </MainContent>\n      {rightAddon && <RightAddon data-testid=\"chat-card-right-addon\">{rightAddon}</RightAddon>}\n    </Wrapper>\n  );\n};\n\nChatCard.propTypes = propTypes;\nconst ChatCardWithSchema = describe(ChatCard);\nChatCardWithSchema.propTypes = propTypes;\n\nexport { ChatCard, ChatCardWithSchema };\n"],"names":["ChatCard","props","useValidateProps","ChatCardWithSchema","toJSON","title","content","time","rightAddon","React","Wrapper","MainContent","Title","Content","SimpleTruncatedTooltipText","Time","RightAddon","propTypes","describe"],"mappings":";;;;;;;;;;;;;;;;;;IAQMA,QAAQ,GAAG,SAAXA,QAAW,CAACC,KAAD,EAAuC;EACtDC,uDAAgB,CAACD,KAAD,EAAQE,kBAAkB,CAACC,MAAnB,EAAR,CAAhB;EACA,IAAQC,KAAR,GAA6CJ,KAA7C,CAAQI,KAAR;MAAeC,OAAf,GAA6CL,KAA7C,CAAeK,OAAf;MAAwBC,IAAxB,GAA6CN,KAA7C,CAAwBM,IAAxB;MAA8BC,UAA9B,GAA6CP,KAA7C,CAA8BO,UAA9B;EACA,oBACEC,wCAACC,6BAAD;IAAS,IAAI,EAAE,CAAC,KAAD,EAAQ,MAAR,CAAf;IAAgC,eAAY;kBAC1CD,wCAACE,iCAAD,qBACEF,wCAACG,2BAAD;IAAO,eAAY;KAAmBP,KAAtC,CADF,eAEEI,wCAACI,6BAAD;IAAS,eAAY;kBACnBJ,wCAACK,iDAAD;IAA4B,KAAK,EAAER;IADrC,CAFF,EAKGC,IAAI,iBAAIE,wCAACM,0BAAD;IAAM,eAAY;KAAkBR,IAApC,CALX,CADF,EAQGC,UAAU,iBAAIC,wCAACO,gCAAD;IAAY,eAAY;KAAyBR,UAAjD,CARjB,CADF;AAYD;;AAEDR,QAAQ,CAACiB,SAAT,GAAqBA,8BAArB;IACMd,kBAAkB,GAAGe,kBAAQ,CAAClB,QAAD;AACnCG,kBAAkB,CAACc,SAAnB,GAA+BA,8BAA/B;;;;;"}

package/cjs/parts/chat-card/config/useValidateProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"useValidateProps.js","sources":["../../../../../src/parts/chat-card/config/useValidateProps.tsx"],"sourcesContent":["import { useValidatePropTypes } from '@elliemae/ds-props-helpers';\nimport { CardPropTypes } from '../props';\n\nexport const useValidateProps = (props: CardPropTypes, schema: unknown): void => {\n  useValidatePropTypes(props, schema);\n};\n"],"names":["useValidateProps","props","schema","useValidatePropTypes"],"mappings":";;;;;;IAGaA,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,KAAD,EAAuBC,MAAvB,EAAiD;AAC/EC,EAAAA,mCAAoB,CAACF,KAAD,EAAQC,MAAR,CAApB;AACD;;;;"}
+{"version":3,"file":"useValidateProps.js","sources":["../../../../../src/parts/chat-card/config/useValidateProps.tsx"],"sourcesContent":["import { useValidatePropTypes } from '@elliemae/ds-props-helpers';\nimport { CardPropTypes } from '../props';\n\nexport const useValidateProps = (props: CardPropTypes, schema: unknown): void => {\n  useValidatePropTypes(props, schema);\n};\n"],"names":["useValidateProps","props","schema","useValidatePropTypes"],"mappings":";;;;;;IAGaA,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,KAAD,EAAuBC,MAAvB,EAAiD;EAC/EC,mCAAoB,CAACF,KAAD,EAAQC,MAAR,CAApB;AACD;;;;"}

package/cjs/parts/chat-card/props.js.map

@@ -1 +1 @@
-{"version":3,"file":"props.js","sources":["../../../../src/parts/chat-card/props.tsx"],"sourcesContent":["import { PropTypes } from 'react-desc';\n\nexport const propTypes = {\n  title: PropTypes.string.isRequired.description(`Card's title`),\n  content: PropTypes.string.description(`Card's content`),\n  time: PropTypes.string.description('Time'),\n  rightAddon: PropTypes.element.description('Right addon, badge or icon'),\n};\n\nexport interface CardPropTypes {\n  title: string;\n  content: string;\n  time: string;\n  rightAddon: JSX.Element;\n}\n"],"names":["propTypes","title","PropTypes","string","isRequired","description","content","time","rightAddon","element"],"mappings":";;;;;;IAEaA,SAAS,GAAG;AACvBC,EAAAA,KAAK,EAAEC,mBAAS,CAACC,MAAV,CAAiBC,UAAjB,CAA4BC,WAA5B,gBADgB;AAEvBC,EAAAA,OAAO,EAAEJ,mBAAS,CAACC,MAAV,CAAiBE,WAAjB,kBAFc;AAGvBE,EAAAA,IAAI,EAAEL,mBAAS,CAACC,MAAV,CAAiBE,WAAjB,CAA6B,MAA7B,CAHiB;AAIvBG,EAAAA,UAAU,EAAEN,mBAAS,CAACO,OAAV,CAAkBJ,WAAlB,CAA8B,4BAA9B;AAJW;;;;"}
+{"version":3,"file":"props.js","sources":["../../../../src/parts/chat-card/props.tsx"],"sourcesContent":["import { PropTypes } from 'react-desc';\n\nexport const propTypes = {\n  title: PropTypes.string.isRequired.description(`Card's title`),\n  content: PropTypes.string.description(`Card's content`),\n  time: PropTypes.string.description('Time'),\n  rightAddon: PropTypes.element.description('Right addon, badge or icon'),\n};\n\nexport interface CardPropTypes {\n  title: string;\n  content: string;\n  time: string;\n  rightAddon: JSX.Element;\n}\n"],"names":["propTypes","title","PropTypes","string","isRequired","description","content","time","rightAddon","element"],"mappings":";;;;;;IAEaA,SAAS,GAAG;EACvBC,KAAK,EAAEC,mBAAS,CAACC,MAAV,CAAiBC,UAAjB,CAA4BC,WAA5B,gBADgB;EAEvBC,OAAO,EAAEJ,mBAAS,CAACC,MAAV,CAAiBE,WAAjB,kBAFc;EAGvBE,IAAI,EAAEL,mBAAS,CAACC,MAAV,CAAiBE,WAAjB,CAA6B,MAA7B,CAHiB;EAIvBG,UAAU,EAAEN,mBAAS,CAACO,OAAV,CAAkBJ,WAAlB,CAA8B,4BAA9B;AAJW;;;;"}

package/cjs/parts/chat-card/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sources":["../../../../src/parts/chat-card/styled.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\n\nexport const Wrapper = styled(Grid)`\n  min-width: 248px;\n  border: 1px;\n  border-bottom: 1px solid #ccc;\n  padding: 12px 12px;\n`;\n\nexport const MainContent = styled.div``;\n\nexport const Title = styled.p`\n  font-size: 16px;\n  font-weight: 600;\n  margin: 0;\n`;\n\nexport const Content = styled.p`\n  font-size: 12px;\n  font-weight: 400;\n  line-height: 1;\n  margin: 0;\n`;\n\nexport const Time = styled.p`\n  font-size: 12px;\n  font-weight: 100;\n  margin: 0;\n  margin-top: 8px;\n  font-weight: ${(props) => props.theme.fontWeights.regular};\n  color: ${(props) => props.theme.colors.neutral['500']};\n`;\n\nexport const RightAddon = styled.div`\n  height: fit-content;\n  margin-left: 12px;\n`;\n"],"names":["Wrapper","styled","Grid","MainContent","div","Title","p","Content","Time","props","theme","fontWeights","regular","colors","neutral","RightAddon"],"mappings":";;;;;;;;;;;IAGaA,OAAO,gBAAGC,0BAAM,CAACC,WAAD,CAAT;AAAA;AAAA;IAOPC,WAAW,gBAAGF,0BAAM,CAACG,GAAV;AAAA;AAAA;IAEXC,KAAK,gBAAGJ,0BAAM,CAACK,CAAV;AAAA;AAAA;IAMLC,OAAO,gBAAGN,0BAAM,CAACK,CAAV;AAAA;AAAA;IAOPE,IAAI,gBAAGP,0BAAM,CAACK,CAAV;AAAA;AAAA,4FAKA,UAACG,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,WAAZ,CAAwBC,OAAnC;AAAA,CALA,EAMN,UAACH,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYG,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CANM;IASJC,UAAU,gBAAGd,0BAAM,CAACG,GAAV;AAAA;AAAA;;;;;;;;;"}
+{"version":3,"file":"styled.js","sources":["../../../../src/parts/chat-card/styled.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\n\nexport const Wrapper = styled(Grid)`\n  min-width: 248px;\n  border: 1px;\n  border-bottom: 1px solid #ccc;\n  padding: 12px 12px;\n`;\n\nexport const MainContent = styled.div``;\n\nexport const Title = styled.p`\n  font-size: 16px;\n  font-weight: 600;\n  margin: 0;\n`;\n\nexport const Content = styled.p`\n  font-size: 12px;\n  font-weight: 400;\n  line-height: 1;\n  margin: 0;\n`;\n\nexport const Time = styled.p`\n  font-size: 12px;\n  font-weight: 100;\n  margin: 0;\n  margin-top: 8px;\n  font-weight: ${(props) => props.theme.fontWeights.regular};\n  color: ${(props) => props.theme.colors.neutral['500']};\n`;\n\nexport const RightAddon = styled.div`\n  height: fit-content;\n  margin-left: 12px;\n`;\n"],"names":["Wrapper","styled","Grid","MainContent","div","Title","p","Content","Time","props","theme","fontWeights","regular","colors","neutral","RightAddon"],"mappings":";;;;;;;;;;;IAGaA,OAAO,gBAAGC,0BAAM,CAACC,WAAD,CAAT;EAAA;AAAA;IAOPC,WAAW,gBAAGF,0BAAM,CAACG,GAAV;EAAA;AAAA;IAEXC,KAAK,gBAAGJ,0BAAM,CAACK,CAAV;EAAA;AAAA;IAMLC,OAAO,gBAAGN,0BAAM,CAACK,CAAV;EAAA;AAAA;IAOPE,IAAI,gBAAGP,0BAAM,CAACK,CAAV;EAAA;AAAA,4FAKA,UAACG,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,WAAZ,CAAwBC,OAAnC;AAAA,CALA,EAMN,UAACH,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYG,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CANM;IASJC,UAAU,gBAAGd,0BAAM,CAACG,GAAV;EAAA;AAAA;;;;;;;;;"}

package/cjs/parts/chat-composer/ChatContainerComposer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChatContainerComposer.js","sources":["../../../../src/parts/chat-composer/ChatContainerComposer.tsx"],"sourcesContent":["/* eslint-disable max-lines */\nimport React from 'react';\nimport { Grid } from '@elliemae/ds-grid';\nimport { describe } from 'react-desc';\nimport { PaperAirplane } from '@elliemae/ds-icons';\nimport {\n  StyledChatContainerContentComposer,\n  StyledComposerInput,\n  StyledComposerButton,\n  StyledCounterArea,\n  StyledCounterErrorA11y,\n} from './styled';\nimport { useValidateProps } from './config/useValidateProps';\n\nimport { defaultComposerPros, composerProps, ChatComposerProps } from './props';\n\n// eslint-disable-next-line complexity\nconst ChatComposer = (props: ChatComposerProps): JSX.Element => {\n  useValidateProps(props, ChatComposerWithSchema.toJSON());\n\n  const {\n    inputValue,\n    onChange,\n    onResize,\n    onSend,\n    onFocus,\n    onBlur,\n    onKeyDown,\n    maxHeight = 300,\n    placeholder,\n    inputMaxLength,\n    maxLengthMessage,\n    ariaMaxLengthMessage,\n    buttonDisabled,\n    dataTestid,\n    actionRef,\n  } = props;\n\n  const COMPOSER_MIN_HEIGHT = 32;\n  const input = React.useRef<HTMLTextAreaElement>();\n  const inputSize = React.useRef<HTMLTextAreaElement>();\n  const inputSend = React.useRef<HTMLButtonElement>();\n  const [height, setHeight] = React.useState(32);\n  const internalMaxHeight = React.useMemo(() => maxHeight - 24, [maxHeight]);\n  const [showScroll, setShowScroll] = React.useState(true);\n\n  React.useEffect(() => {\n    const newHeight =\n      inputSize.current?.scrollHeight > internalMaxHeight ? internalMaxHeight : inputSize.current?.scrollHeight;\n    if (newHeight !== height && newHeight > COMPOSER_MIN_HEIGHT) onResize(newHeight);\n    setHeight(newHeight);\n    setShowScroll(inputSize.current?.scrollHeight - inputSize.current?.clientHeight > 5);\n  }, [inputValue, internalMaxHeight, height, onResize]);\n\n  React.useEffect(() => {\n    if (actionRef && actionRef.current) {\n      actionRef.current.focusToComposer = () => {\n        input.current.focus();\n      };\n      actionRef.current.focusToSend = () => {\n        inputSend.current.focus();\n      };\n    }\n  }, [actionRef]);\n\n  const handleChange = React.useCallback(\n    (e) => {\n      onChange(e.target.value);\n    },\n    [onChange],\n  );\n  const heightProps = { height, overflow: showScroll ? 'auto' : 'hidden' };\n\n  const inputLength = String(inputValue || '').length;\n  const hasError = React.useMemo(() => inputLength > inputMaxLength, [inputLength, inputMaxLength]);\n  return (\n    <StyledChatContainerContentComposer rows={['auto', '15px']} maxHeight={`${maxHeight}px`} data-testid={dataTestid}>\n      <Grid\n        cols={['1fr', '24px']}\n        style={{ height: heightProps.height }}\n        justifyContent=\"center\"\n        alignItems=\"flex-end\"\n        gutter=\"xxs\"\n      >\n        <StyledComposerInput\n          ref={input}\n          onChange={handleChange}\n          style={{ ...heightProps }}\n          value={inputValue}\n          onFocus={onFocus}\n          onBlur={onBlur}\n          onKeyDown={onKeyDown}\n          placeholder={placeholder}\n          aria-label=\"Message to send\"\n          data-testid=\"chat-composer-textarea\"\n          name=\"chat-composer-textarea\"\n          id=\"chat-composer-textarea\"\n        />\n\n        <Grid height=\"32px\" alignItems=\"center\">\n          <StyledComposerButton\n            buttonType=\"text\"\n            icon={<PaperAirplane width={18} height={18} />}\n            onClick={onSend}\n            size=\"s\"\n            disabled={!inputValue || buttonDisabled || hasError}\n            data-testid=\"chat-composer-send-button\"\n            aria-label=\"Send\"\n            innerRef={inputSend}\n          />\n        </Grid>\n      </Grid>\n      <StyledComposerInput\n        ref={inputSize}\n        style={{\n          height: 32,\n          visibility: 'hidden',\n          pointerEvents: 'none',\n          position: 'absolute',\n          top: 0,\n          width: input.current?.clientWidth,\n        }}\n        onChange={handleChange}\n        value={inputValue}\n      />\n      <Grid cols={['1fr', '24px']} justifyContent=\"flex-end\" alignItems=\"center\" gutter=\"xxs\" pb=\"xxs\">\n        <StyledCounterArea hasError={hasError} data-testid=\"composer-counter-area\">\n          {inputMaxLength && hasError ? (\n            <>\n              <StyledCounterErrorA11y role=\"alert\">\n                {ariaMaxLengthMessage ||\n                  `You have entered ${inputLength} characters and have exceeded the limit by ${\n                    inputLength - inputMaxLength\n                  }. Please limit to less than ${inputMaxLength} characters. `}\n              </StyledCounterErrorA11y>\n              {maxLengthMessage || `Please limit to less than ${inputMaxLength} characters. `}\n            </>\n          ) : (\n            ''\n          )}\n          {inputMaxLength ? ` ${inputLength} / ${inputMaxLength}` : ''}\n        </StyledCounterArea>\n        <Grid />\n      </Grid>\n    </StyledChatContainerContentComposer>\n  );\n};\n\nChatComposer.propTypes = composerProps;\nChatComposer.defaultProps = defaultComposerPros;\nconst ChatComposerWithSchema = describe(ChatComposer);\nChatComposerWithSchema.propTypes = composerProps;\n\nexport { ChatComposer, ChatComposerWithSchema };\n"],"names":["ChatComposer","props","useValidateProps","ChatComposerWithSchema","toJSON","inputValue","onChange","onResize","onSend","onFocus","onBlur","onKeyDown","maxHeight","placeholder","inputMaxLength","maxLengthMessage","ariaMaxLengthMessage","buttonDisabled","dataTestid","actionRef","COMPOSER_MIN_HEIGHT","input","React","useRef","inputSize","inputSend","useState","height","setHeight","internalMaxHeight","useMemo","showScroll","setShowScroll","useEffect","newHeight","current","scrollHeight","clientHeight","focusToComposer","focus","focusToSend","handleChange","useCallback","e","target","value","heightProps","overflow","inputLength","String","length","hasError","StyledChatContainerContentComposer","Grid","StyledComposerInput","StyledComposerButton","PaperAirplane","visibility","pointerEvents","position","top","width","clientWidth","StyledCounterArea","StyledCounterErrorA11y","propTypes","composerProps","defaultProps","defaultComposerPros","describe"],"mappings":"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"}
+{"version":3,"file":"ChatContainerComposer.js","sources":["../../../../src/parts/chat-composer/ChatContainerComposer.tsx"],"sourcesContent":["/* eslint-disable max-lines */\nimport React from 'react';\nimport { Grid } from '@elliemae/ds-grid';\nimport { describe } from 'react-desc';\nimport { PaperAirplane } from '@elliemae/ds-icons';\nimport {\n  StyledChatContainerContentComposer,\n  StyledComposerInput,\n  StyledComposerButton,\n  StyledCounterArea,\n  StyledCounterErrorA11y,\n} from './styled';\nimport { useValidateProps } from './config/useValidateProps';\n\nimport { defaultComposerPros, composerProps, ChatComposerProps } from './props';\n\n// eslint-disable-next-line complexity\nconst ChatComposer = (props: ChatComposerProps): JSX.Element => {\n  useValidateProps(props, ChatComposerWithSchema.toJSON());\n\n  const {\n    inputValue,\n    onChange,\n    onResize,\n    onSend,\n    onFocus,\n    onBlur,\n    onKeyDown,\n    maxHeight = 300,\n    placeholder,\n    inputMaxLength,\n    maxLengthMessage,\n    ariaMaxLengthMessage,\n    buttonDisabled,\n    dataTestid,\n    actionRef,\n  } = props;\n\n  const COMPOSER_MIN_HEIGHT = 32;\n  const input = React.useRef<HTMLTextAreaElement>();\n  const inputSize = React.useRef<HTMLTextAreaElement>();\n  const inputSend = React.useRef<HTMLButtonElement>();\n  const [height, setHeight] = React.useState(32);\n  const internalMaxHeight = React.useMemo(() => maxHeight - 24, [maxHeight]);\n  const [showScroll, setShowScroll] = React.useState(true);\n\n  React.useEffect(() => {\n    const newHeight =\n      inputSize.current?.scrollHeight > internalMaxHeight ? internalMaxHeight : inputSize.current?.scrollHeight;\n    if (newHeight !== height && newHeight > COMPOSER_MIN_HEIGHT) onResize(newHeight);\n    setHeight(newHeight);\n    setShowScroll(inputSize.current?.scrollHeight - inputSize.current?.clientHeight > 5);\n  }, [inputValue, internalMaxHeight, height, onResize]);\n\n  React.useEffect(() => {\n    if (actionRef && actionRef.current) {\n      actionRef.current.focusToComposer = () => {\n        input.current.focus();\n      };\n      actionRef.current.focusToSend = () => {\n        inputSend.current.focus();\n      };\n    }\n  }, [actionRef]);\n\n  const handleChange = React.useCallback(\n    (e) => {\n      onChange(e.target.value);\n    },\n    [onChange],\n  );\n  const heightProps = { height, overflow: showScroll ? 'auto' : 'hidden' };\n\n  const inputLength = String(inputValue || '').length;\n  const hasError = React.useMemo(() => inputLength > inputMaxLength, [inputLength, inputMaxLength]);\n  return (\n    <StyledChatContainerContentComposer rows={['auto', '15px']} maxHeight={`${maxHeight}px`} data-testid={dataTestid}>\n      <Grid\n        cols={['1fr', '24px']}\n        style={{ height: heightProps.height }}\n        justifyContent=\"center\"\n        alignItems=\"flex-end\"\n        gutter=\"xxs\"\n      >\n        <StyledComposerInput\n          ref={input}\n          onChange={handleChange}\n          style={{ ...heightProps }}\n          value={inputValue}\n          onFocus={onFocus}\n          onBlur={onBlur}\n          onKeyDown={onKeyDown}\n          placeholder={placeholder}\n          aria-label=\"Message to send\"\n          data-testid=\"chat-composer-textarea\"\n          name=\"chat-composer-textarea\"\n          id=\"chat-composer-textarea\"\n        />\n\n        <Grid height=\"32px\" alignItems=\"center\">\n          <StyledComposerButton\n            buttonType=\"text\"\n            icon={<PaperAirplane width={18} height={18} />}\n            onClick={onSend}\n            size=\"s\"\n            disabled={!inputValue || buttonDisabled || hasError}\n            data-testid=\"chat-composer-send-button\"\n            aria-label=\"Send\"\n            innerRef={inputSend}\n          />\n        </Grid>\n      </Grid>\n      <StyledComposerInput\n        ref={inputSize}\n        style={{\n          height: 32,\n          visibility: 'hidden',\n          pointerEvents: 'none',\n          position: 'absolute',\n          top: 0,\n          width: input.current?.clientWidth,\n        }}\n        onChange={handleChange}\n        value={inputValue}\n      />\n      <Grid cols={['1fr', '24px']} justifyContent=\"flex-end\" alignItems=\"center\" gutter=\"xxs\" pb=\"xxs\">\n        <StyledCounterArea hasError={hasError} data-testid=\"composer-counter-area\">\n          {inputMaxLength && hasError ? (\n            <>\n              <StyledCounterErrorA11y role=\"alert\">\n                {ariaMaxLengthMessage ||\n                  `You have entered ${inputLength} characters and have exceeded the limit by ${\n                    inputLength - inputMaxLength\n                  }. Please limit to less than ${inputMaxLength} characters. `}\n              </StyledCounterErrorA11y>\n              {maxLengthMessage || `Please limit to less than ${inputMaxLength} characters. `}\n            </>\n          ) : (\n            ''\n          )}\n          {inputMaxLength ? ` ${inputLength} / ${inputMaxLength}` : ''}\n        </StyledCounterArea>\n        <Grid />\n      </Grid>\n    </StyledChatContainerContentComposer>\n  );\n};\n\nChatComposer.propTypes = composerProps;\nChatComposer.defaultProps = defaultComposerPros;\nconst ChatComposerWithSchema = describe(ChatComposer);\nChatComposerWithSchema.propTypes = composerProps;\n\nexport { ChatComposer, ChatComposerWithSchema };\n"],"names":["ChatComposer","props","useValidateProps","ChatComposerWithSchema","toJSON","inputValue","onChange","onResize","onSend","onFocus","onBlur","onKeyDown","maxHeight","placeholder","inputMaxLength","maxLengthMessage","ariaMaxLengthMessage","buttonDisabled","dataTestid","actionRef","COMPOSER_MIN_HEIGHT","input","React","useRef","inputSize","inputSend","useState","height","setHeight","internalMaxHeight","useMemo","showScroll","setShowScroll","useEffect","newHeight","current","scrollHeight","clientHeight","focusToComposer","focus","focusToSend","handleChange","useCallback","e","target","value","heightProps","overflow","inputLength","String","length","hasError","StyledChatContainerContentComposer","Grid","StyledComposerInput","StyledComposerButton","PaperAirplane","visibility","pointerEvents","position","top","width","clientWidth","StyledCounterArea","StyledCounterErrorA11y","propTypes","composerProps","defaultProps","defaultComposerPros","describe"],"mappings":"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"}

package/cjs/parts/chat-composer/config/useValidateProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"useValidateProps.js","sources":["../../../../../src/parts/chat-composer/config/useValidateProps.tsx"],"sourcesContent":["import { useValidatePropTypes } from '@elliemae/ds-props-helpers';\nimport { ChatComposerProps } from '../props';\n\nexport const useValidateProps = (props: ChatComposerProps, schema: unknown): void => {\n  useValidatePropTypes(props, schema);\n};\n"],"names":["useValidateProps","props","schema","useValidatePropTypes"],"mappings":";;;;;;IAGaA,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,KAAD,EAA2BC,MAA3B,EAAqD;AACnFC,EAAAA,mCAAoB,CAACF,KAAD,EAAQC,MAAR,CAApB;AACD;;;;"}
+{"version":3,"file":"useValidateProps.js","sources":["../../../../../src/parts/chat-composer/config/useValidateProps.tsx"],"sourcesContent":["import { useValidatePropTypes } from '@elliemae/ds-props-helpers';\nimport { ChatComposerProps } from '../props';\n\nexport const useValidateProps = (props: ChatComposerProps, schema: unknown): void => {\n  useValidatePropTypes(props, schema);\n};\n"],"names":["useValidateProps","props","schema","useValidatePropTypes"],"mappings":";;;;;;IAGaA,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,KAAD,EAA2BC,MAA3B,EAAqD;EACnFC,mCAAoB,CAACF,KAAD,EAAQC,MAAR,CAApB;AACD;;;;"}

package/cjs/parts/chat-composer/props.js.map

@@ -1 +1 @@
-{"version":3,"file":"props.js","sources":["../../../../src/parts/chat-composer/props.tsx"],"sourcesContent":["import React from 'react';\nimport { PropTypes } from 'react-desc';\nimport { noop } from 'lodash';\n\nexport interface TextAreaProps {\n  height: string | number;\n  style: React.CSSProperties;\n}\n\nexport const defaultComposerPros: ChatComposerProps = {\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: noop,\n};\n\nexport interface ChatComposerProps {\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: PropTypes.func;\n}\n\nexport const composerProps = {\n  placeholder: PropTypes.string.description('Input Placeholder').defaultValue(defaultComposerPros.placeholder),\n  inputValue: PropTypes.string.description('Input value').defaultValue(defaultComposerPros.inputValue),\n  ariaMaxLengthMessage: PropTypes.string\n    .description('Aria message for Max length message when exceeded')\n    .defaultValue(defaultComposerPros.maxLengthMessage),\n  maxLengthMessage: PropTypes.string\n    .description('Max length message')\n    .defaultValue(defaultComposerPros.maxLengthMessage),\n  onChange: PropTypes.func.description('Called when the user types').defaultValue(defaultComposerPros.onChange),\n  onResize: PropTypes.func\n    .description('Called the input changes his height')\n    .defaultValue(defaultComposerPros.onResize),\n  onSend: PropTypes.func.description('Called when the click send').defaultValue(defaultComposerPros.onSend),\n  onFocus: PropTypes.func.description('Input focus').defaultValue(defaultComposerPros.onFocus),\n  onBlur: PropTypes.func.description('Input blur').defaultValue(defaultComposerPros.onBlur),\n  onKeyDown: PropTypes.func.description('Input on key down').defaultValue(defaultComposerPros.onKeyDown),\n  maxHeight: PropTypes.number\n    .description('Max height of the composer. Use 0 for no limit')\n    .defaultValue(defaultComposerPros.onBlur),\n  inputMaxLength: PropTypes.number\n    .description('Max length of the composer. `undefined` for no limit')\n    .defaultValue(defaultComposerPros.inputMaxLength),\n  buttonDisabled: PropTypes.bool\n    .description('Control the disabled for the send button')\n    .defaultValue(defaultComposerPros.buttonDisabled),\n  dataTestid: PropTypes.string.description('Data testid').defaultValue(defaultComposerPros.placeholder),\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(defaultComposerPros.actionRef),\n};\n"],"names":["defaultComposerPros","placeholder","inputValue","ariaMaxLengthMessage","onChange","noop","onResize","onSend","onFocus","onBlur","onKeyDown","maxHeight","inputMaxLength","undefined","maxLengthMessage","buttonDisabled","dataTestid","actionRef","composerProps","PropTypes","string","description","defaultValue","func","number","bool","object"],"mappings":"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"}
+{"version":3,"file":"props.js","sources":["../../../../src/parts/chat-composer/props.tsx"],"sourcesContent":["import React from 'react';\nimport { PropTypes } from 'react-desc';\nimport { noop } from 'lodash';\n\nexport interface TextAreaProps {\n  height: string | number;\n  style: React.CSSProperties;\n}\n\nexport const defaultComposerPros: ChatComposerProps = {\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: noop,\n};\n\nexport interface ChatComposerProps {\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: PropTypes.func;\n}\n\nexport const composerProps = {\n  placeholder: PropTypes.string.description('Input Placeholder').defaultValue(defaultComposerPros.placeholder),\n  inputValue: PropTypes.string.description('Input value').defaultValue(defaultComposerPros.inputValue),\n  ariaMaxLengthMessage: PropTypes.string\n    .description('Aria message for Max length message when exceeded')\n    .defaultValue(defaultComposerPros.maxLengthMessage),\n  maxLengthMessage: PropTypes.string\n    .description('Max length message')\n    .defaultValue(defaultComposerPros.maxLengthMessage),\n  onChange: PropTypes.func.description('Called when the user types').defaultValue(defaultComposerPros.onChange),\n  onResize: PropTypes.func\n    .description('Called the input changes his height')\n    .defaultValue(defaultComposerPros.onResize),\n  onSend: PropTypes.func.description('Called when the click send').defaultValue(defaultComposerPros.onSend),\n  onFocus: PropTypes.func.description('Input focus').defaultValue(defaultComposerPros.onFocus),\n  onBlur: PropTypes.func.description('Input blur').defaultValue(defaultComposerPros.onBlur),\n  onKeyDown: PropTypes.func.description('Input on key down').defaultValue(defaultComposerPros.onKeyDown),\n  maxHeight: PropTypes.number\n    .description('Max height of the composer. Use 0 for no limit')\n    .defaultValue(defaultComposerPros.onBlur),\n  inputMaxLength: PropTypes.number\n    .description('Max length of the composer. `undefined` for no limit')\n    .defaultValue(defaultComposerPros.inputMaxLength),\n  buttonDisabled: PropTypes.bool\n    .description('Control the disabled for the send button')\n    .defaultValue(defaultComposerPros.buttonDisabled),\n  dataTestid: PropTypes.string.description('Data testid').defaultValue(defaultComposerPros.placeholder),\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(defaultComposerPros.actionRef),\n};\n"],"names":["defaultComposerPros","placeholder","inputValue","ariaMaxLengthMessage","onChange","noop","onResize","onSend","onFocus","onBlur","onKeyDown","maxHeight","inputMaxLength","undefined","maxLengthMessage","buttonDisabled","dataTestid","actionRef","composerProps","PropTypes","string","description","defaultValue","func","number","bool","object"],"mappings":";;;;;;;IASaA,mBAAsC,GAAG;EACpDC,WAAW,EAAE,mBADuC;EAEpDC,UAAU,EAAE,EAFwC;EAGpDC,oBAAoB,EAAE,EAH8B;EAIpDC,QAAQ,EAAEC,WAJ0C;EAKpDC,QAAQ,EAAED,WAL0C;EAMpDE,MAAM,EAAEF,WAN4C;EAOpDG,OAAO,EAAEH,WAP2C;EAQpDI,MAAM,EAAEJ,WAR4C;EASpDK,SAAS,EAAEL,WATyC;EAUpDM,SAAS,EAAE,CAVyC;EAWpDC,cAAc,EAAEC,SAXoC;EAYpDC,gBAAgB,EAAED,SAZkC;EAapDE,cAAc,EAAE,KAboC;EAcpDC,UAAU,EAAE,kBAdwC;EAepDC,SAAS,EAAEZ;AAfyC;IAoCzCa,aAAa,GAAG;EAC3BjB,WAAW,EAAEkB,mBAAS,CAACC,MAAV,CAAiBC,WAAjB,CAA6B,mBAA7B,EAAkDC,YAAlD,CAA+DtB,mBAAmB,CAACC,WAAnF,CADc;EAE3BC,UAAU,EAAEiB,mBAAS,CAACC,MAAV,CAAiBC,WAAjB,CAA6B,aAA7B,EAA4CC,YAA5C,CAAyDtB,mBAAmB,CAACE,UAA7E,CAFe;EAG3BC,oBAAoB,EAAEgB,mBAAS,CAACC,MAAV,CACnBC,WADmB,CACP,mDADO,EAEnBC,YAFmB,CAENtB,mBAAmB,CAACc,gBAFd,CAHK;EAM3BA,gBAAgB,EAAEK,mBAAS,CAACC,MAAV,CACfC,WADe,CACH,oBADG,EAEfC,YAFe,CAEFtB,mBAAmB,CAACc,gBAFlB,CANS;EAS3BV,QAAQ,EAAEe,mBAAS,CAACI,IAAV,CAAeF,WAAf,CAA2B,4BAA3B,EAAyDC,YAAzD,CAAsEtB,mBAAmB,CAACI,QAA1F,CATiB;EAU3BE,QAAQ,EAAEa,mBAAS,CAACI,IAAV,CACPF,WADO,CACK,qCADL,EAEPC,YAFO,CAEMtB,mBAAmB,CAACM,QAF1B,CAViB;EAa3BC,MAAM,EAAEY,mBAAS,CAACI,IAAV,CAAeF,WAAf,CAA2B,4BAA3B,EAAyDC,YAAzD,CAAsEtB,mBAAmB,CAACO,MAA1F,CAbmB;EAc3BC,OAAO,EAAEW,mBAAS,CAACI,IAAV,CAAeF,WAAf,CAA2B,aAA3B,EAA0CC,YAA1C,CAAuDtB,mBAAmB,CAACQ,OAA3E,CAdkB;EAe3BC,MAAM,EAAEU,mBAAS,CAACI,IAAV,CAAeF,WAAf,CAA2B,YAA3B,EAAyCC,YAAzC,CAAsDtB,mBAAmB,CAACS,MAA1E,CAfmB;EAgB3BC,SAAS,EAAES,mBAAS,CAACI,IAAV,CAAeF,WAAf,CAA2B,mBAA3B,EAAgDC,YAAhD,CAA6DtB,mBAAmB,CAACU,SAAjF,CAhBgB;EAiB3BC,SAAS,EAAEQ,mBAAS,CAACK,MAAV,CACRH,WADQ,CACI,gDADJ,EAERC,YAFQ,CAEKtB,mBAAmB,CAACS,MAFzB,CAjBgB;EAoB3BG,cAAc,EAAEO,mBAAS,CAACK,MAAV,CACbH,WADa,CACD,sDADC,EAEbC,YAFa,CAEAtB,mBAAmB,CAACY,cAFpB,CApBW;EAuB3BG,cAAc,EAAEI,mBAAS,CAACM,IAAV,CACbJ,WADa,CACD,0CADC,EAEbC,YAFa,CAEAtB,mBAAmB,CAACe,cAFpB,CAvBW;EA0B3BC,UAAU,EAAEG,mBAAS,CAACC,MAAV,CAAiBC,WAAjB,CAA6B,aAA7B,EAA4CC,YAA5C,CAAyDtB,mBAAmB,CAACC,WAA7E,CA1Be;EA2B3BgB,SAAS,EAAEE,mBAAS,CAACO,MAAV,CACRL,WADQ,oTAcRC,YAdQ,CAcKtB,mBAAmB,CAACiB,SAdzB;AA3BgB;;;;;"}

package/cjs/parts/chat-composer/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sources":["../../../../src/parts/chat-composer/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSButton } from '@elliemae/ds-button';\nimport { TextAreaProps } from './props';\n\n// Composer\nexport const StyledChatContainerContentComposer = styled(Grid)`\n  width: 100%;\n  min-height: 56px;\n  background: ${(props) => props.theme.colors.neutral['050']};\n  padding: ${(props) => props.theme.space.xxs};\n  padding-bottom: 3px;\n  padding-top: 6px;\n  padding-left: ${(props) => props.theme.space.xs};\n  max-height: ${(props) => props.maxHeight};\n  border-top: 1px solid #cbcfd7;\n`;\n\nexport const StyledComposerInput = styled.textarea<any>`\n  padding: ${(props) => props.theme.space.xxs};\n  resize: none;\n  min-height: 32px;\n  border-radius: 2px;\n  border: solid 1px #cbcfd7;\n  color: #25292f;\n  height: ${(props: TextAreaProps) => (typeof props.height === 'number' ? `${props.height}px` : props.height)};\n  min-width: 244px;\n  overflow-y: auto;\n  font-size: 13px;\n  font-weight: 400;\n  line-height: 1;\n  transition: height 0.05s;\n  &:focus {\n    outline: none;\n    border: 1px solid ${(props) => props.theme.colors.brand[600]};\n    box-shadow: inset 0 0 0 1px #8cc2ed;\n    border-radius: 2px;\n  }\n`;\nexport const StyledComposerButton = styled(DSButton)`\n  &:disabled {\n    background: none;\n    svg {\n      fill: #5d6775;\n    }\n  }\n  svg {\n    fill: ${(props) => props.theme.colors.brand[600]};\n  }\n  &:focus {\n    background: ${(props) => props.theme.colors.brand[200]};\n  }\n`;\n\nexport const StyledCounterArea = styled(Grid)`\n  text-align: right;\n  font-size: 11px;\n  height: 15px;\n  align-items: center;\n  font-style: italic;\n  ${(props) => (props.hasError ? `color:${props.theme.colors.danger[900]};` : '')}\n  position:relative;\n`;\n\nexport const StyledCounterErrorA11y = styled.span`\n  width: 1px;\n  height: 1px;\n  position: absolute;\n  clip: rect(1px, 1px, 1px, 1px);\n`;\n"],"names":["StyledChatContainerContentComposer","styled","Grid","props","theme","colors","neutral","space","xxs","xs","maxHeight","StyledComposerInput","textarea","height","brand","StyledComposerButton","DSButton","StyledCounterArea","hasError","danger","StyledCounterErrorA11y","span"],"mappings":";;;;;;;;;;;;AAKA;IACaA,kCAAkC,gBAAGC,0BAAM,CAACC,WAAD,CAAT;AAAA;AAAA,mKAG/B,UAACC,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAH+B,EAIlC,UAACH,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYG,KAAZ,CAAkBC,GAA7B;AAAA,CAJkC,EAO7B,UAACL,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYG,KAAZ,CAAkBE,EAA7B;AAAA,CAP6B,EAQ/B,UAACN,KAAD;AAAA,SAAWA,KAAK,CAACO,SAAjB;AAAA,CAR+B;IAYlCC,mBAAmB,gBAAGV,0BAAM,CAACW,QAAV;AAAA;AAAA,6TACnB,UAACT,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYG,KAAZ,CAAkBC,GAA7B;AAAA,CADmB,EAOpB,UAACL,KAAD;AAAA,SAA2B,OAAOA,KAAK,CAACU,MAAb,KAAwB,QAAxB,aAAsCV,KAAK,CAACU,MAA5C,UAAyDV,KAAK,CAACU,MAA1F;AAAA,CAPoB,EAgBR,UAACV,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBS,KAAnB,CAAyB,GAAzB,CAAX;AAAA,CAhBQ;IAqBnBC,oBAAoB,gBAAGd,0BAAM,CAACe,iBAAD,CAAT;AAAA;AAAA,+FAQrB,UAACb,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBS,KAAnB,CAAyB,GAAzB,CAAX;AAAA,CARqB,EAWf,UAACX,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBS,KAAnB,CAAyB,GAAzB,CAAX;AAAA,CAXe;IAepBG,iBAAiB,gBAAGhB,0BAAM,CAACC,WAAD,CAAT;AAAA;AAAA,iHAM1B,UAACC,KAAD;AAAA,SAAYA,KAAK,CAACe,QAAN,mBAA0Bf,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBc,MAAnB,CAA0B,GAA1B,CAA1B,SAA8D,EAA1E;AAAA,CAN0B;IAUjBC,sBAAsB,gBAAGnB,0BAAM,CAACoB,IAAV;AAAA;AAAA;;;;;;;;"}
+{"version":3,"file":"styled.js","sources":["../../../../src/parts/chat-composer/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSButton } from '@elliemae/ds-button';\nimport { TextAreaProps } from './props';\n\n// Composer\nexport const StyledChatContainerContentComposer = styled(Grid)`\n  width: 100%;\n  min-height: 56px;\n  background: ${(props) => props.theme.colors.neutral['050']};\n  padding: ${(props) => props.theme.space.xxs};\n  padding-bottom: 3px;\n  padding-top: 6px;\n  padding-left: ${(props) => props.theme.space.xs};\n  max-height: ${(props) => props.maxHeight};\n  border-top: 1px solid #cbcfd7;\n`;\n\nexport const StyledComposerInput = styled.textarea<any>`\n  padding: ${(props) => props.theme.space.xxs};\n  resize: none;\n  min-height: 32px;\n  border-radius: 2px;\n  border: solid 1px #cbcfd7;\n  color: #25292f;\n  height: ${(props: TextAreaProps) => (typeof props.height === 'number' ? `${props.height}px` : props.height)};\n  min-width: 244px;\n  overflow-y: auto;\n  font-size: 13px;\n  font-weight: 400;\n  line-height: 1;\n  transition: height 0.05s;\n  &:focus {\n    outline: none;\n    border: 1px solid ${(props) => props.theme.colors.brand[600]};\n    box-shadow: inset 0 0 0 1px #8cc2ed;\n    border-radius: 2px;\n  }\n`;\nexport const StyledComposerButton = styled(DSButton)`\n  &:disabled {\n    background: none;\n    svg {\n      fill: #5d6775;\n    }\n  }\n  svg {\n    fill: ${(props) => props.theme.colors.brand[600]};\n  }\n  &:focus {\n    background: ${(props) => props.theme.colors.brand[200]};\n  }\n`;\n\nexport const StyledCounterArea = styled(Grid)`\n  text-align: right;\n  font-size: 11px;\n  height: 15px;\n  align-items: center;\n  font-style: italic;\n  ${(props) => (props.hasError ? `color:${props.theme.colors.danger[900]};` : '')}\n  position:relative;\n`;\n\nexport const StyledCounterErrorA11y = styled.span`\n  width: 1px;\n  height: 1px;\n  position: absolute;\n  clip: rect(1px, 1px, 1px, 1px);\n`;\n"],"names":["StyledChatContainerContentComposer","styled","Grid","props","theme","colors","neutral","space","xxs","xs","maxHeight","StyledComposerInput","textarea","height","brand","StyledComposerButton","DSButton","StyledCounterArea","hasError","danger","StyledCounterErrorA11y","span"],"mappings":";;;;;;;;;;;;AAKA;IACaA,kCAAkC,gBAAGC,0BAAM,CAACC,WAAD,CAAT;EAAA;AAAA,mKAG/B,UAACC,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAH+B,EAIlC,UAACH,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYG,KAAZ,CAAkBC,GAA7B;AAAA,CAJkC,EAO7B,UAACL,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYG,KAAZ,CAAkBE,EAA7B;AAAA,CAP6B,EAQ/B,UAACN,KAAD;EAAA,OAAWA,KAAK,CAACO,SAAjB;AAAA,CAR+B;IAYlCC,mBAAmB,gBAAGV,0BAAM,CAACW,QAAV;EAAA;AAAA,6TACnB,UAACT,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYG,KAAZ,CAAkBC,GAA7B;AAAA,CADmB,EAOpB,UAACL,KAAD;EAAA,OAA2B,OAAOA,KAAK,CAACU,MAAb,KAAwB,QAAxB,aAAsCV,KAAK,CAACU,MAA5C,UAAyDV,KAAK,CAACU,MAA1F;AAAA,CAPoB,EAgBR,UAACV,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBS,KAAnB,CAAyB,GAAzB,CAAX;AAAA,CAhBQ;IAqBnBC,oBAAoB,gBAAGd,0BAAM,CAACe,iBAAD,CAAT;EAAA;AAAA,+FAQrB,UAACb,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBS,KAAnB,CAAyB,GAAzB,CAAX;AAAA,CARqB,EAWf,UAACX,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBS,KAAnB,CAAyB,GAAzB,CAAX;AAAA,CAXe;IAepBG,iBAAiB,gBAAGhB,0BAAM,CAACC,WAAD,CAAT;EAAA;AAAA,iHAM1B,UAACC,KAAD;EAAA,OAAYA,KAAK,CAACe,QAAN,mBAA0Bf,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBc,MAAnB,CAA0B,GAA1B,CAA1B,SAA8D,EAA1E;AAAA,CAN0B;IAUjBC,sBAAsB,gBAAGnB,0BAAM,CAACoB,IAAV;EAAA;AAAA;;;;;;;;"}

package/cjs/parts/chat-container/ChatContainer.js

@@ -41,6 +41,7 @@ require('../system-message/config/useValidateProps.js');
 require('../chat-container-messages-list/styled.js');
 require('../chat-container-messages-list/props.js');
 require('../chat-container-messages-list/config/useValidateProps.js');
+require('../chat-container-messages-list/useGetNewMessages.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/parts/chat-container/ChatContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChatContainer.js","sources":["../../../../src/parts/chat-container/ChatContainer.tsx"],"sourcesContent":["/* eslint-disable max-lines */\n/* eslint-disable complexity */\nimport React from 'react';\nimport { noop } from 'lodash';\nimport { describe } from 'react-desc';\nimport DSIndeterminateProgressIndicator from '@elliemae/ds-indeterminate-progress-indicator';\nimport DSBanner, { BANNER_TYPES } from '@elliemae/ds-banner';\nimport { ChatComposer } from '../chat-composer';\nimport { ChatContainerMessagesList } from '../chat-container-messages-list';\nimport { ChatContainerProps, defaultProps, containerProps } from './props';\nimport { StyledChatContainerContent, StyledIndicatorContainer, MobileStyledChatContainerContent } from './styled';\nimport { useValidateProps } from './config/useValidateProps';\n\nconst ChatContainer = (props: ChatContainerProps): JSX.Element => {\n  useValidateProps(props, ChatContainerWithSchema.toTypescript());\n\n  const {\n    sendingText,\n    sendingMessages,\n    bannerPosition,\n    bannerProps,\n    messagesListProps,\n    composerProps,\n    composerProps: { onResize: onComposerResize, onKeyDown: onComposerKeyDown },\n    actionRef,\n    device,\n    isLoading,\n    hasMoreItems,\n    getMoreMessages,\n    ariaLabel,\n  } = props;\n  const bannerRef = React.useRef({ focusOnWrapper: noop, focusOnLink: noop });\n  const containerRef = React.useRef<HTMLElement>();\n  const listRef = React.useRef({ scrollToIndex: noop });\n\n  const onResize = React.useCallback(\n    (height: number) => {\n      if (onComposerResize) onComposerResize(height);\n      /*\n         setTimeout is used to equal the animation duration from the \n         composer text area when increase its size\n        */\n      setTimeout(() => {\n        actionRef.current.scrollToIndex(messagesListProps.messages.length - 1, {\n          align: 'start',\n        });\n      }, 50);\n    },\n    [onComposerResize, messagesListProps.messages, actionRef],\n  );\n  const Container = device === 'desktop' ? StyledChatContainerContent : MobileStyledChatContainerContent;\n  const handleTabs = React.useCallback(\n    (e: React.KeyboardEvent) => {\n      if (onComposerKeyDown) onComposerKeyDown(e);\n      else {\n        const ref = actionRef || listRef;\n        if (e.shiftKey && e.key === 'Tab') {\n          if (messagesListProps.messages?.length > 0) {\n            e.preventDefault();\n            if (['top', 'bottom'].includes(bannerPosition)) {\n              bannerRef.current.focusOnWrapper();\n            } else {\n              const last = ref.current.getMessagesInView().pop();\n              ref.current?.focusToIndexWithoutScroll(last);\n            }\n          }\n        }\n      }\n    },\n    [actionRef, onComposerKeyDown, bannerPosition, messagesListProps.messages?.length],\n  );\n\n  // Map actions\n  React.useEffect(() => {\n    if (actionRef && actionRef.current) {\n      actionRef.current.focusOnBanner = bannerRef.current.focusOnWrapper;\n      actionRef.current.focusOnBannerLink = bannerRef.current.focusOnLink;\n    }\n  }, [actionRef]);\n\n  return (\n    <Container rows={['minmax(0, 1fr)', 'auto']} ref={containerRef} role=\"region\" aria-label={ariaLabel}>\n      <div style={{ position: 'relative', overflow: 'hidden' }}>\n        <ChatContainerMessagesList\n          {...messagesListProps}\n          actionRef={actionRef || listRef}\n          isLoading={isLoading}\n          hasMoreItems={hasMoreItems}\n          getMoreMessages={getMoreMessages}\n          sendingMessages={sendingMessages}\n          sendingText={sendingText}\n          bannerPosition={bannerPosition}\n          bannerRef={bannerRef}\n        />\n        {['top', 'bottom'].includes(isLoading) ? (\n          <StyledIndicatorContainer isLoading={isLoading} data-testid=\"ds-chat-loading-indicator\">\n            <DSIndeterminateProgressIndicator processing title=\"Loading\" />\n          </StyledIndicatorContainer>\n        ) : null}\n        <StyledIndicatorContainer linear isLoading={bannerPosition}>\n          <DSBanner\n            showCloseButton\n            label={bannerProps.label || 'Unread messages'}\n            containerProps={{ id: 'ds-chat-banner' }}\n            actionLink={{\n              label: bannerProps.viewLabel || 'View',\n              onClick: bannerProps.onView,\n            }}\n            onClose={bannerProps.onClose}\n            isOpen\n            type={bannerProps.type || BANNER_TYPES.INFO}\n            actionRef={bannerRef}\n          />\n        </StyledIndicatorContainer>\n        {sendingMessages && sendingMessages.length > 0 ? (\n          <StyledIndicatorContainer isLoading=\"bottom\" linear data-testid=\"ds-chat-loading-indicator\">\n            <DSIndeterminateProgressIndicator processing title={sendingText} lineOnly />\n          </StyledIndicatorContainer>\n        ) : null}\n      </div>\n      <ChatComposer\n        {...composerProps}\n        onKeyDown={handleTabs}\n        onResize={onResize}\n        maxHeight={(containerRef.current?.clientHeight || 0) / 2}\n        actionRef={actionRef || listRef}\n      />\n    </Container>\n  );\n};\n\nChatContainer.propTypes = containerProps;\nChatContainer.defaultProps = defaultProps;\nconst ChatContainerWithSchema = describe(ChatContainer);\nChatContainerWithSchema.propTypes = containerProps;\n\nexport { ChatContainer, ChatContainerWithSchema };\n"],"names":["ChatContainer","props","useValidateProps","ChatContainerWithSchema","toTypescript","sendingText","sendingMessages","bannerPosition","bannerProps","messagesListProps","composerProps","onComposerResize","onResize","onComposerKeyDown","onKeyDown","actionRef","device","isLoading","hasMoreItems","getMoreMessages","ariaLabel","bannerRef","React","useRef","focusOnWrapper","noop","focusOnLink","containerRef","listRef","scrollToIndex","useCallback","height","setTimeout","current","messages","length","align","Container","StyledChatContainerContent","MobileStyledChatContainerContent","handleTabs","e","ref","shiftKey","key","preventDefault","includes","last","getMessagesInView","pop","focusToIndexWithoutScroll","useEffect","focusOnBanner","focusOnBannerLink","position","overflow","ChatContainerMessagesList","StyledIndicatorContainer","DSIndeterminateProgressIndicator","DSBanner","label","id","viewLabel","onClick","onView","onClose","type","BANNER_TYPES","INFO","ChatComposer","clientHeight","propTypes","containerProps","defaultProps","describe"],"mappings":"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"}
+{"version":3,"file":"ChatContainer.js","sources":["../../../../src/parts/chat-container/ChatContainer.tsx"],"sourcesContent":["/* eslint-disable max-lines */\n/* eslint-disable complexity */\nimport React from 'react';\nimport { noop } from 'lodash';\nimport { describe } from 'react-desc';\nimport DSIndeterminateProgressIndicator from '@elliemae/ds-indeterminate-progress-indicator';\nimport DSBanner, { BANNER_TYPES } from '@elliemae/ds-banner';\nimport { ChatComposer } from '../chat-composer';\nimport { ChatContainerMessagesList } from '../chat-container-messages-list';\nimport { ChatContainerProps, defaultProps, containerProps } from './props';\nimport { StyledChatContainerContent, StyledIndicatorContainer, MobileStyledChatContainerContent } from './styled';\nimport { useValidateProps } from './config/useValidateProps';\n\nconst ChatContainer = (props: ChatContainerProps): JSX.Element => {\n  useValidateProps(props, ChatContainerWithSchema.toTypescript());\n\n  const {\n    sendingText,\n    sendingMessages,\n    bannerPosition,\n    bannerProps,\n    messagesListProps,\n    composerProps,\n    composerProps: { onResize: onComposerResize, onKeyDown: onComposerKeyDown },\n    actionRef,\n    device,\n    isLoading,\n    hasMoreItems,\n    getMoreMessages,\n    ariaLabel,\n  } = props;\n  const bannerRef = React.useRef({ focusOnWrapper: noop, focusOnLink: noop });\n  const containerRef = React.useRef<HTMLElement>();\n  const listRef = React.useRef({ scrollToIndex: noop });\n\n  const onResize = React.useCallback(\n    (height: number) => {\n      if (onComposerResize) onComposerResize(height);\n      /*\n         setTimeout is used to equal the animation duration from the \n         composer text area when increase its size\n        */\n      setTimeout(() => {\n        actionRef.current.scrollToIndex(messagesListProps.messages.length - 1, {\n          align: 'start',\n        });\n      }, 50);\n    },\n    [onComposerResize, messagesListProps.messages, actionRef],\n  );\n  const Container = device === 'desktop' ? StyledChatContainerContent : MobileStyledChatContainerContent;\n  const handleTabs = React.useCallback(\n    (e: React.KeyboardEvent) => {\n      if (onComposerKeyDown) onComposerKeyDown(e);\n      else {\n        const ref = actionRef || listRef;\n        if (e.shiftKey && e.key === 'Tab') {\n          if (messagesListProps.messages?.length > 0) {\n            e.preventDefault();\n            if (['top', 'bottom'].includes(bannerPosition)) {\n              bannerRef.current.focusOnWrapper();\n            } else {\n              const last = ref.current.getMessagesInView().pop();\n              ref.current?.focusToIndexWithoutScroll(last);\n            }\n          }\n        }\n      }\n    },\n    [actionRef, onComposerKeyDown, bannerPosition, messagesListProps.messages?.length],\n  );\n\n  // Map actions\n  React.useEffect(() => {\n    if (actionRef && actionRef.current) {\n      actionRef.current.focusOnBanner = bannerRef.current.focusOnWrapper;\n      actionRef.current.focusOnBannerLink = bannerRef.current.focusOnLink;\n    }\n  }, [actionRef]);\n\n  return (\n    <Container rows={['minmax(0, 1fr)', 'auto']} ref={containerRef} role=\"region\" aria-label={ariaLabel}>\n      <div style={{ position: 'relative', overflow: 'hidden' }}>\n        <ChatContainerMessagesList\n          {...messagesListProps}\n          actionRef={actionRef || listRef}\n          isLoading={isLoading}\n          hasMoreItems={hasMoreItems}\n          getMoreMessages={getMoreMessages}\n          sendingMessages={sendingMessages}\n          sendingText={sendingText}\n          bannerPosition={bannerPosition}\n          bannerRef={bannerRef}\n        />\n        {['top', 'bottom'].includes(isLoading) ? (\n          <StyledIndicatorContainer isLoading={isLoading} data-testid=\"ds-chat-loading-indicator\">\n            <DSIndeterminateProgressIndicator processing title=\"Loading\" />\n          </StyledIndicatorContainer>\n        ) : null}\n        <StyledIndicatorContainer linear isLoading={bannerPosition}>\n          <DSBanner\n            showCloseButton\n            label={bannerProps.label || 'Unread messages'}\n            containerProps={{ id: 'ds-chat-banner' }}\n            actionLink={{\n              label: bannerProps.viewLabel || 'View',\n              onClick: bannerProps.onView,\n            }}\n            onClose={bannerProps.onClose}\n            isOpen\n            type={bannerProps.type || BANNER_TYPES.INFO}\n            actionRef={bannerRef}\n          />\n        </StyledIndicatorContainer>\n        {sendingMessages && sendingMessages.length > 0 ? (\n          <StyledIndicatorContainer isLoading=\"bottom\" linear data-testid=\"ds-chat-loading-indicator\">\n            <DSIndeterminateProgressIndicator processing title={sendingText} lineOnly />\n          </StyledIndicatorContainer>\n        ) : null}\n      </div>\n      <ChatComposer\n        {...composerProps}\n        onKeyDown={handleTabs}\n        onResize={onResize}\n        maxHeight={(containerRef.current?.clientHeight || 0) / 2}\n        actionRef={actionRef || listRef}\n      />\n    </Container>\n  );\n};\n\nChatContainer.propTypes = containerProps;\nChatContainer.defaultProps = defaultProps;\nconst ChatContainerWithSchema = describe(ChatContainer);\nChatContainerWithSchema.propTypes = containerProps;\n\nexport { ChatContainer, ChatContainerWithSchema };\n"],"names":["ChatContainer","props","useValidateProps","ChatContainerWithSchema","toTypescript","sendingText","sendingMessages","bannerPosition","bannerProps","messagesListProps","composerProps","onComposerResize","onResize","onComposerKeyDown","onKeyDown","actionRef","device","isLoading","hasMoreItems","getMoreMessages","ariaLabel","bannerRef","React","useRef","focusOnWrapper","noop","focusOnLink","containerRef","listRef","scrollToIndex","useCallback","height","setTimeout","current","messages","length","align","Container","StyledChatContainerContent","MobileStyledChatContainerContent","handleTabs","e","ref","shiftKey","key","preventDefault","includes","last","getMessagesInView","pop","focusToIndexWithoutScroll","useEffect","focusOnBanner","focusOnBannerLink","position","overflow","ChatContainerMessagesList","StyledIndicatorContainer","DSIndeterminateProgressIndicator","DSBanner","label","id","viewLabel","onClick","onView","onClose","type","BANNER_TYPES","INFO","ChatComposer","clientHeight","propTypes","containerProps","defaultProps","describe"],"mappings":"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"}

package/cjs/parts/chat-container/config/useValidateProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"useValidateProps.js","sources":["../../../../../src/parts/chat-container/config/useValidateProps.tsx"],"sourcesContent":["import { useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';\nimport { ChatContainerProps } from '../props';\n\nexport const useValidateProps = (props: ChatContainerProps, schema: unknown): void => {\n  useValidateTypescriptPropTypes(props, schema);\n};\n"],"names":["useValidateProps","props","schema","useValidateTypescriptPropTypes"],"mappings":";;;;;;IAGaA,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,KAAD,EAA4BC,MAA5B,EAAsD;AACpFC,EAAAA,6CAA8B,CAACF,KAAD,EAAQC,MAAR,CAA9B;AACD;;;;"}
+{"version":3,"file":"useValidateProps.js","sources":["../../../../../src/parts/chat-container/config/useValidateProps.tsx"],"sourcesContent":["import { useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';\nimport { ChatContainerProps } from '../props';\n\nexport const useValidateProps = (props: ChatContainerProps, schema: unknown): void => {\n  useValidateTypescriptPropTypes(props, schema);\n};\n"],"names":["useValidateProps","props","schema","useValidateTypescriptPropTypes"],"mappings":";;;;;;IAGaA,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,KAAD,EAA4BC,MAA5B,EAAsD;EACpFC,6CAA8B,CAACF,KAAD,EAAQC,MAAR,CAA9B;AACD;;;;"}

package/cjs/parts/chat-container/index.js

@@ -39,6 +39,7 @@ require('../system-message/config/useValidateProps.js');
 require('../chat-container-messages-list/styled.js');
 require('../chat-container-messages-list/props.js');
 require('../chat-container-messages-list/config/useValidateProps.js');
+require('../chat-container-messages-list/useGetNewMessages.js');
 require('./props.js');
 require('./styled.js');
 require('./config/useValidateProps.js');

package/cjs/parts/chat-container/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/cjs/parts/chat-container/props.js.map

@@ -1 +1 @@
-{"version":3,"file":"props.js","sources":["../../../../src/parts/chat-container/props.ts"],"sourcesContent":["import { PropTypes } from 'react-desc';\nimport { noop } from 'lodash';\nimport { BANNER_TYPES } from '@elliemae/ds-banner';\nimport {\n  ChatContainerMessagesListProps,\n  defaultProps as defaultListProps,\n} from '../chat-container-messages-list/props';\nimport { defaultComposerPros, ChatComposerProps } from '../chat-composer/props';\n\ninterface ChatBannerProps {\n  label: string;\n  viewLabel: string;\n  type?: BANNER_TYPES;\n  onView: () => void;\n  onClose: () => void;\n}\nexport interface ChatContainerProps {\n  messagesListProps: Pick<ChatContainerMessagesListProps, 'messages' | 'onScrollEnds'>;\n  composerProps: ChatComposerProps;\n  actionRef: PropTypes.func;\n  autoScroll: boolean;\n  device: 'desktop' | 'mobile';\n  isLoading?: 'top' | 'bottom';\n  hasMoreItems?: 'top' | 'bottom';\n  getMoreMessages: PropTypes.func;\n  bannerPosition?: 'top' | 'bottom';\n  bannerProps?: ChatBannerProps;\n  sendingMessages?: string[] | number[];\n  sendingText: string;\n  ariaLabel: string;\n}\n\nexport const defaultProps: ChatContainerProps = {\n  messagesListProps: defaultListProps,\n  composerProps: defaultComposerPros,\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  ariaLabel: 'Chat window',\n};\n\nexport const containerProps = {\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  ariaLabel: PropTypes.string\n    .description('Aria Label description for chat container')\n    .defaultValue(defaultProps.ariaLabel),\n};\n"],"names":["defaultProps","messagesListProps","defaultListProps","composerProps","defaultComposerPros","actionRef","undefined","autoScroll","device","isLoading","hasMoreItems","getMoreMessages","noop","bannerPosition","bannerProps","type","BANNER_TYPES","INFO","label","viewLabel","onView","onClose","sendingMessages","sendingText","ariaLabel","containerProps","PropTypes","object","description","defaultValue","bool","string","oneOf","func","oneOfType","arrayOf","number"],"mappings":"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"}
+{"version":3,"file":"props.js","sources":["../../../../src/parts/chat-container/props.ts"],"sourcesContent":["import { PropTypes } from 'react-desc';\nimport { noop } from 'lodash';\nimport { BANNER_TYPES } from '@elliemae/ds-banner';\nimport {\n  ChatContainerMessagesListProps,\n  defaultProps as defaultListProps,\n} from '../chat-container-messages-list/props';\nimport { defaultComposerPros, ChatComposerProps } from '../chat-composer/props';\n\ninterface ChatBannerProps {\n  label: string;\n  viewLabel: string;\n  type?: BANNER_TYPES;\n  onView: () => void;\n  onClose: () => void;\n}\nexport interface ChatContainerProps {\n  messagesListProps: Pick<ChatContainerMessagesListProps, 'messages' | 'onScrollEnds'>;\n  composerProps: ChatComposerProps;\n  actionRef: PropTypes.func;\n  autoScroll: boolean;\n  device: 'desktop' | 'mobile';\n  isLoading?: 'top' | 'bottom';\n  hasMoreItems?: 'top' | 'bottom';\n  getMoreMessages: PropTypes.func;\n  bannerPosition?: 'top' | 'bottom';\n  bannerProps?: ChatBannerProps;\n  sendingMessages?: string[] | number[];\n  sendingText: string;\n  ariaLabel: string;\n}\n\nexport const defaultProps: ChatContainerProps = {\n  messagesListProps: defaultListProps,\n  composerProps: defaultComposerPros,\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  ariaLabel: 'Chat window',\n};\n\nexport const containerProps = {\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  ariaLabel: PropTypes.string\n    .description('Aria Label description for chat container')\n    .defaultValue(defaultProps.ariaLabel),\n};\n"],"names":["defaultProps","messagesListProps","defaultListProps","composerProps","defaultComposerPros","actionRef","undefined","autoScroll","device","isLoading","hasMoreItems","getMoreMessages","noop","bannerPosition","bannerProps","type","BANNER_TYPES","INFO","label","viewLabel","onView","onClose","sendingMessages","sendingText","ariaLabel","containerProps","PropTypes","object","description","defaultValue","bool","string","oneOf","func","oneOfType","arrayOf","number"],"mappings":";;;;;;;;;;IAgCaA,YAAgC,GAAG;EAC9CC,iBAAiB,EAAEC,kDAD2B;EAE9CC,aAAa,EAAEC,4CAF+B;EAG9CC,SAAS,EAAEC,SAHmC;EAI9CC,UAAU,EAAE,KAJkC;EAK9CC,MAAM,EAAE,SALsC;EAM9CC,SAAS,EAAEH,SANmC;EAO9CI,YAAY,EAAEJ,SAPgC;EAQ9CK,eAAe,EAAEC,WAR6B;EAS9CC,cAAc,EAAEP,SAT8B;EAU9CQ,WAAW,EAAE;IACXC,IAAI,EAAEC,qBAAY,CAACC,IADR;IAEXC,KAAK,EAAE,iBAFI;IAGXC,SAAS,EAAE,MAHA;IAIXC,MAAM,EAAER,WAJG;IAKXS,OAAO,EAAET;GAfmC;EAiB9CU,eAAe,EAAEhB,SAjB6B;EAkB9CiB,WAAW,EAAE,SAlBiC;EAmB9CC,SAAS,EAAE;AAnBmC;IAsBnCC,cAAc,GAAG;EAC5BxB,iBAAiB,EAAEyB,mBAAS,CAACC,MAAV,CAChBC,WADgB,CACJ,mDADI,EAEhBC,YAFgB,CAEH7B,YAAY,CAACC,iBAFV,CADS;EAI5BE,aAAa,EAAEuB,mBAAS,CAACC,MAAV,CAAiBC,WAAjB,CAA6B,wBAA7B,EAAuDC,YAAvD,CAAoE7B,YAAY,CAACG,aAAjF,CAJa;EAK5BI,UAAU,EAAEmB,mBAAS,CAACI,IAAV,CAAeF,WAAf,CAA2B,iCAA3B,EAA8DC,YAA9D,CAA2E7B,YAAY,CAACO,UAAxF,CALgB;EAM5BC,MAAM,EAAEkB,mBAAS,CAACK,MAAV,CACLH,WADK,CACO,mDADP,EAELC,YAFK,CAEQ7B,YAAY,CAACQ,MAFrB,CANoB;EAS5BC,SAAS,EAAEiB,mBAAS,CAACM,KAAV,CAAgB,CAAC,KAAD,EAAQ,QAAR,EAAkB1B,SAAlB,CAAhB,EAA8CsB,WAA9C,CACT,2EADS,CATiB;EAY5BlB,YAAY,EAAEgB,mBAAS,CAACM,KAAV,CAAgB,CAAC,KAAD,EAAQ,QAAR,EAAkB1B,SAAlB,CAAhB,EAA8CsB,WAA9C,CACZ,iEADY,CAZc;EAe5BjB,eAAe,EAAEe,mBAAS,CAACO,IAAV,CACdL,WADc,CACF,0CADE,EAEdC,YAFc,CAED7B,YAAY,CAACW,eAFZ,CAfW;EAkB5BE,cAAc,EAAEa,mBAAS,CAACM,KAAV,CAAgB,CAAC,KAAD,EAAQ,QAAR,EAAkB1B,SAAlB,CAAhB,EAA8CsB,WAA9C,CACd,2EADc,CAlBY;EAqB5Bd,WAAW,EAAEY,mBAAS,CAACC,MAAV,CACVC,WADU,4IAUVC,YAVU,CAUG7B,YAAY,CAACc,WAVhB,CArBe;EAgC5BQ,eAAe,EAAEI,mBAAS,CAACQ,SAAV,CAAoB,CAACR,mBAAS,CAACS,OAAV,CAAkBT,mBAAS,CAACK,MAA5B,CAAD,EAAsCL,mBAAS,CAACS,OAAV,CAAkBT,mBAAS,CAACU,MAA5B,CAAtC,CAApB,EACdR,WADc,CACF,kCADE,EAEdC,YAFc,CAED7B,YAAY,CAACsB,eAFZ,CAhCW;EAmC5BC,WAAW,EAAEG,mBAAS,CAACK,MAAV,CACVH,WADU,CACE,kDADF,EAEVC,YAFU,CAEG7B,YAAY,CAACuB,WAFhB,CAnCe;EAsC5BlB,SAAS,EAAEqB,mBAAS,CAACC,MAAV,CACRC,WADQ,oTAcRC,YAdQ,CAcK7B,YAAY,CAACK,SAdlB,CAtCiB;EAqD5BmB,SAAS,EAAEE,mBAAS,CAACK,MAAV,CACRH,WADQ,CACI,2CADJ,EAERC,YAFQ,CAEK7B,YAAY,CAACwB,SAFlB;AArDiB;;;;;"}

package/cjs/parts/chat-container/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sources":["../../../../src/parts/chat-container/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\nimport { StyledTitleRightBubble, StyledTitleLeftBubble, StyleBodyWrapper } from '../bubble/styled';\nimport { StyledComposerInput } from '../chat-composer/styled';\nimport { Wrapper, Title, Time, Message } from '../system-message/style';\nexport const CONTAINER_WIDTH = 300;\n\nexport const StyledChatContainerContent = styled(Grid)`\n  height: 100%;\n  min-width: ${CONTAINER_WIDTH}px;\n  overflow: hidden;\n  background: ${(props) => props.theme.colors.neutral['050']};\n  position: relative;\n`;\nexport const StyledIndicatorContainer = styled.div<{\n  isLoading?: 'top' | 'bottom';\n  linear?: boolean;\n}>`\n  transition: 0.4s ease-in-out;\n  position: absolute;\n  visibility: hidden;\n  pointer-events: none;\n  width: 100%;\n  padding: 0 ${(props) => (!props.linear ? props.theme.space.xxs : 0)};\n  left: 0;\n  right: 0;\n  background: ${(props) => props.theme.colors.neutral['000']};\n  ${(props) =>\n    props.isLoading === 'top'\n      ? `\n  top: -41px;\n  transform: translate(0, 41px);\n  visibility: visible;\n  pointer-events: auto;\n  `\n      : ''}\n  ${(props) =>\n    props.isLoading === 'bottom'\n      ? `\n  bottom: -41px;\n  transform: translate(0, -41px);\n  visibility: visible;\n  pointer-events: auto;\n  `\n      : ''}\n\n  & div,a {\n    font-size: 13px;\n  }\n`;\n\nexport const MobileStyledChatContainerContent = styled(StyledChatContainerContent)`\n  ${StyledTitleLeftBubble},\n  ${StyleBodyWrapper} {\n    font-size: 16px;\n  }\n\n  ${StyledTitleRightBubble} {\n    font-size: 13px;\n  }\n\n  ${Wrapper} {\n    background-color: #fff;\n    box-shadow: -0 1px 3px rgba(53, 60, 70, 0.8);\n  }\n\n  ${Title},\n  ${Message} {\n    font-size: 16px;\n    text-align: left;\n  }\n\n  ${Time} {\n    font-size: 13px;\n  }\n\n  ${StyledComposerInput} {\n    font-size: 16px;\n  }\n\n  ${StyledIndicatorContainer} {\n    font-size: 16px;\n  }\n`;\n"],"names":["CONTAINER_WIDTH","StyledChatContainerContent","styled","Grid","props","theme","colors","neutral","StyledIndicatorContainer","div","linear","space","xxs","isLoading","MobileStyledChatContainerContent","StyledTitleLeftBubble","StyleBodyWrapper","StyledTitleRightBubble","Wrapper","Title","Message","Time","StyledComposerInput"],"mappings":";;;;;;;;;;;;;;;;;;;IAKaA,eAAe,GAAG;IAElBC,0BAA0B,gBAAGC,0BAAM,CAACC,WAAD,CAAT;AAAA;AAAA,wFAExBH,eAFwB,EAIvB,UAACI,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAJuB;IAO1BC,wBAAwB,gBAAGN,0BAAM,CAACO,GAAV;AAAA;AAAA,wLAStB,UAACL,KAAD;AAAA,SAAY,CAACA,KAAK,CAACM,MAAP,GAAgBN,KAAK,CAACC,KAAN,CAAYM,KAAZ,CAAkBC,GAAlC,GAAwC,CAApD;AAAA,CATsB,EAYrB,UAACR,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAZqB,EAajC,UAACH,KAAD;AAAA,SACAA,KAAK,CAACS,SAAN,KAAoB,KAApB,8GAOI,EARJ;AAAA,CAbiC,EAsBjC,UAACT,KAAD;AAAA,SACAA,KAAK,CAACS,SAAN,KAAoB,QAApB,kHAOI,EARJ;AAAA,CAtBiC;IAqCxBC,gCAAgC,gBAAGZ,0BAAM,CAACD,0BAAD,CAAT;AAAA;AAAA,sOACzCc,yCADyC,EAEzCC,oCAFyC,EAMzCC,0CANyC,EAUzCC,iCAVyC,EAezCC,+BAfyC,EAgBzCC,iCAhByC,EAqBzCC,8BArByC,EAyBzCC,6CAzByC,EA6BzCd,wBA7ByC;;;;;;;"}
+{"version":3,"file":"styled.js","sources":["../../../../src/parts/chat-container/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\nimport { StyledTitleRightBubble, StyledTitleLeftBubble, StyleBodyWrapper } from '../bubble/styled';\nimport { StyledComposerInput } from '../chat-composer/styled';\nimport { Wrapper, Title, Time, Message } from '../system-message/style';\nexport const CONTAINER_WIDTH = 300;\n\nexport const StyledChatContainerContent = styled(Grid)`\n  height: 100%;\n  min-width: ${CONTAINER_WIDTH}px;\n  overflow: hidden;\n  background: ${(props) => props.theme.colors.neutral['050']};\n  position: relative;\n`;\nexport const StyledIndicatorContainer = styled.div<{\n  isLoading?: 'top' | 'bottom';\n  linear?: boolean;\n}>`\n  transition: 0.4s ease-in-out;\n  position: absolute;\n  visibility: hidden;\n  pointer-events: none;\n  width: 100%;\n  padding: 0 ${(props) => (!props.linear ? props.theme.space.xxs : 0)};\n  left: 0;\n  right: 0;\n  background: ${(props) => props.theme.colors.neutral['000']};\n  ${(props) =>\n    props.isLoading === 'top'\n      ? `\n  top: -41px;\n  transform: translate(0, 41px);\n  visibility: visible;\n  pointer-events: auto;\n  `\n      : ''}\n  ${(props) =>\n    props.isLoading === 'bottom'\n      ? `\n  bottom: -41px;\n  transform: translate(0, -41px);\n  visibility: visible;\n  pointer-events: auto;\n  `\n      : ''}\n\n  & div,a {\n    font-size: 13px;\n  }\n`;\n\nexport const MobileStyledChatContainerContent = styled(StyledChatContainerContent)`\n  ${StyledTitleLeftBubble},\n  ${StyleBodyWrapper} {\n    font-size: 16px;\n  }\n\n  ${StyledTitleRightBubble} {\n    font-size: 13px;\n  }\n\n  ${Wrapper} {\n    background-color: #fff;\n    box-shadow: -0 1px 3px rgba(53, 60, 70, 0.8);\n  }\n\n  ${Title},\n  ${Message} {\n    font-size: 16px;\n    text-align: left;\n  }\n\n  ${Time} {\n    font-size: 13px;\n  }\n\n  ${StyledComposerInput} {\n    font-size: 16px;\n  }\n\n  ${StyledIndicatorContainer} {\n    font-size: 16px;\n  }\n`;\n"],"names":["CONTAINER_WIDTH","StyledChatContainerContent","styled","Grid","props","theme","colors","neutral","StyledIndicatorContainer","div","linear","space","xxs","isLoading","MobileStyledChatContainerContent","StyledTitleLeftBubble","StyleBodyWrapper","StyledTitleRightBubble","Wrapper","Title","Message","Time","StyledComposerInput"],"mappings":";;;;;;;;;;;;;;;;;;;IAKaA,eAAe,GAAG;IAElBC,0BAA0B,gBAAGC,0BAAM,CAACC,WAAD,CAAT;EAAA;AAAA,wFAExBH,eAFwB,EAIvB,UAACI,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAJuB;IAO1BC,wBAAwB,gBAAGN,0BAAM,CAACO,GAAV;EAAA;AAAA,wLAStB,UAACL,KAAD;EAAA,OAAY,CAACA,KAAK,CAACM,MAAP,GAAgBN,KAAK,CAACC,KAAN,CAAYM,KAAZ,CAAkBC,GAAlC,GAAwC,CAApD;AAAA,CATsB,EAYrB,UAACR,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAZqB,EAajC,UAACH,KAAD;EAAA,OACAA,KAAK,CAACS,SAAN,KAAoB,KAApB,8GAOI,EARJ;AAAA,CAbiC,EAsBjC,UAACT,KAAD;EAAA,OACAA,KAAK,CAACS,SAAN,KAAoB,QAApB,kHAOI,EARJ;AAAA,CAtBiC;IAqCxBC,gCAAgC,gBAAGZ,0BAAM,CAACD,0BAAD,CAAT;EAAA;AAAA,sOACzCc,yCADyC,EAEzCC,oCAFyC,EAMzCC,0CANyC,EAUzCC,iCAVyC,EAezCC,+BAfyC,EAgBzCC,iCAhByC,EAqBzCC,8BArByC,EAyBzCC,6CAzByC,EA6BzCd,wBA7ByC;;;;;;;"}

package/cjs/parts/chat-container-header/ChatContainerHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChatContainerHeader.js","sources":["../../../../src/parts/chat-container-header/ChatContainerHeader.tsx"],"sourcesContent":["import React from 'react';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport {\n  StyledChatContainerContentHeader,\n  StyledChatContainerContentHeaderLabel,\n  StyledChatContainerContentHeaderActions,\n} from './styled';\nimport { validHeaderChilds } from './helpers';\n\nexport const ChatContainerHeader: React.ComponentType = (props: any) => {\n  const { title, floating, children } = props;\n\n  return (\n    <StyledChatContainerContentHeader\n      alignItems=\"center\"\n      cols={['minmax(calc(100% - 64px), 1fr)', children ? 'auto' : '0px']}\n      floating={floating}\n      role=\"heading\"\n    >\n      <StyledChatContainerContentHeaderLabel data-testid=\"chat-container-header-title\" pl=\"xxs\" pr=\"xxs\">\n        <SimpleTruncatedTooltipText value={title} />\n      </StyledChatContainerContentHeaderLabel>\n      <StyledChatContainerContentHeaderActions\n        cols={validHeaderChilds(children)}\n        justifyContent=\"flex-end\"\n        data-testid=\"chat-container-header-children\"\n      >\n        {children}\n      </StyledChatContainerContentHeaderActions>\n    </StyledChatContainerContentHeader>\n  );\n};\n"],"names":["ChatContainerHeader","props","title","floating","children","React","StyledChatContainerContentHeader","StyledChatContainerContentHeaderLabel","SimpleTruncatedTooltipText","StyledChatContainerContentHeaderActions","validHeaderChilds"],"mappings":";;;;;;;;;;;;;;;IASaA,mBAAwC,GAAG,SAA3CA,mBAA2C,CAACC,KAAD,EAAgB;AACtE,MAAQC,KAAR,GAAsCD,KAAtC,CAAQC,KAAR;AAAA,MAAeC,QAAf,GAAsCF,KAAtC,CAAeE,QAAf;AAAA,MAAyBC,QAAzB,GAAsCH,KAAtC,CAAyBG,QAAzB;AAEA,sBACEC,wCAACC,iEAAD;AACE,IAAA,UAAU,EAAC,QADb;AAEE,IAAA,IAAI,EAAE,CAAC,gCAAD,EAAmCF,QAAQ,GAAG,MAAH,GAAY,KAAvD,CAFR;AAGE,IAAA,QAAQ,EAAED,QAHZ;AAIE,IAAA,IAAI,EAAC;AAJP,kBAMEE,wCAACE,sEAAD;AAAuC,mBAAY,6BAAnD;AAAiF,IAAA,EAAE,EAAC,KAApF;AAA0F,IAAA,EAAE,EAAC;AAA7F,kBACEF,wCAACG,iDAAD;AAA4B,IAAA,KAAK,EAAEN;AAAnC,IADF,CANF,eASEG,wCAACI,wEAAD;AACE,IAAA,IAAI,EAAEC,mDAAiB,CAACN,QAAD,CADzB;AAEE,IAAA,cAAc,EAAC,UAFjB;AAGE,mBAAY;AAHd,KAKGA,QALH,CATF,CADF;AAmBD;;;;"}
+{"version":3,"file":"ChatContainerHeader.js","sources":["../../../../src/parts/chat-container-header/ChatContainerHeader.tsx"],"sourcesContent":["import React from 'react';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport {\n  StyledChatContainerContentHeader,\n  StyledChatContainerContentHeaderLabel,\n  StyledChatContainerContentHeaderActions,\n} from './styled';\nimport { validHeaderChilds } from './helpers';\n\nexport const ChatContainerHeader: React.ComponentType = (props: any) => {\n  const { title, floating, children } = props;\n\n  return (\n    <StyledChatContainerContentHeader\n      alignItems=\"center\"\n      cols={['minmax(calc(100% - 64px), 1fr)', children ? 'auto' : '0px']}\n      floating={floating}\n      role=\"heading\"\n    >\n      <StyledChatContainerContentHeaderLabel data-testid=\"chat-container-header-title\" pl=\"xxs\" pr=\"xxs\">\n        <SimpleTruncatedTooltipText value={title} />\n      </StyledChatContainerContentHeaderLabel>\n      <StyledChatContainerContentHeaderActions\n        cols={validHeaderChilds(children)}\n        justifyContent=\"flex-end\"\n        data-testid=\"chat-container-header-children\"\n      >\n        {children}\n      </StyledChatContainerContentHeaderActions>\n    </StyledChatContainerContentHeader>\n  );\n};\n"],"names":["ChatContainerHeader","props","title","floating","children","React","StyledChatContainerContentHeader","StyledChatContainerContentHeaderLabel","SimpleTruncatedTooltipText","StyledChatContainerContentHeaderActions","validHeaderChilds"],"mappings":";;;;;;;;;;;;;;;IASaA,mBAAwC,GAAG,SAA3CA,mBAA2C,CAACC,KAAD,EAAgB;EACtE,IAAQC,KAAR,GAAsCD,KAAtC,CAAQC,KAAR;MAAeC,QAAf,GAAsCF,KAAtC,CAAeE,QAAf;MAAyBC,QAAzB,GAAsCH,KAAtC,CAAyBG,QAAzB;EAEA,oBACEC,wCAACC,iEAAD;IACE,UAAU,EAAC,QADb;IAEE,IAAI,EAAE,CAAC,gCAAD,EAAmCF,QAAQ,GAAG,MAAH,GAAY,KAAvD,CAFR;IAGE,QAAQ,EAAED,QAHZ;IAIE,IAAI,EAAC;kBAELE,wCAACE,sEAAD;IAAuC,eAAY,6BAAnD;IAAiF,EAAE,EAAC,KAApF;IAA0F,EAAE,EAAC;kBAC3FF,wCAACG,iDAAD;IAA4B,KAAK,EAAEN;IADrC,CANF,eASEG,wCAACI,wEAAD;IACE,IAAI,EAAEC,mDAAiB,CAACN,QAAD,CADzB;IAEE,cAAc,EAAC,UAFjB;IAGE,eAAY;KAEXA,QALH,CATF,CADF;AAmBD;;;;"}

package/cjs/parts/chat-container-header/helpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.js","sources":["../../../../src/parts/chat-container-header/helpers.tsx"],"sourcesContent":["import React from 'react';\n\ninterface validParamT {\n  childs: React.ReactChild | React.ReactFragment | React.ReactPortal;\n}\n\nexport const validHeaderChilds = (children: validParamT): any =>\n  React.Children.toArray(children)\n    .filter((e) => {\n      if (Array.isArray(e.props.children)) {\n        return false;\n      }\n      if (e.props.children === undefined && e.$$typeof.toString() === 'Symbol(react.element)') {\n        return true;\n      }\n      return !!e.props.children;\n    })\n    .map(() => '32px');\n"],"names":["validHeaderChilds","children","React","Children","toArray","filter","e","Array","isArray","props","undefined","$$typeof","toString","map"],"mappings":";;;;;;;;;;IAMaA,iBAAiB,GAAG,SAApBA,iBAAoB,CAACC,QAAD;AAAA,SAC/BC,yBAAK,CAACC,QAAN,CAAeC,OAAf,CAAuBH,QAAvB,EACGI,MADH,CACU,UAACC,CAAD,EAAO;AACb,QAAIC,KAAK,CAACC,OAAN,CAAcF,CAAC,CAACG,KAAF,CAAQR,QAAtB,CAAJ,EAAqC;AACnC,aAAO,KAAP;AACD;;AACD,QAAIK,CAAC,CAACG,KAAF,CAAQR,QAAR,KAAqBS,SAArB,IAAkCJ,CAAC,CAACK,QAAF,CAAWC,QAAX,OAA0B,uBAAhE,EAAyF;AACvF,aAAO,IAAP;AACD;;AACD,WAAO,CAAC,CAACN,CAAC,CAACG,KAAF,CAAQR,QAAjB;AACD,GATH,EAUGY,GAVH,CAUO;AAAA,WAAM,MAAN;AAAA,GAVP,CAD+B;AAAA;;;;"}
+{"version":3,"file":"helpers.js","sources":["../../../../src/parts/chat-container-header/helpers.tsx"],"sourcesContent":["import React from 'react';\n\ninterface validParamT {\n  childs: React.ReactChild | React.ReactFragment | React.ReactPortal;\n}\n\nexport const validHeaderChilds = (children: validParamT): any =>\n  React.Children.toArray(children)\n    .filter((e) => {\n      if (Array.isArray(e.props.children)) {\n        return false;\n      }\n      if (e.props.children === undefined && e.$$typeof.toString() === 'Symbol(react.element)') {\n        return true;\n      }\n      return !!e.props.children;\n    })\n    .map(() => '32px');\n"],"names":["validHeaderChilds","children","React","Children","toArray","filter","e","Array","isArray","props","undefined","$$typeof","toString","map"],"mappings":";;;;;;;;;;IAMaA,iBAAiB,GAAG,SAApBA,iBAAoB,CAACC,QAAD;EAAA,OAC/BC,yBAAK,CAACC,QAAN,CAAeC,OAAf,CAAuBH,QAAvB,EACGI,MADH,CACU,UAACC,CAAD,EAAO;IACb,IAAIC,KAAK,CAACC,OAAN,CAAcF,CAAC,CAACG,KAAF,CAAQR,QAAtB,CAAJ,EAAqC;MACnC,OAAO,KAAP;;;IAEF,IAAIK,CAAC,CAACG,KAAF,CAAQR,QAAR,KAAqBS,SAArB,IAAkCJ,CAAC,CAACK,QAAF,CAAWC,QAAX,OAA0B,uBAAhE,EAAyF;MACvF,OAAO,IAAP;;;IAEF,OAAO,CAAC,CAACN,CAAC,CAACG,KAAF,CAAQR,QAAjB;GARJ,EAUGY,GAVH,CAUO;IAAA,OAAM,MAAN;GAVP,CAD+B;AAAA;;;;"}

package/cjs/parts/chat-container-header/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sources":["../../../../src/parts/chat-container-header/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\n\nexport const StyledChatContainerContentHeaderActions = styled(Grid)`\n  max-width: 80px;\n`;\n\nexport const StyledChatContainerContentHeader = styled(Grid)`\n  width: 100%;\n  min-height: 48px;\n  border-bottom: 1px solid ${(props) => props.theme.colors.neutral['200']};\n  background: ${(props) => props.theme.colors.neutral['050']};\n  ${StyledChatContainerContentHeaderActions} {\n    & button {\n      background: transparent;\n    }\n  }\n`;\n\nexport const StyledChatContainerContentHeaderLabel = styled(Grid)`\n  justify-content: center;\n  align-items: center;\n  font-weight: bold;\n  font-size: 18px;\n  color: ${(props) => props.theme.colors.neutral['700']};\n`;\n"],"names":["StyledChatContainerContentHeaderActions","styled","Grid","StyledChatContainerContentHeader","props","theme","colors","neutral","StyledChatContainerContentHeaderLabel"],"mappings":";;;;;;;;;;;IAGaA,uCAAuC,gBAAGC,0BAAM,CAACC,WAAD,CAAT;AAAA;AAAA;IAIvCC,gCAAgC,gBAAGF,0BAAM,CAACC,WAAD,CAAT;AAAA;AAAA,wHAGhB,UAACE,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAHgB,EAI7B,UAACH,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAJ6B,EAKzCP,uCALyC;IAYhCQ,qCAAqC,gBAAGP,0BAAM,CAACC,WAAD,CAAT;AAAA;AAAA,8FAKvC,UAACE,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CALuC;;;;;;"}
+{"version":3,"file":"styled.js","sources":["../../../../src/parts/chat-container-header/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\n\nexport const StyledChatContainerContentHeaderActions = styled(Grid)`\n  max-width: 80px;\n`;\n\nexport const StyledChatContainerContentHeader = styled(Grid)`\n  width: 100%;\n  min-height: 48px;\n  border-bottom: 1px solid ${(props) => props.theme.colors.neutral['200']};\n  background: ${(props) => props.theme.colors.neutral['050']};\n  ${StyledChatContainerContentHeaderActions} {\n    & button {\n      background: transparent;\n    }\n  }\n`;\n\nexport const StyledChatContainerContentHeaderLabel = styled(Grid)`\n  justify-content: center;\n  align-items: center;\n  font-weight: bold;\n  font-size: 18px;\n  color: ${(props) => props.theme.colors.neutral['700']};\n`;\n"],"names":["StyledChatContainerContentHeaderActions","styled","Grid","StyledChatContainerContentHeader","props","theme","colors","neutral","StyledChatContainerContentHeaderLabel"],"mappings":";;;;;;;;;;;IAGaA,uCAAuC,gBAAGC,0BAAM,CAACC,WAAD,CAAT;EAAA;AAAA;IAIvCC,gCAAgC,gBAAGF,0BAAM,CAACC,WAAD,CAAT;EAAA;AAAA,wHAGhB,UAACE,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAHgB,EAI7B,UAACH,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAJ6B,EAKzCP,uCALyC;IAYhCQ,qCAAqC,gBAAGP,0BAAM,CAACC,WAAD,CAAT;EAAA;AAAA,8FAKvC,UAACE,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CALuC;;;;;;"}