npm - @elliemae/ds-chat - Versions diffs - 1.61.10 → 1.61.13 - Mend

@elliemae/ds-chat 1.61.10 → 1.61.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (138) hide show

package/esm/parts/chat-composer/ChatContainerComposer.js.map CHANGED Viewed

	@@ -1 +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","visibility","pointerEvents","position","top","width","clientWidth","propTypes","composerProps","defaultProps","defaultComposerPros","describe"],"mappings":"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"}
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","visibility","pointerEvents","position","top","width","clientWidth","propTypes","composerProps","defaultProps","defaultComposerPros","describe"],"mappings":"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"}

package/esm/parts/chat-composer/config/useValidateProps.js.map CHANGED Viewed

	@@ -1 +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,~~oBAAoB,CAACF,KAAD,EAAQC,MAAR,CAApB;AACD;;;;"}
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;EACnFC,oBAAoB,CAACF,KAAD,EAAQC,MAAR,CAApB;AACD;;;;"}

package/esm/parts/chat-composer/props.js.map CHANGED Viewed

	@@ -1 +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":";;;IASaA,mBAAsC,GAAG;~~AACpDC~~,~~EAAAA,~~WAAW,EAAE,mBADuC;~~AAEpDC~~,~~EAAAA,~~UAAU,EAAE,EAFwC;~~AAGpDC~~,~~EAAAA,~~oBAAoB,EAAE,EAH8B;~~AAIpDC~~,~~EAAAA,~~QAAQ,EAAEC,IAJ0C;~~AAKpDC~~,~~EAAAA,~~QAAQ,EAAED,IAL0C;~~AAMpDE~~,~~EAAAA,~~MAAM,EAAEF,IAN4C;~~AAOpDG~~,~~EAAAA,~~OAAO,EAAEH,IAP2C;~~AAQpDI~~,~~EAAAA,~~MAAM,EAAEJ,IAR4C;~~AASpDK~~,~~EAAAA,~~SAAS,EAAEL,IATyC;~~AAUpDM~~,~~EAAAA,~~SAAS,EAAE,CAVyC;~~AAWpDC~~,~~EAAAA,~~cAAc,EAAEC,SAXoC;~~AAYpDC~~,~~EAAAA,~~gBAAgB,EAAED,SAZkC;~~AAapDE~~,~~EAAAA,~~cAAc,EAAE,KAboC;~~AAcpDC~~,~~EAAAA,~~UAAU,EAAE,kBAdwC;~~AAepDC~~,~~EAAAA,~~SAAS,EAAEZ;AAfyC;IAoCzCa,aAAa,GAAG;~~AAC3BjB~~,~~EAAAA,~~WAAW,EAAEkB,SAAS,CAACC,MAAV,CAAiBC,WAAjB,CAA6B,mBAA7B,EAAkDC,YAAlD,CAA+DtB,mBAAmB,CAACC,WAAnF,CADc;~~AAE3BC~~,~~EAAAA,~~UAAU,EAAEiB,SAAS,CAACC,MAAV,CAAiBC,WAAjB,CAA6B,aAA7B,EAA4CC,YAA5C,CAAyDtB,mBAAmB,CAACE,UAA7E,CAFe;~~AAG3BC~~,~~EAAAA,~~oBAAoB,EAAEgB,SAAS,CAACC,MAAV,CACnBC,WADmB,CACP,mDADO,EAEnBC,YAFmB,CAENtB,mBAAmB,CAACc,gBAFd,CAHK;~~AAM3BA~~,~~EAAAA,~~gBAAgB,EAAEK,SAAS,CAACC,MAAV,CACfC,WADe,CACH,oBADG,EAEfC,YAFe,CAEFtB,mBAAmB,CAACc,gBAFlB,CANS;~~AAS3BV~~,~~EAAAA,~~QAAQ,EAAEe,SAAS,CAACI,IAAV,CAAeF,WAAf,CAA2B,4BAA3B,EAAyDC,YAAzD,CAAsEtB,mBAAmB,CAACI,QAA1F,CATiB;~~AAU3BE~~,~~EAAAA,~~QAAQ,EAAEa,SAAS,CAACI,IAAV,CACPF,WADO,CACK,qCADL,EAEPC,YAFO,CAEMtB,mBAAmB,CAACM,QAF1B,CAViB;~~AAa3BC~~,~~EAAAA,~~MAAM,EAAEY,SAAS,CAACI,IAAV,CAAeF,WAAf,CAA2B,4BAA3B,EAAyDC,YAAzD,CAAsEtB,mBAAmB,CAACO,MAA1F,CAbmB;~~AAc3BC~~,~~EAAAA,~~OAAO,EAAEW,SAAS,CAACI,IAAV,CAAeF,WAAf,CAA2B,aAA3B,EAA0CC,YAA1C,CAAuDtB,mBAAmB,CAACQ,OAA3E,CAdkB;~~AAe3BC~~,~~EAAAA,~~MAAM,EAAEU,SAAS,CAACI,IAAV,CAAeF,WAAf,CAA2B,YAA3B,EAAyCC,YAAzC,CAAsDtB,mBAAmB,CAACS,MAA1E,CAfmB;~~AAgB3BC~~,~~EAAAA,~~SAAS,EAAES,SAAS,CAACI,IAAV,CAAeF,WAAf,CAA2B,mBAA3B,EAAgDC,YAAhD,CAA6DtB,mBAAmB,CAACU,SAAjF,CAhBgB;~~AAiB3BC~~,~~EAAAA,~~SAAS,EAAEQ,SAAS,CAACK,MAAV,CACRH,WADQ,CACI,gDADJ,EAERC,YAFQ,CAEKtB,mBAAmB,CAACS,MAFzB,CAjBgB;~~AAoB3BG~~,~~EAAAA,~~cAAc,EAAEO,SAAS,CAACK,MAAV,CACbH,WADa,CACD,sDADC,EAEbC,YAFa,CAEAtB,mBAAmB,CAACY,cAFpB,CApBW;~~AAuB3BG~~,~~EAAAA,~~cAAc,EAAEI,SAAS,CAACM,IAAV,CACbJ,WADa,CACD,0CADC,EAEbC,YAFa,CAEAtB,mBAAmB,CAACe,cAFpB,CAvBW;~~AA0B3BC~~,~~EAAAA,~~UAAU,EAAEG,SAAS,CAACC,MAAV,CAAiBC,WAAjB,CAA6B,aAA7B,EAA4CC,YAA5C,CAAyDtB,mBAAmB,CAACC,WAA7E,CA1Be;~~AA2B3BgB~~,~~EAAAA,~~SAAS,EAAEE,SAAS,CAACO,MAAV,CACRL,WADQ,oTAcRC,YAdQ,CAcKtB,mBAAmB,CAACiB,SAdzB;AA3BgB;;;;"}
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":";;;IASaA,mBAAsC,GAAG;EACpDC,WAAW,EAAE,mBADuC;EAEpDC,UAAU,EAAE,EAFwC;EAGpDC,oBAAoB,EAAE,EAH8B;EAIpDC,QAAQ,EAAEC,IAJ0C;EAKpDC,QAAQ,EAAED,IAL0C;EAMpDE,MAAM,EAAEF,IAN4C;EAOpDG,OAAO,EAAEH,IAP2C;EAQpDI,MAAM,EAAEJ,IAR4C;EASpDK,SAAS,EAAEL,IATyC;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,SAAS,CAACC,MAAV,CAAiBC,WAAjB,CAA6B,mBAA7B,EAAkDC,YAAlD,CAA+DtB,mBAAmB,CAACC,WAAnF,CADc;EAE3BC,UAAU,EAAEiB,SAAS,CAACC,MAAV,CAAiBC,WAAjB,CAA6B,aAA7B,EAA4CC,YAA5C,CAAyDtB,mBAAmB,CAACE,UAA7E,CAFe;EAG3BC,oBAAoB,EAAEgB,SAAS,CAACC,MAAV,CACnBC,WADmB,CACP,mDADO,EAEnBC,YAFmB,CAENtB,mBAAmB,CAACc,gBAFd,CAHK;EAM3BA,gBAAgB,EAAEK,SAAS,CAACC,MAAV,CACfC,WADe,CACH,oBADG,EAEfC,YAFe,CAEFtB,mBAAmB,CAACc,gBAFlB,CANS;EAS3BV,QAAQ,EAAEe,SAAS,CAACI,IAAV,CAAeF,WAAf,CAA2B,4BAA3B,EAAyDC,YAAzD,CAAsEtB,mBAAmB,CAACI,QAA1F,CATiB;EAU3BE,QAAQ,EAAEa,SAAS,CAACI,IAAV,CACPF,WADO,CACK,qCADL,EAEPC,YAFO,CAEMtB,mBAAmB,CAACM,QAF1B,CAViB;EAa3BC,MAAM,EAAEY,SAAS,CAACI,IAAV,CAAeF,WAAf,CAA2B,4BAA3B,EAAyDC,YAAzD,CAAsEtB,mBAAmB,CAACO,MAA1F,CAbmB;EAc3BC,OAAO,EAAEW,SAAS,CAACI,IAAV,CAAeF,WAAf,CAA2B,aAA3B,EAA0CC,YAA1C,CAAuDtB,mBAAmB,CAACQ,OAA3E,CAdkB;EAe3BC,MAAM,EAAEU,SAAS,CAACI,IAAV,CAAeF,WAAf,CAA2B,YAA3B,EAAyCC,YAAzC,CAAsDtB,mBAAmB,CAACS,MAA1E,CAfmB;EAgB3BC,SAAS,EAAES,SAAS,CAACI,IAAV,CAAeF,WAAf,CAA2B,mBAA3B,EAAgDC,YAAhD,CAA6DtB,mBAAmB,CAACU,SAAjF,CAhBgB;EAiB3BC,SAAS,EAAEQ,SAAS,CAACK,MAAV,CACRH,WADQ,CACI,gDADJ,EAERC,YAFQ,CAEKtB,mBAAmB,CAACS,MAFzB,CAjBgB;EAoB3BG,cAAc,EAAEO,SAAS,CAACK,MAAV,CACbH,WADa,CACD,sDADC,EAEbC,YAFa,CAEAtB,mBAAmB,CAACY,cAFpB,CApBW;EAuB3BG,cAAc,EAAEI,SAAS,CAACM,IAAV,CACbJ,WADa,CACD,0CADC,EAEbC,YAFa,CAEAtB,mBAAmB,CAACe,cAFpB,CAvBW;EA0B3BC,UAAU,EAAEG,SAAS,CAACC,MAAV,CAAiBC,WAAjB,CAA6B,aAA7B,EAA4CC,YAA5C,CAAyDtB,mBAAmB,CAACC,WAA7E,CA1Be;EA2B3BgB,SAAS,EAAEE,SAAS,CAACO,MAAV,CACRL,WADQ,oTAcRC,YAdQ,CAcKtB,mBAAmB,CAACiB,SAdzB;AA3BgB;;;;"}

package/esm/parts/chat-composer/styled.js.map CHANGED Viewed

	@@ -1 +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,MAAM,CAACC,IAAD,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,MAAM,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,MAAM,CAACe,QAAD,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,MAAM,CAACC,IAAD,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,MAAM,CAACoB,IAAV;~~AAAA~~;AAAA;;;;"}
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,MAAM,CAACC,IAAD,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,MAAM,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,MAAM,CAACe,QAAD,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,MAAM,CAACC,IAAD,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,MAAM,CAACoB,IAAV;EAAA;AAAA;;;;"}

package/esm/parts/chat-container/ChatContainer.js CHANGED Viewed

@@ -37,6 +37,7 @@ import '../system-message/config/useValidateProps.js';
 import '../chat-container-messages-list/styled.js';
 import '../chat-container-messages-list/props.js';
 import '../chat-container-messages-list/config/useValidateProps.js';
+import '../chat-container-messages-list/useGetNewMessages.js';
 var ChatContainer = function ChatContainer(props) {
   var _messagesListProps$me2, _containerRef$current;

package/esm/parts/chat-container/ChatContainer.js.map CHANGED Viewed

	@@ -1 +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","label","id","viewLabel","onClick","onView","onClose","type","BANNER_TYPES","INFO","clientHeight","propTypes","containerProps","defaultProps","describe"],"mappings":"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"}
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","label","id","viewLabel","onClick","onView","onClose","type","BANNER_TYPES","INFO","clientHeight","propTypes","containerProps","defaultProps","describe"],"mappings":"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"}

package/esm/parts/chat-container/config/useValidateProps.js.map CHANGED Viewed

	@@ -1 +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,~~8BAA8B,CAACF,KAAD,EAAQC,MAAR,CAA9B;AACD;;;;"}
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;EACpFC,8BAA8B,CAACF,KAAD,EAAQC,MAAR,CAA9B;AACD;;;;"}

package/esm/parts/chat-container/index.js CHANGED Viewed

@@ -35,6 +35,7 @@ import '../system-message/config/useValidateProps.js';
 import '../chat-container-messages-list/styled.js';
 import '../chat-container-messages-list/props.js';
 import '../chat-container-messages-list/config/useValidateProps.js';
+import '../chat-container-messages-list/useGetNewMessages.js';
 import './props.js';
 import './styled.js';
 import './config/useValidateProps.js';

package/esm/parts/chat-container/index.js.map CHANGED Viewed

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

package/esm/parts/chat-container/props.js.map CHANGED Viewed

	@@ -1 +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":";;;;;;IAgCaA,YAAgC,GAAG;~~AAC9CC~~,~~EAAAA,~~iBAAiB,EAAEC,cAD2B;~~AAE9CC~~,~~EAAAA,~~aAAa,EAAEC,mBAF+B;~~AAG9CC~~,~~EAAAA,~~SAAS,EAAEC,SAHmC;~~AAI9CC~~,~~EAAAA,~~UAAU,EAAE,KAJkC;~~AAK9CC~~,~~EAAAA,~~MAAM,EAAE,SALsC;~~AAM9CC~~,~~EAAAA,~~SAAS,EAAEH,SANmC;~~AAO9CI~~,~~EAAAA,~~YAAY,EAAEJ,SAPgC;~~AAQ9CK~~,~~EAAAA,~~eAAe,EAAEC,IAR6B;~~AAS9CC~~,~~EAAAA,~~cAAc,EAAEP,SAT8B;~~AAU9CQ~~,~~EAAAA,~~WAAW,EAAE;~~AACXC~~,~~IAAAA,~~IAAI,EAAEC,YAAY,CAACC,IADR;~~AAEXC~~,~~IAAAA,~~KAAK,EAAE,iBAFI;~~AAGXC~~,~~IAAAA,~~SAAS,EAAE,MAHA;~~AAIXC~~,~~IAAAA,~~MAAM,EAAER,IAJG;~~AAKXS~~,~~IAAAA,~~OAAO,EAAET;~~AALE,GAViC~~;~~AAiB9CU~~,~~EAAAA,~~eAAe,EAAEhB,SAjB6B;~~AAkB9CiB~~,~~EAAAA,~~WAAW,EAAE,SAlBiC;~~AAmB9CC~~,~~EAAAA,~~SAAS,EAAE;AAnBmC;IAsBnCC,cAAc,GAAG;~~AAC5BxB~~,~~EAAAA,~~iBAAiB,EAAEyB,SAAS,CAACC,MAAV,CAChBC,WADgB,CACJ,mDADI,EAEhBC,YAFgB,CAEH7B,YAAY,CAACC,iBAFV,CADS;~~AAI5BE~~,~~EAAAA,~~aAAa,EAAEuB,SAAS,CAACC,MAAV,CAAiBC,WAAjB,CAA6B,wBAA7B,EAAuDC,YAAvD,CAAoE7B,YAAY,CAACG,aAAjF,CAJa;~~AAK5BI~~,~~EAAAA,~~UAAU,EAAEmB,SAAS,CAACI,IAAV,CAAeF,WAAf,CAA2B,iCAA3B,EAA8DC,YAA9D,CAA2E7B,YAAY,CAACO,UAAxF,CALgB;~~AAM5BC~~,~~EAAAA,~~MAAM,EAAEkB,SAAS,CAACK,MAAV,CACLH,WADK,CACO,mDADP,EAELC,YAFK,CAEQ7B,YAAY,CAACQ,MAFrB,CANoB;~~AAS5BC~~,~~EAAAA,~~SAAS,EAAEiB,SAAS,CAACM,KAAV,CAAgB,CAAC,KAAD,EAAQ,QAAR,EAAkB1B,SAAlB,CAAhB,EAA8CsB,WAA9C,CACT,2EADS,CATiB;~~AAY5BlB~~,~~EAAAA,~~YAAY,EAAEgB,SAAS,CAACM,KAAV,CAAgB,CAAC,KAAD,EAAQ,QAAR,EAAkB1B,SAAlB,CAAhB,EAA8CsB,WAA9C,CACZ,iEADY,CAZc;~~AAe5BjB~~,~~EAAAA,~~eAAe,EAAEe,SAAS,CAACO,IAAV,CACdL,WADc,CACF,0CADE,EAEdC,YAFc,CAED7B,YAAY,CAACW,eAFZ,CAfW;~~AAkB5BE~~,~~EAAAA,~~cAAc,EAAEa,SAAS,CAACM,KAAV,CAAgB,CAAC,KAAD,EAAQ,QAAR,EAAkB1B,SAAlB,CAAhB,EAA8CsB,WAA9C,CACd,2EADc,CAlBY;~~AAqB5Bd~~,~~EAAAA,~~WAAW,EAAEY,SAAS,CAACC,MAAV,CACVC,WADU,4IAUVC,YAVU,CAUG7B,YAAY,CAACc,WAVhB,CArBe;~~AAgC5BQ~~,~~EAAAA,~~eAAe,EAAEI,SAAS,CAACQ,SAAV,CAAoB,CAACR,SAAS,CAACS,OAAV,CAAkBT,SAAS,CAACK,MAA5B,CAAD,EAAsCL,SAAS,CAACS,OAAV,CAAkBT,SAAS,CAACU,MAA5B,CAAtC,CAApB,EACdR,WADc,CACF,kCADE,EAEdC,YAFc,CAED7B,YAAY,CAACsB,eAFZ,CAhCW;~~AAmC5BC~~,~~EAAAA,~~WAAW,EAAEG,SAAS,CAACK,MAAV,CACVH,WADU,CACE,kDADF,EAEVC,YAFU,CAEG7B,YAAY,CAACuB,WAFhB,CAnCe;~~AAsC5BlB~~,~~EAAAA,~~SAAS,EAAEqB,SAAS,CAACC,MAAV,CACRC,WADQ,oTAcRC,YAdQ,CAcK7B,YAAY,CAACK,SAdlB,CAtCiB;~~AAqD5BmB~~,~~EAAAA,~~SAAS,EAAEE,SAAS,CAACK,MAAV,CACRH,WADQ,CACI,2CADJ,EAERC,YAFQ,CAEK7B,YAAY,CAACwB,SAFlB;AArDiB;;;;"}
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":";;;;;;IAgCaA,YAAgC,GAAG;EAC9CC,iBAAiB,EAAEC,cAD2B;EAE9CC,aAAa,EAAEC,mBAF+B;EAG9CC,SAAS,EAAEC,SAHmC;EAI9CC,UAAU,EAAE,KAJkC;EAK9CC,MAAM,EAAE,SALsC;EAM9CC,SAAS,EAAEH,SANmC;EAO9CI,YAAY,EAAEJ,SAPgC;EAQ9CK,eAAe,EAAEC,IAR6B;EAS9CC,cAAc,EAAEP,SAT8B;EAU9CQ,WAAW,EAAE;IACXC,IAAI,EAAEC,YAAY,CAACC,IADR;IAEXC,KAAK,EAAE,iBAFI;IAGXC,SAAS,EAAE,MAHA;IAIXC,MAAM,EAAER,IAJG;IAKXS,OAAO,EAAET;GAfmC;EAiB9CU,eAAe,EAAEhB,SAjB6B;EAkB9CiB,WAAW,EAAE,SAlBiC;EAmB9CC,SAAS,EAAE;AAnBmC;IAsBnCC,cAAc,GAAG;EAC5BxB,iBAAiB,EAAEyB,SAAS,CAACC,MAAV,CAChBC,WADgB,CACJ,mDADI,EAEhBC,YAFgB,CAEH7B,YAAY,CAACC,iBAFV,CADS;EAI5BE,aAAa,EAAEuB,SAAS,CAACC,MAAV,CAAiBC,WAAjB,CAA6B,wBAA7B,EAAuDC,YAAvD,CAAoE7B,YAAY,CAACG,aAAjF,CAJa;EAK5BI,UAAU,EAAEmB,SAAS,CAACI,IAAV,CAAeF,WAAf,CAA2B,iCAA3B,EAA8DC,YAA9D,CAA2E7B,YAAY,CAACO,UAAxF,CALgB;EAM5BC,MAAM,EAAEkB,SAAS,CAACK,MAAV,CACLH,WADK,CACO,mDADP,EAELC,YAFK,CAEQ7B,YAAY,CAACQ,MAFrB,CANoB;EAS5BC,SAAS,EAAEiB,SAAS,CAACM,KAAV,CAAgB,CAAC,KAAD,EAAQ,QAAR,EAAkB1B,SAAlB,CAAhB,EAA8CsB,WAA9C,CACT,2EADS,CATiB;EAY5BlB,YAAY,EAAEgB,SAAS,CAACM,KAAV,CAAgB,CAAC,KAAD,EAAQ,QAAR,EAAkB1B,SAAlB,CAAhB,EAA8CsB,WAA9C,CACZ,iEADY,CAZc;EAe5BjB,eAAe,EAAEe,SAAS,CAACO,IAAV,CACdL,WADc,CACF,0CADE,EAEdC,YAFc,CAED7B,YAAY,CAACW,eAFZ,CAfW;EAkB5BE,cAAc,EAAEa,SAAS,CAACM,KAAV,CAAgB,CAAC,KAAD,EAAQ,QAAR,EAAkB1B,SAAlB,CAAhB,EAA8CsB,WAA9C,CACd,2EADc,CAlBY;EAqB5Bd,WAAW,EAAEY,SAAS,CAACC,MAAV,CACVC,WADU,4IAUVC,YAVU,CAUG7B,YAAY,CAACc,WAVhB,CArBe;EAgC5BQ,eAAe,EAAEI,SAAS,CAACQ,SAAV,CAAoB,CAACR,SAAS,CAACS,OAAV,CAAkBT,SAAS,CAACK,MAA5B,CAAD,EAAsCL,SAAS,CAACS,OAAV,CAAkBT,SAAS,CAACU,MAA5B,CAAtC,CAApB,EACdR,WADc,CACF,kCADE,EAEdC,YAFc,CAED7B,YAAY,CAACsB,eAFZ,CAhCW;EAmC5BC,WAAW,EAAEG,SAAS,CAACK,MAAV,CACVH,WADU,CACE,kDADF,EAEVC,YAFU,CAEG7B,YAAY,CAACuB,WAFhB,CAnCe;EAsC5BlB,SAAS,EAAEqB,SAAS,CAACC,MAAV,CACRC,WADQ,oTAcRC,YAdQ,CAcK7B,YAAY,CAACK,SAdlB,CAtCiB;EAqD5BmB,SAAS,EAAEE,SAAS,CAACK,MAAV,CACRH,WADQ,CACI,2CADJ,EAERC,YAFQ,CAEK7B,YAAY,CAACwB,SAFlB;AArDiB;;;;"}

package/esm/parts/chat-container/styled.js.map CHANGED Viewed

	@@ -1 +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,MAAM,CAACC,IAAD,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,MAAM,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,MAAM,CAACD,0BAAD,CAAT;~~AAAA~~;AAAA,sOACzCc,qBADyC,EAEzCC,gBAFyC,EAMzCC,sBANyC,EAUzCC,OAVyC,EAezCC,KAfyC,EAgBzCC,OAhByC,EAqBzCC,IArByC,EAyBzCC,mBAzByC,EA6BzCd,wBA7ByC;;;;"}
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,MAAM,CAACC,IAAD,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,MAAM,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,MAAM,CAACD,0BAAD,CAAT;EAAA;AAAA,sOACzCc,qBADyC,EAEzCC,gBAFyC,EAMzCC,sBANyC,EAUzCC,OAVyC,EAezCC,KAfyC,EAgBzCC,OAhByC,EAqBzCC,IArByC,EAyBzCC,mBAzByC,EA6BzCd,wBA7ByC;;;;"}

package/esm/parts/chat-container-header/ChatContainerHeader.js.map CHANGED Viewed

	@@ -1 +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","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~~,~~sBACE~~,oBAAC,gCAAD;~~AACE~~,~~IAAA,~~UAAU,EAAC,QADb;~~AAEE~~,~~IAAA,~~IAAI,EAAE,CAAC,gCAAD,EAAmCA,QAAQ,GAAG,MAAH,GAAY,KAAvD,CAFR;~~AAGE~~,~~IAAA,~~QAAQ,EAAED,QAHZ;~~AAIE~~,~~IAAA,~~IAAI,EAAC;~~AAJP~~,~~kBAME,~~oBAAC,qCAAD;~~AAAuC~~,~~mBAAY~~,6BAAnD;~~AAAiF~~,~~IAAA,~~EAAE,EAAC,KAApF;~~AAA0F~~,~~IAAA,~~EAAE,EAAC;~~AAA7F~~,~~kBACE,~~oBAAC,0BAAD;~~AAA4B~~,~~IAAA,~~KAAK,EAAED;~~AAAnC~~,~~IADF,~~CANF,eASE,oBAAC,uCAAD;~~AACE~~,~~IAAA,~~IAAI,EAAEG,iBAAiB,CAACD,QAAD,CADzB;~~AAEE~~,~~IAAA,~~cAAc,EAAC,UAFjB;~~AAGE~~,~~mBAAY~~;~~AAHd~~,~~KAKGA,~~QALH,CATF,CADF;AAmBD;;;;"}
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","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,oBACE,oBAAC,gCAAD;IACE,UAAU,EAAC,QADb;IAEE,IAAI,EAAE,CAAC,gCAAD,EAAmCA,QAAQ,GAAG,MAAH,GAAY,KAAvD,CAFR;IAGE,QAAQ,EAAED,QAHZ;IAIE,IAAI,EAAC;kBAEL,oBAAC,qCAAD;IAAuC,eAAY,6BAAnD;IAAiF,EAAE,EAAC,KAApF;IAA0F,EAAE,EAAC;kBAC3F,oBAAC,0BAAD;IAA4B,KAAK,EAAED;IADrC,CANF,eASE,oBAAC,uCAAD;IACE,IAAI,EAAEG,iBAAiB,CAACD,QAAD,CADzB;IAEE,cAAc,EAAC,UAFjB;IAGE,eAAY;KAEXA,QALH,CATF,CADF;AAmBD;;;;"}

package/esm/parts/chat-container-header/helpers.js.map CHANGED Viewed

	@@ -1 +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,KAAK,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;;;;"}
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;EAAA,OAC/BC,KAAK,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/esm/parts/chat-container-header/styled.js.map CHANGED Viewed

	@@ -1 +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,MAAM,CAACC,IAAD,CAAT;~~AAAA~~;AAAA;IAIvCC,gCAAgC,gBAAGF,MAAM,CAACC,IAAD,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,MAAM,CAACC,IAAD,CAAT;~~AAAA~~;AAAA,8FAKvC,UAACE,KAAD;~~AAAA~~,~~SAAWA~~,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CALuC;;;;"}
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,MAAM,CAACC,IAAD,CAAT;EAAA;AAAA;IAIvCC,gCAAgC,gBAAGF,MAAM,CAACC,IAAD,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,MAAM,CAACC,IAAD,CAAT;EAAA;AAAA,8FAKvC,UAACE,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CALuC;;;;"}

package/esm/parts/chat-container-messages-list/ChatContainerMessagesList.js CHANGED Viewed

@@ -9,9 +9,10 @@ import { ChatBubble } from '../bubble/ChatBubble.js';
 import { BUBBLE_TYPES } from '../bubble/props.js';
 import { MessageDelimiter } from '../message-delimiter/MessageDelimiter.js';
 import { SystemMessage } from '../system-message/SystemMessage.js';
-import { ListItem, StyledWrapperListItem, StyledWrapper, StyledChatContainerContentList, StyledChatContainerContentListScroll, StyledLoadMoreContainer } from './styled.js';
+import { ListItem, StyledWrapperListItem, StyledWrapper, StyledChatContainerContentList, StyledChatContainerContentListScroll, StyledLoadMoreContainer, StyledNewMessagesHiddenContainer } from './styled.js';
 import { listProps, defaultProps } from './props.js';
 import { useValidateProps } from './config/useValidateProps.js';
+import { useGetNewMessages } from './useGetNewMessages.js';
 import '@elliemae/ds-icons';
 import '../bubble/styled.js';
 import 'styled-components';
@@ -26,6 +27,7 @@ import '../message-delimiter/config/useValidateProps.js';
 import '../system-message/style.js';
 import '../system-message/props.js';
 import '../system-message/config/useValidateProps.js';
+import '@babel/runtime/helpers/esm/slicedToArray';
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
@@ -81,6 +83,7 @@ var ChatContainerMessagesList = function ChatContainerMessagesList(props) {
       totalSize = _useVirtual.totalSize,
       virtualItems = _useVirtual.virtualItems;
+  var newMessages = useGetNewMessages(messages);
   var debouncedScroll = React.useMemo(function () {
     return debounce(function () {
       var _virtualListRef$curre2;
@@ -338,8 +341,6 @@ var ChatContainerMessagesList = function ChatContainerMessagesList(props) {
   return /*#__PURE__*/React.createElement(StyledWrapper, null, /*#__PURE__*/React.createElement(StyledChatContainerContentList, {
     "data-testid": "chat-thread-container",
     tabIndex: 0,
-    "aria-live": "polite",
-    "aria-relevant": "additions",
     ref: virtualListRef,
     role: "list",
     onKeyDown: handleListKey
@@ -353,7 +354,12 @@ var ChatContainerMessagesList = function ChatContainerMessagesList(props) {
     onClick: getMoreMessages,
     "data-testid": "ds-chat-load-more-btn",
     innerRef: loadMoreRef
-  })) : null, render)));
+  })) : null, render)), /*#__PURE__*/React.createElement(StyledNewMessagesHiddenContainer, {
+    "aria-live": "polite",
+    "aria-hidden": "false"
+  }, newMessages.map(function (newMessage) {
+    return /*#__PURE__*/React.createElement("p", null, newMessage.title, " ", newMessage.time, " ", newMessage.body, " ", newMessage.errorMessage, " ", newMessage.helpMessage);
+  })));
 };
 ChatContainerMessagesList.propTypes = listProps;

package/esm/parts/chat-container-messages-list/ChatContainerMessagesList.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ChatContainerMessagesList.js","sources":["../../../../src/parts/chat-container-messages-list/ChatContainerMessagesList.tsx"],"sourcesContent":["/* eslint-disable complexity /\n/ eslint-disable jsx-a11y/no-noninteractive-tabindex /\n/ eslint-disable max-lines */\nimport React, { CSSProperties } from 'react';\nimport { describe } from 'react-desc';\nimport { useVirtual } from 'react-virtual';\nimport DSButton from '@elliemae/ds-button';\nimport { debounce } from 'lodash';\nimport { ChatBubble, BUBBLE_TYPES } from '../bubble';\nimport { MessageDelimiter } from '../message-delimiter';\nimport { SystemMessage } from '../system-message';\nimport {\n StyledWrapperListItem,\n StyledChatContainerContentList,\n StyledChatContainerContentListScroll,\n StyledWrapper,\n StyledLoadMoreContainer,\n ListItem,\n} from './styled';\nimport { defaultProps, listProps, ChatContainerMessagesListProps } from './props';\nimport { useValidateProps } from './config/useValidateProps';\n\ntype getPaddingT = {\n hasMoreItems: string \| undefined;\n bannerPosition: string \| undefined;\n isLoading: string \| undefined;\n};\nconst getPadding = ({ hasMoreItems, bannerPosition, isLoading }: getPaddingT) => {\n const padding = {\n paddingStart: 0,\n paddingEnd: -5,\n };\n if ([hasMoreItems, bannerPosition, isLoading].some((item) => item === 'top')) padding.paddingStart = 42;\n else if ([hasMoreItems, bannerPosition, isLoading].some((item) => item === 'bottom')) padding.paddingEnd = 42;\n return padding;\n};\n\nconst ChatContainerMessagesList = (props: ChatContainerMessagesListProps): JSX.Element => {\n useValidateProps(props, ChatContainerMessagesListWithSchema.toTypescript());\n\n const {\n sendingText,\n bannerPosition,\n sendingMessages,\n messages,\n actionRef,\n onScrollEnds,\n getMoreMessages,\n hasMoreItems,\n isLoading,\n bannerRef,\n } = props;\n const pendingOnScroll = React.useRef(false);\n const loadMoreRef = React.useRef(null);\n const virtualListRef = React.useRef<HTMLDivElement>();\n // estimateSize should not be really required given what was stated on\n // https://github.com/tannerlinsley/react-virtual/issues/23\n const {\n scrollToIndex: vScroll,\n totalSize,\n virtualItems,\n } = useVirtual({\n size: messages.length,\n parentRef: virtualListRef,\n overscan: 15,\n ...getPadding({ hasMoreItems, bannerPosition, isLoading }),\n estimateSize: React.useCallback(() => 80, []),\n });\n\n const debouncedScroll = React.useMemo(\n () =>\n debounce((): number[] => {\n console.log('debound');\n if (document.visibilityState === 'hidden') {\n pendingOnScroll.current = true;\n return [];\n }\n if (!virtualListRef.current) return [];\n pendingOnScroll.current = false;\n const { bottom, top } = virtualListRef.current?.getBoundingClientRect();\n\n const list = virtualListRef.current.querySelectorAll(\n '[data-element=\"chat-element-list-item\"]',\n ) as NodeListOf<HTMLDivElement>;\n const indexList = [];\n list.forEach((item: HTMLElement) => {\n const { top: itemTop } = item.getBoundingClientRect();\n\n const itemPadding = 10;\n if (itemTop + itemPadding < bottom && itemTop + itemPadding > top) indexList.push(item.dataset.index);\n });\n if (onScrollEnds) onScrollEnds(indexList);\n return indexList;\n }, 500),\n [onScrollEnds],\n );\n\n const onScrollStop = React.useCallback(debouncedScroll, [debouncedScroll]);\n\n const onlyFocus = React.useCallback((index: number) => {\n setTimeout(() => {\n (virtualListRef.current.querySelector(`[data-index=\"${index}\"]`) as HTMLDivElement).focus();\n }, 300);\n }, []);\n\n const scrollAndFocus = React.useCallback(\n (index: number, b = { align: 'center' }) => {\n vScroll(index, b);\n onlyFocus(index);\n onScrollStop();\n },\n [onScrollStop, onlyFocus, vScroll],\n );\n\n React.useEffect(() => {\n if (actionRef && actionRef.current) {\n actionRef.current.scrollToIndex = (a, b = { align: 'center' }) => {\n vScroll(a, b as any);\n onScrollStop();\n };\n actionRef.current.getMessagesInView = onScrollStop;\n onScrollStop(); // init useMemo due to debounce use.\n actionRef.current.focusToIndex = (a, b = { align: 'center' } as ScrollToOptions) => {\n scrollAndFocus(a, b);\n };\n actionRef.current.focusToIndexWithoutScroll = onlyFocus;\n actionRef.current.focusToList = () => {\n virtualListRef.current?.focus();\n };\n }\n }, [actionRef, onScrollStop, onlyFocus, scrollAndFocus, vScroll]);\n\n const handleKey = React.useCallback(\n (e: React.KeyboardEvent) => {\n const { key } = e;\n const index = Number(e.currentTarget.dataset.index);\n e.stopPropagation();\n switch (key) {\n case 'ArrowUp':\n e.preventDefault();\n if (index > 0) {\n (virtualListRef.current?.querySelector(`[data-index=\"${index - 1}\"]`) as HTMLDivElement).focus();\n } else if (hasMoreItems === 'top') {\n loadMoreRef.current?.focus();\n }\n break;\n case 'ArrowDown':\n e.preventDefault();\n if (index < messages.length - 1) {\n (virtualListRef.current.querySelector(`[data-index=\"${index + 1}\"]`) as HTMLDivElement).focus();\n }\n break;\n case 'Home':\n e.preventDefault();\n scrollAndFocus(0);\n break;\n case 'End':\n e.preventDefault();\n scrollAndFocus(messages.length - 1);\n break;\n case 'Tab':\n if (hasMoreItems === 'bottom' && !e.shiftKey) {\n e.preventDefault();\n loadMoreRef.current?.focus();\n } else if (hasMoreItems === 'top' && e.shiftKey) {\n e.preventDefault();\n loadMoreRef.current?.focus();\n } else if (!e.shiftKey) {\n if (bannerPosition) {\n e.preventDefault();\n bannerRef.current.focusOnWrapper();\n }\n } else {\n e.preventDefault();\n virtualListRef.current?.focus();\n }\n break;\n default:\n break;\n }\n },\n [bannerRef, hasMoreItems, messages.length, bannerPosition, scrollAndFocus],\n );\n const handleListKey = React.useCallback(\n (e: React.KeyboardEvent) => {\n const { key } = e;\n switch (key) {\n case 'ArrowUp':\n e.preventDefault();\n if (document.activeElement !== loadMoreRef.current) {\n onlyFocus(onScrollStop().shift());\n }\n break;\n case 'ArrowDown':\n e.preventDefault();\n if (document.activeElement === loadMoreRef.current) {\n (virtualListRef.current.querySelector(`[data-index=\"0\"]`) as HTMLDivElement).focus();\n } else {\n onlyFocus(onScrollStop().pop());\n }\n break;\n case 'Home':\n e.preventDefault();\n scrollAndFocus(0);\n break;\n case 'End':\n e.preventDefault();\n scrollAndFocus(messages.length - 1);\n break;\n case 'Tab':\n if (document.activeElement !== loadMoreRef.current) {\n if (hasMoreItems === 'bottom' && !e.shiftKey) {\n e.preventDefault();\n loadMoreRef.current?.focus();\n } else if (hasMoreItems === 'top' && e.shiftKey) {\n // e.preventDefault();\n // loadMoreRef.current?.focus();\n } else if (!e.shiftKey) {\n e.preventDefault();\n actionRef.current.focusToComposer();\n }\n } else if (!e.shiftKey) {\n e.preventDefault();\n actionRef.current.focusToComposer();\n } else {\n e.preventDefault();\n virtualListRef.current?.focus();\n }\n break;\n default:\n break;\n }\n },\n [actionRef, hasMoreItems, messages.length, onScrollStop, onlyFocus, scrollAndFocus],\n );\n\n const checkPendingOnScroll = React.useCallback(() => {\n if (pendingOnScroll.current === true) onScrollStop();\n }, [onScrollStop]);\n\n React.useEffect(() => {\n let handlerCallback = null;\n const localVirtualRef = virtualListRef.current;\n const onScroll = () => {\n if (handlerCallback) clearTimeout(handlerCallback);\n handlerCallback = setTimeout(onScrollStop, 300);\n };\n if (onScrollEnds) {\n virtualListRef.current.addEventListener('scroll', onScroll);\n }\n document.addEventListener('visibilitychange', checkPendingOnScroll);\n return () => {\n if (handlerCallback) clearTimeout(handlerCallback);\n if (onScrollEnds) localVirtualRef.removeEventListener('scroll', onScroll);\n document.removeEventListener('visibilitychange', checkPendingOnScroll);\n };\n }, [onScrollStop, onScrollEnds, checkPendingOnScroll]);\n\n const render = React.useMemo(\n () =>\n virtualItems.map((virtualItem) => {\n const { index, measureRef, start } = virtualItem;\n const row = messages[index];\n const isSending = sendingMessages && sendingMessages.find((m) => m === row.dsId);\n const style: CSSProperties = {\n position: 'absolute',\n top: 0,\n left: 0,\n transform: `translateY(${start}px)`,\n width: '100%',\n };\n\n return (\n <ListItem\n data-element=\"chat-element-list-item\"\n data-index={index}\n key={`ds-chat-bubble-${index}-${row.dsId}-${row.type}`}\n style={style}\n ref={measureRef}\n tabIndex={-1}\n onKeyDown={handleKey}\n role=\"listitem\"\n >\n <StyledWrapperListItem type={row.type}>\n {row.type === BUBBLE_TYPES.SENDER \|\| row.type === BUBBLE_TYPES.RECIPIENT ? (\n // eslint-disable-next-line\n <ChatBubble {...(row as any)} helpMessage={isSending ? sendingText : row.helpMessage} />\n ) : null}\n {row.type === BUBBLE_TYPES.DELIMITER ? <MessageDelimiter {...(row as any)} /> : null}\n {row.type === BUBBLE_TYPES.SYSTEM ? <SystemMessage {...(row as any)} /> : null}\n </StyledWrapperListItem>\n </ListItem>\n );\n }),\n [virtualItems, messages, sendingMessages, handleKey, sendingText],\n );\n\n return (\n <StyledWrapper>\n <StyledChatContainerContentList\n data-testid=\"chat-thread-container\"\n tabIndex={0}\n aria-live=\"polite\"\n aria-relevant=\"additions\"\n ref={virtualListRef}\n role=\"list\"\n onKeyDown={handleListKey}\n >\n <StyledChatContainerContentListScroll height={`${totalSize}px`}>\n {!isLoading && hasMoreItems ? (\n <StyledLoadMoreContainer hasMoreItems={hasMoreItems}>\n <DSButton\n labelText=\"Load More\"\n buttonType=\"secondary\"\n onClick={getMoreMessages}\n data-testid=\"ds-chat-load-more-btn\"\n innerRef={loadMoreRef}\n />\n </StyledLoadMoreContainer>\n ) : null}\n {render}\n </StyledChatContainerContentListScroll>\n </StyledChatContainerContentList>\n </StyledWrapper>\n );\n};\n\nChatContainerMessagesList.propTypes = listProps;\nChatContainerMessagesList.defaultProps = defaultProps;\nconst ChatContainerMessagesListWithSchema = describe(ChatContainerMessagesList);\nChatContainerMessagesListWithSchema.propTypes = listProps;\n\nexport { ChatContainerMessagesList, ChatContainerMessagesListWithSchema };\n"],"names":["getPadding","hasMoreItems","bannerPosition","isLoading","padding","paddingStart","paddingEnd","some","item","ChatContainerMessagesList","props","useValidateProps","ChatContainerMessagesListWithSchema","toTypescript","sendingText","sendingMessages","messages","actionRef","onScrollEnds","getMoreMessages","bannerRef","pendingOnScroll","React","useRef","loadMoreRef","virtualListRef","useVirtual","size","length","parentRef","overscan","estimateSize","useCallback","vScroll","scrollToIndex","totalSize","virtualItems","debouncedScroll","useMemo","debounce","document","visibilityState","current","getBoundingClientRect","bottom","top","list","querySelectorAll","indexList","forEach","itemTop","itemPadding","push","dataset","index","onScrollStop","onlyFocus","setTimeout","querySelector","focus","scrollAndFocus","b","align","useEffect","a","getMessagesInView","focusToIndex","focusToIndexWithoutScroll","focusToList","handleKey","e","key","Number","currentTarget","stopPropagation","preventDefault","shiftKey","focusOnWrapper","handleListKey","activeElement","shift","pop","focusToComposer","checkPendingOnScroll","handlerCallback","localVirtualRef","onScroll","clearTimeout","addEventListener","removeEventListener","render","map","virtualItem","measureRef","start","row","isSending","find","m","dsId","style","position","left","transform","width","type","BUBBLE_TYPES","SENDER","RECIPIENT","helpMessage","DELIMITER","SYSTEM","propTypes","listProps","defaultProps","describe"],"mappings":"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"}
1	+ {"version":3,"file":"ChatContainerMessagesList.js","sources":["../../../../src/parts/chat-container-messages-list/ChatContainerMessagesList.tsx"],"sourcesContent":["/* eslint-disable complexity /\n/ eslint-disable jsx-a11y/no-noninteractive-tabindex /\n/ eslint-disable max-lines /\nimport React, { CSSProperties } from 'react';\nimport { describe } from 'react-desc';\nimport { useVirtual } from 'react-virtual';\nimport DSButton from '@elliemae/ds-button';\nimport { debounce } from 'lodash';\nimport { ChatBubble, BUBBLE_TYPES } from '../bubble';\nimport { MessageDelimiter } from '../message-delimiter';\nimport { SystemMessage } from '../system-message';\nimport {\n StyledWrapperListItem,\n StyledChatContainerContentList,\n StyledChatContainerContentListScroll,\n StyledWrapper,\n StyledLoadMoreContainer,\n ListItem,\n StyledNewMessagesHiddenContainer,\n} from './styled';\nimport { defaultProps, listProps, ChatContainerMessagesListProps } from './props';\nimport { useValidateProps } from './config/useValidateProps';\nimport { useGetNewMessages } from './useGetNewMessages';\n\ntype getPaddingT = {\n hasMoreItems: string \| undefined;\n bannerPosition: string \| undefined;\n isLoading: string \| undefined;\n};\nconst getPadding = ({ hasMoreItems, bannerPosition, isLoading }: getPaddingT) => {\n const padding = {\n paddingStart: 0,\n paddingEnd: -5,\n };\n if ([hasMoreItems, bannerPosition, isLoading].some((item) => item === 'top')) padding.paddingStart = 42;\n else if ([hasMoreItems, bannerPosition, isLoading].some((item) => item === 'bottom')) padding.paddingEnd = 42;\n return padding;\n};\n\nconst ChatContainerMessagesList = (props: ChatContainerMessagesListProps): JSX.Element => {\n useValidateProps(props, ChatContainerMessagesListWithSchema.toTypescript());\n\n const {\n sendingText,\n bannerPosition,\n sendingMessages,\n messages,\n actionRef,\n onScrollEnds,\n getMoreMessages,\n hasMoreItems,\n isLoading,\n bannerRef,\n } = props;\n const pendingOnScroll = React.useRef(false);\n const loadMoreRef = React.useRef(null);\n const virtualListRef = React.useRef<HTMLDivElement>();\n // estimateSize should not be really required given what was stated on\n // https://github.com/tannerlinsley/react-virtual/issues/23\n const {\n scrollToIndex: vScroll,\n totalSize,\n virtualItems,\n } = useVirtual({\n size: messages.length,\n parentRef: virtualListRef,\n overscan: 15,\n ...getPadding({ hasMoreItems, bannerPosition, isLoading }),\n estimateSize: React.useCallback(() => 80, []),\n });\n\n const newMessages = useGetNewMessages(messages);\n\n const debouncedScroll = React.useMemo(\n () =>\n debounce((): number[] => {\n console.log('debound');\n if (document.visibilityState === 'hidden') {\n pendingOnScroll.current = true;\n return [];\n }\n if (!virtualListRef.current) return [];\n pendingOnScroll.current = false;\n const { bottom, top } = virtualListRef.current?.getBoundingClientRect();\n\n const list = virtualListRef.current.querySelectorAll(\n '[data-element=\"chat-element-list-item\"]',\n ) as NodeListOf<HTMLDivElement>;\n const indexList = [];\n list.forEach((item: HTMLElement) => {\n const { top: itemTop } = item.getBoundingClientRect();\n\n const itemPadding = 10;\n if (itemTop + itemPadding < bottom && itemTop + itemPadding > top) indexList.push(item.dataset.index);\n });\n if (onScrollEnds) onScrollEnds(indexList);\n return indexList;\n }, 500),\n [onScrollEnds],\n );\n\n const onScrollStop = React.useCallback(debouncedScroll, [debouncedScroll]);\n\n const onlyFocus = React.useCallback((index: number) => {\n setTimeout(() => {\n (virtualListRef.current.querySelector(`[data-index=\"${index}\"]`) as HTMLDivElement).focus();\n }, 300);\n }, []);\n\n const scrollAndFocus = React.useCallback(\n (index: number, b = { align: 'center' }) => {\n vScroll(index, b);\n onlyFocus(index);\n onScrollStop();\n },\n [onScrollStop, onlyFocus, vScroll],\n );\n\n React.useEffect(() => {\n if (actionRef && actionRef.current) {\n actionRef.current.scrollToIndex = (a, b = { align: 'center' }) => {\n vScroll(a, b as any);\n onScrollStop();\n };\n actionRef.current.getMessagesInView = onScrollStop;\n onScrollStop(); // init useMemo due to debounce use.\n actionRef.current.focusToIndex = (a, b = { align: 'center' } as ScrollToOptions) => {\n scrollAndFocus(a, b);\n };\n actionRef.current.focusToIndexWithoutScroll = onlyFocus;\n actionRef.current.focusToList = () => {\n virtualListRef.current?.focus();\n };\n }\n }, [actionRef, onScrollStop, onlyFocus, scrollAndFocus, vScroll]);\n\n const handleKey = React.useCallback(\n (e: React.KeyboardEvent) => {\n const { key } = e;\n const index = Number(e.currentTarget.dataset.index);\n e.stopPropagation();\n switch (key) {\n case 'ArrowUp':\n e.preventDefault();\n if (index > 0) {\n (virtualListRef.current?.querySelector(`[data-index=\"${index - 1}\"]`) as HTMLDivElement).focus();\n } else if (hasMoreItems === 'top') {\n loadMoreRef.current?.focus();\n }\n break;\n case 'ArrowDown':\n e.preventDefault();\n if (index < messages.length - 1) {\n (virtualListRef.current.querySelector(`[data-index=\"${index + 1}\"]`) as HTMLDivElement).focus();\n }\n break;\n case 'Home':\n e.preventDefault();\n scrollAndFocus(0);\n break;\n case 'End':\n e.preventDefault();\n scrollAndFocus(messages.length - 1);\n break;\n case 'Tab':\n if (hasMoreItems === 'bottom' && !e.shiftKey) {\n e.preventDefault();\n loadMoreRef.current?.focus();\n } else if (hasMoreItems === 'top' && e.shiftKey) {\n e.preventDefault();\n loadMoreRef.current?.focus();\n } else if (!e.shiftKey) {\n if (bannerPosition) {\n e.preventDefault();\n bannerRef.current.focusOnWrapper();\n }\n } else {\n e.preventDefault();\n virtualListRef.current?.focus();\n }\n break;\n default:\n break;\n }\n },\n [bannerRef, hasMoreItems, messages.length, bannerPosition, scrollAndFocus],\n );\n const handleListKey = React.useCallback(\n (e: React.KeyboardEvent) => {\n const { key } = e;\n switch (key) {\n case 'ArrowUp':\n e.preventDefault();\n if (document.activeElement !== loadMoreRef.current) {\n onlyFocus(onScrollStop().shift());\n }\n break;\n case 'ArrowDown':\n e.preventDefault();\n if (document.activeElement === loadMoreRef.current) {\n (virtualListRef.current.querySelector(`[data-index=\"0\"]`) as HTMLDivElement).focus();\n } else {\n onlyFocus(onScrollStop().pop());\n }\n break;\n case 'Home':\n e.preventDefault();\n scrollAndFocus(0);\n break;\n case 'End':\n e.preventDefault();\n scrollAndFocus(messages.length - 1);\n break;\n case 'Tab':\n if (document.activeElement !== loadMoreRef.current) {\n if (hasMoreItems === 'bottom' && !e.shiftKey) {\n e.preventDefault();\n loadMoreRef.current?.focus();\n } else if (hasMoreItems === 'top' && e.shiftKey) {\n // e.preventDefault();\n // loadMoreRef.current?.focus();\n } else if (!e.shiftKey) {\n e.preventDefault();\n actionRef.current.focusToComposer();\n }\n } else if (!e.shiftKey) {\n e.preventDefault();\n actionRef.current.focusToComposer();\n } else {\n e.preventDefault();\n virtualListRef.current?.focus();\n }\n break;\n default:\n break;\n }\n },\n [actionRef, hasMoreItems, messages.length, onScrollStop, onlyFocus, scrollAndFocus],\n );\n\n const checkPendingOnScroll = React.useCallback(() => {\n if (pendingOnScroll.current === true) onScrollStop();\n }, [onScrollStop]);\n\n React.useEffect(() => {\n let handlerCallback = null;\n const localVirtualRef = virtualListRef.current;\n const onScroll = () => {\n if (handlerCallback) clearTimeout(handlerCallback);\n handlerCallback = setTimeout(onScrollStop, 300);\n };\n if (onScrollEnds) {\n virtualListRef.current.addEventListener('scroll', onScroll);\n }\n document.addEventListener('visibilitychange', checkPendingOnScroll);\n return () => {\n if (handlerCallback) clearTimeout(handlerCallback);\n if (onScrollEnds) localVirtualRef.removeEventListener('scroll', onScroll);\n document.removeEventListener('visibilitychange', checkPendingOnScroll);\n };\n }, [onScrollStop, onScrollEnds, checkPendingOnScroll]);\n\n const render = React.useMemo(\n () =>\n virtualItems.map((virtualItem) => {\n const { index, measureRef, start } = virtualItem;\n const row = messages[index];\n const isSending = sendingMessages && sendingMessages.find((m) => m === row.dsId);\n const style: CSSProperties = {\n position: 'absolute',\n top: 0,\n left: 0,\n transform: `translateY(${start}px)`,\n width: '100%',\n };\n\n return (\n <ListItem\n data-element=\"chat-element-list-item\"\n data-index={index}\n key={`ds-chat-bubble-${index}-${row.dsId}-${row.type}`}\n style={style}\n ref={measureRef}\n tabIndex={-1}\n onKeyDown={handleKey}\n role=\"listitem\"\n >\n <StyledWrapperListItem type={row.type}>\n {row.type === BUBBLE_TYPES.SENDER \|\| row.type === BUBBLE_TYPES.RECIPIENT ? (\n // eslint-disable-next-line\n <ChatBubble {...(row as any)} helpMessage={isSending ? sendingText : row.helpMessage} />\n ) : null}\n {row.type === BUBBLE_TYPES.DELIMITER ? <MessageDelimiter {...(row as any)} /> : null}\n {row.type === BUBBLE_TYPES.SYSTEM ? <SystemMessage {...(row as any)} /> : null}\n </StyledWrapperListItem>\n </ListItem>\n );\n }),\n [virtualItems, messages, sendingMessages, handleKey, sendingText],\n );\n\n return (\n <StyledWrapper>\n <StyledChatContainerContentList\n data-testid=\"chat-thread-container\"\n tabIndex={0}\n ref={virtualListRef}\n role=\"list\"\n onKeyDown={handleListKey}\n >\n <StyledChatContainerContentListScroll height={`${totalSize}px`}>\n {!isLoading && hasMoreItems ? (\n <StyledLoadMoreContainer hasMoreItems={hasMoreItems}>\n <DSButton\n labelText=\"Load More\"\n buttonType=\"secondary\"\n onClick={getMoreMessages}\n data-testid=\"ds-chat-load-more-btn\"\n innerRef={loadMoreRef}\n />\n </StyledLoadMoreContainer>\n ) : null}\n {render}\n </StyledChatContainerContentListScroll>\n </StyledChatContainerContentList>\n {/ We repeat the render with the new available messages */}\n <StyledNewMessagesHiddenContainer aria-live=\"polite\" aria-hidden=\"false\">\n {newMessages.map((newMessage) => (\n <p>\n {newMessage.title} {newMessage.time} {newMessage.body} {newMessage.errorMessage} {newMessage.helpMessage}\n </p>\n ))}\n </StyledNewMessagesHiddenContainer>\n </StyledWrapper>\n );\n};\n\nChatContainerMessagesList.propTypes = listProps;\nChatContainerMessagesList.defaultProps = defaultProps;\nconst ChatContainerMessagesListWithSchema = describe(ChatContainerMessagesList);\nChatContainerMessagesListWithSchema.propTypes = listProps;\n\nexport { ChatContainerMessagesList, ChatContainerMessagesListWithSchema };\n"],"names":["getPadding","hasMoreItems","bannerPosition","isLoading","padding","paddingStart","paddingEnd","some","item","ChatContainerMessagesList","props","useValidateProps","ChatContainerMessagesListWithSchema","toTypescript","sendingText","sendingMessages","messages","actionRef","onScrollEnds","getMoreMessages","bannerRef","pendingOnScroll","React","useRef","loadMoreRef","virtualListRef","useVirtual","size","length","parentRef","overscan","estimateSize","useCallback","vScroll","scrollToIndex","totalSize","virtualItems","newMessages","useGetNewMessages","debouncedScroll","useMemo","debounce","document","visibilityState","current","getBoundingClientRect","bottom","top","list","querySelectorAll","indexList","forEach","itemTop","itemPadding","push","dataset","index","onScrollStop","onlyFocus","setTimeout","querySelector","focus","scrollAndFocus","b","align","useEffect","a","getMessagesInView","focusToIndex","focusToIndexWithoutScroll","focusToList","handleKey","e","key","Number","currentTarget","stopPropagation","preventDefault","shiftKey","focusOnWrapper","handleListKey","activeElement","shift","pop","focusToComposer","checkPendingOnScroll","handlerCallback","localVirtualRef","onScroll","clearTimeout","addEventListener","removeEventListener","render","map","virtualItem","measureRef","start","row","isSending","find","m","dsId","style","position","left","transform","width","type","BUBBLE_TYPES","SENDER","RECIPIENT","helpMessage","DELIMITER","SYSTEM","newMessage","title","time","body","errorMessage","propTypes","listProps","defaultProps","describe"],"mappings":"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"}

package/esm/parts/chat-container-messages-list/config/useValidateProps.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useValidateProps.js","sources":["../../../../../src/parts/chat-container-messages-list/config/useValidateProps.tsx"],"sourcesContent":["import { useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';\nimport { ChatContainerMessagesListProps } from '../props';\n\nexport const useValidateProps = (props: ChatContainerMessagesListProps, schema: unknown): void => {\n useValidateTypescriptPropTypes(props, schema);\n};\n"],"names":["useValidateProps","props","schema","useValidateTypescriptPropTypes"],"mappings":";;IAGaA,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,KAAD,EAAwCC,MAAxC,EAAkE;~~AAChGC~~,~~EAAAA,~~8BAA8B,CAACF,KAAD,EAAQC,MAAR,CAA9B;AACD;;;;"}
1	+ {"version":3,"file":"useValidateProps.js","sources":["../../../../../src/parts/chat-container-messages-list/config/useValidateProps.tsx"],"sourcesContent":["import { useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';\nimport { ChatContainerMessagesListProps } from '../props';\n\nexport const useValidateProps = (props: ChatContainerMessagesListProps, schema: unknown): void => {\n useValidateTypescriptPropTypes(props, schema);\n};\n"],"names":["useValidateProps","props","schema","useValidateTypescriptPropTypes"],"mappings":";;IAGaA,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,KAAD,EAAwCC,MAAxC,EAAkE;EAChGC,8BAA8B,CAACF,KAAD,EAAQC,MAAR,CAA9B;AACD;;;;"}

package/esm/parts/chat-container-messages-list/index.js CHANGED Viewed

@@ -27,4 +27,6 @@ import '../system-message/config/useValidateProps.js';
 import './styled.js';
 import './props.js';
 import './config/useValidateProps.js';
+import './useGetNewMessages.js';
+import '@babel/runtime/helpers/esm/slicedToArray';
 //# sourceMappingURL=index.js.map

package/esm/parts/chat-container-messages-list/index.js.map CHANGED Viewed

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

package/esm/parts/chat-container-messages-list/props.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"props.js","sources":["../../../../src/parts/chat-container-messages-list/props.ts"],"sourcesContent":["import { Ref } from 'react';\nimport { PropTypes } from 'react-desc';\nimport { noop } from 'lodash';\nimport { BubbleProps } from '../bubble/props';\n\ninterface ActionRef {\n scrollToIndex: (n: number, b: { align: 'end' \| 'center' \| 'start' }) => void;\n getMessagesInView: () => number[];\n}\nexport interface ChatContainerMessagesListProps {\n messages: BubbleProps[];\n actionRef: any;\n onScrollEnds: (indexList: number[]) => number[];\n isLoading?: 'top' \| 'bottom';\n hasMoreItems?: 'top' \| 'bottom';\n getMoreMessages: PropTypes.func;\n sendingMessages?: Array<string \| number>;\n sendingText: string;\n bannerPosition?: 'top' \| 'bottom';\n bannerRef: React.MutableRefObject<{\n focusOnWrapper: (...args: any[]) => void;\n focusOnLink: (...args: any[]) => void;\n }>;\n}\n\nexport const defaultProps: ChatContainerMessagesListProps = {\n messages: [],\n actionRef: noop,\n onScrollEnds: () => [],\n getMoreMessages: noop,\n sendingMessages: undefined,\n sendingText: 'Sending',\n bannerPosition: undefined,\n bannerRef: undefined,\n};\n\nexport const listProps = {\n messages: PropTypes.arrayOf(PropTypes.object)\n .description('The array of out-of-the-box items you want to render inside the ChatMessageList')\n .defaultValue(defaultProps.messages),\n actionRef: PropTypes.object\n .description(\n `Reference: \n { \n scrollToIndex: (n: number) => void,\n getMessagesInView: () => number[],\n focusToIndex: (n: number) => void,\n focusToIndexWithoutScroll: (n: number) => void,\n focusToList: () => void,\n focusToComposer: () => void,\n focusToSend: () => void,\n }\n \n `,\n )\n .defaultValue(defaultProps.actionRef),\n onScrollEnds: PropTypes.func.description(`Called when the scroll stops.`),\n isLoading: PropTypes.oneOf(['top', 'bottom', undefined]).description(\n 'Keeps the load more space while the loading is in progress',\n ),\n hasMoreItems: PropTypes.oneOf(['top', 'bottom', undefined]).description(\n 'Show Load More button at the `top` or `bottom` of the container',\n ),\n getMoreMessages: PropTypes.func\n .description('Called when the user clicks on load more')\n .defaultValue(defaultProps.getMoreMessages),\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};\n"],"names":["defaultProps","messages","actionRef","noop","onScrollEnds","getMoreMessages","sendingMessages","undefined","sendingText","bannerPosition","bannerRef","listProps","PropTypes","arrayOf","object","description","defaultValue","func","isLoading","oneOf","hasMoreItems","oneOfType","string","number"],"mappings":";;;IAyBaA,YAA4C,GAAG;~~AAC1DC~~,~~EAAAA,~~QAAQ,EAAE,EADgD;~~AAE1DC~~,~~EAAAA,~~SAAS,EAAEC,IAF+C;~~AAG1DC~~,~~EAAAA,~~YAAY,EAAE;~~AAAA~~,~~WAAM~~,EAAN;~~AAAA,~~GAH4C;~~AAI1DC~~,~~EAAAA,~~eAAe,EAAEF,IAJyC;~~AAK1DG~~,~~EAAAA,~~eAAe,EAAEC,SALyC;~~AAM1DC~~,~~EAAAA,~~WAAW,EAAE,SAN6C;~~AAO1DC~~,~~EAAAA,~~cAAc,EAAEF,SAP0C;~~AAQ1DG~~,~~EAAAA,~~SAAS,EAAEH;AAR+C;IAW/CI,SAAS,GAAG;~~AACvBV~~,~~EAAAA,~~QAAQ,EAAEW,SAAS,CAACC,OAAV,CAAkBD,SAAS,CAACE,MAA5B,EACPC,WADO,CACK,iFADL,EAEPC,YAFO,CAEMhB,YAAY,CAACC,QAFnB,CADa;~~AAIvBC~~,~~EAAAA,~~SAAS,EAAEU,SAAS,CAACE,MAAV,CACRC,WADQ,+WAeRC,YAfQ,CAeKhB,YAAY,CAACE,SAflB,CAJY;~~AAoBvBE~~,~~EAAAA,~~YAAY,EAAEQ,SAAS,CAACK,IAAV,CAAeF,WAAf,iCApBS;~~AAqBvBG~~,~~EAAAA,~~SAAS,EAAEN,SAAS,CAACO,KAAV,CAAgB,CAAC,KAAD,EAAQ,QAAR,EAAkBZ,SAAlB,CAAhB,EAA8CQ,WAA9C,CACT,4DADS,CArBY;~~AAwBvBK~~,~~EAAAA,~~YAAY,EAAER,SAAS,CAACO,KAAV,CAAgB,CAAC,KAAD,EAAQ,QAAR,EAAkBZ,SAAlB,CAAhB,EAA8CQ,WAA9C,CACZ,iEADY,CAxBS;~~AA2BvBV~~,~~EAAAA,~~eAAe,EAAEO,SAAS,CAACK,IAAV,CACdF,WADc,CACF,0CADE,EAEdC,YAFc,CAEDhB,YAAY,CAACK,eAFZ,CA3BM;~~AA8BvBC~~,~~EAAAA,~~eAAe,EAAEM,SAAS,CAACS,SAAV,CAAoB,CAACT,SAAS,CAACC,OAAV,CAAkBD,SAAS,CAACU,MAA5B,CAAD,EAAsCV,SAAS,CAACC,OAAV,CAAkBD,SAAS,CAACW,MAA5B,CAAtC,CAApB,EACdR,WADc,CACF,kCADE,EAEdC,YAFc,CAEDhB,YAAY,CAACM,eAFZ,CA9BM;~~AAiCvBE~~,~~EAAAA,~~WAAW,EAAEI,SAAS,CAACU,MAAV,CACVP,WADU,CACE,kDADF,EAEVC,YAFU,CAEGhB,YAAY,CAACQ,WAFhB;AAjCU;;;;"}
1	+ {"version":3,"file":"props.js","sources":["../../../../src/parts/chat-container-messages-list/props.ts"],"sourcesContent":["import { Ref } from 'react';\nimport { PropTypes } from 'react-desc';\nimport { noop } from 'lodash';\nimport { BubbleProps } from '../bubble/props';\n\ninterface ActionRef {\n scrollToIndex: (n: number, b: { align: 'end' \| 'center' \| 'start' }) => void;\n getMessagesInView: () => number[];\n}\nexport interface ChatContainerMessagesListProps {\n messages: BubbleProps[];\n actionRef: any;\n onScrollEnds: (indexList: number[]) => number[];\n isLoading?: 'top' \| 'bottom';\n hasMoreItems?: 'top' \| 'bottom';\n getMoreMessages: PropTypes.func;\n sendingMessages?: Array<string \| number>;\n sendingText: string;\n bannerPosition?: 'top' \| 'bottom';\n bannerRef: React.MutableRefObject<{\n focusOnWrapper: (...args: any[]) => void;\n focusOnLink: (...args: any[]) => void;\n }>;\n}\n\nexport const defaultProps: ChatContainerMessagesListProps = {\n messages: [],\n actionRef: noop,\n onScrollEnds: () => [],\n getMoreMessages: noop,\n sendingMessages: undefined,\n sendingText: 'Sending',\n bannerPosition: undefined,\n bannerRef: undefined,\n};\n\nexport const listProps = {\n messages: PropTypes.arrayOf(PropTypes.object)\n .description('The array of out-of-the-box items you want to render inside the ChatMessageList')\n .defaultValue(defaultProps.messages),\n actionRef: PropTypes.object\n .description(\n `Reference: \n { \n scrollToIndex: (n: number) => void,\n getMessagesInView: () => number[],\n focusToIndex: (n: number) => void,\n focusToIndexWithoutScroll: (n: number) => void,\n focusToList: () => void,\n focusToComposer: () => void,\n focusToSend: () => void,\n }\n \n `,\n )\n .defaultValue(defaultProps.actionRef),\n onScrollEnds: PropTypes.func.description(`Called when the scroll stops.`),\n isLoading: PropTypes.oneOf(['top', 'bottom', undefined]).description(\n 'Keeps the load more space while the loading is in progress',\n ),\n hasMoreItems: PropTypes.oneOf(['top', 'bottom', undefined]).description(\n 'Show Load More button at the `top` or `bottom` of the container',\n ),\n getMoreMessages: PropTypes.func\n .description('Called when the user clicks on load more')\n .defaultValue(defaultProps.getMoreMessages),\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};\n"],"names":["defaultProps","messages","actionRef","noop","onScrollEnds","getMoreMessages","sendingMessages","undefined","sendingText","bannerPosition","bannerRef","listProps","PropTypes","arrayOf","object","description","defaultValue","func","isLoading","oneOf","hasMoreItems","oneOfType","string","number"],"mappings":";;;IAyBaA,YAA4C,GAAG;EAC1DC,QAAQ,EAAE,EADgD;EAE1DC,SAAS,EAAEC,IAF+C;EAG1DC,YAAY,EAAE;IAAA,OAAM,EAAN;GAH4C;EAI1DC,eAAe,EAAEF,IAJyC;EAK1DG,eAAe,EAAEC,SALyC;EAM1DC,WAAW,EAAE,SAN6C;EAO1DC,cAAc,EAAEF,SAP0C;EAQ1DG,SAAS,EAAEH;AAR+C;IAW/CI,SAAS,GAAG;EACvBV,QAAQ,EAAEW,SAAS,CAACC,OAAV,CAAkBD,SAAS,CAACE,MAA5B,EACPC,WADO,CACK,iFADL,EAEPC,YAFO,CAEMhB,YAAY,CAACC,QAFnB,CADa;EAIvBC,SAAS,EAAEU,SAAS,CAACE,MAAV,CACRC,WADQ,+WAeRC,YAfQ,CAeKhB,YAAY,CAACE,SAflB,CAJY;EAoBvBE,YAAY,EAAEQ,SAAS,CAACK,IAAV,CAAeF,WAAf,iCApBS;EAqBvBG,SAAS,EAAEN,SAAS,CAACO,KAAV,CAAgB,CAAC,KAAD,EAAQ,QAAR,EAAkBZ,SAAlB,CAAhB,EAA8CQ,WAA9C,CACT,4DADS,CArBY;EAwBvBK,YAAY,EAAER,SAAS,CAACO,KAAV,CAAgB,CAAC,KAAD,EAAQ,QAAR,EAAkBZ,SAAlB,CAAhB,EAA8CQ,WAA9C,CACZ,iEADY,CAxBS;EA2BvBV,eAAe,EAAEO,SAAS,CAACK,IAAV,CACdF,WADc,CACF,0CADE,EAEdC,YAFc,CAEDhB,YAAY,CAACK,eAFZ,CA3BM;EA8BvBC,eAAe,EAAEM,SAAS,CAACS,SAAV,CAAoB,CAACT,SAAS,CAACC,OAAV,CAAkBD,SAAS,CAACU,MAA5B,CAAD,EAAsCV,SAAS,CAACC,OAAV,CAAkBD,SAAS,CAACW,MAA5B,CAAtC,CAApB,EACdR,WADc,CACF,kCADE,EAEdC,YAFc,CAEDhB,YAAY,CAACM,eAFZ,CA9BM;EAiCvBE,WAAW,EAAEI,SAAS,CAACU,MAAV,CACVP,WADU,CACE,kDADF,EAEVC,YAFU,CAEGhB,YAAY,CAACQ,WAFhB;AAjCU;;;;"}

package/esm/parts/chat-container-messages-list/styled.js CHANGED Viewed

@@ -30,13 +30,16 @@ var StyledChatContainerContentList = /*#__PURE__*/styled.div.withConfig({
 })(["width:100%;height:100%;padding:", ";padding-bottom:0;overflow-y:auto;overflow-x:hidden;"], function (props) {
   return props.theme.space.xs;
 });
-var StyledChatContainerContentListScroll = /*#__PURE__*/styled.div.withConfig({
+var StyledNewMessagesHiddenContainer = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-1jhprzr-3"
+})(["position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(100%);white-space:nowrap;"]);
+var StyledChatContainerContentListScroll = /*#__PURE__*/styled.div.withConfig({
+  componentId: "sc-1jhprzr-4"
 })(["width:100%;height:", ";position:relative;"], function (props) {
   return props.height;
 });
 var StyledLoadMoreContainer = /*#__PURE__*/styled.div.withConfig({
-  componentId: "sc-1jhprzr-4"
+  componentId: "sc-1jhprzr-5"
 })(["position:absolute;width:calc(100% + ", ");padding:", ";left:-", ";right:-", ";display:grid;justify-content:center;align-items:center;", " ", ""], function (props) {
   return props.theme.space.xxs;
 }, function (props) {
@@ -51,10 +54,10 @@ var StyledLoadMoreContainer = /*#__PURE__*/styled.div.withConfig({
   return props.hasMoreItems === 'bottom' ? 'bottom: 0;' : '';
 });
 var ListItem = /*#__PURE__*/styled.div.withConfig({
-  componentId: "sc-1jhprzr-5"
+  componentId: "sc-1jhprzr-6"
 })(["&:focus,&:focus-visible{outline:none;&:after{content:'';display:block;position:absolute;top:0;left:-", ";pointer-events:none;border-radius:2px;background-color:#ebedf0;width:calc(100% + 24px);border:2px solid #1e79c2;height:100%;z-index:-1;}}"], function (props) {
   return props.theme.space.xxs;
 });
-export { ListItem, StyledChatContainerContentList, StyledChatContainerContentListScroll, StyledLoadMoreContainer, StyledWrapper, StyledWrapperListItem };
+export { ListItem, StyledChatContainerContentList, StyledChatContainerContentListScroll, StyledLoadMoreContainer, StyledNewMessagesHiddenContainer, StyledWrapper, StyledWrapperListItem };
 //# sourceMappingURL=styled.js.map