@servicetitan/titan-chat-ui 1.0.1

package/dist/components/messages/__tests-cy__/message-user.test.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// eslint-disable-next-line spaced-comment
+/// <reference types="../../../cypress" />
+import { BodyText } from '@servicetitan/design-system';
+import { mount } from 'cypress/react';
+import { MessageUser } from '../message-user';
+describe('[MessageUser]', () => {
+    beforeEach(() => {
+        cy.viewport('macbook-13');
+    });
+    it('should be properly rendered', () => {
+        mount(_jsx(MessageUser, { children: _jsx(BodyText, { "data-cy": "content", children: "message user content" }) }));
+        cy.getCy('chat-message-user').should('be.visible');
+        cy.getCy2('chat-message-normal').should('be.visible');
+        cy.getCy('chat-message-user-content')
+            .should('be.visible')
+            .should('contain.text', 'message user content');
+    });
+    it('should be properly rendered with long text', () => {
+        const longText = 'message user content '.repeat(100).trim();
+        mount(_jsx(MessageUser, { children: _jsx(BodyText, { "data-cy": "content", children: longText }) }));
+        cy.getCy('chat-message-user-content').should('be.visible').should('contain.text', longText);
+    });
+    it('should be rendered with footer', () => {
+        mount(_jsx(MessageUser, { messageFooter: _jsx(BodyText, { children: "message user footer" }), children: _jsx(BodyText, { "data-cy": "content", children: "message user content" }) }));
+        cy.getCy('chat-message-user-footer').should('be.visible');
+    });
+    it('should be rendered with error', () => {
+        mount(_jsx(MessageUser, { isError: true, children: _jsx(BodyText, { "data-cy": "content", children: "message user content" }) }));
+        cy.getCy2('chat-message-error').should('be.visible');
+    });
+});
+//# sourceMappingURL=message-user.test.js.map

package/dist/components/messages/__tests-cy__/message-user.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"message-user.test.js","sourceRoot":"","sources":["../../../../src/components/messages/__tests-cy__/message-user.test.tsx"],"names":[],"mappings":";AAAA,0CAA0C;AAC1C,0CAA0C;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtC,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C,QAAQ,CAAC,eAAe,EAAE,GAAG,EAAE;IAC3B,UAAU,CAAC,GAAG,EAAE;QACZ,EAAE,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC;IAC9B,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,6BAA6B,EAAE,GAAG,EAAE;QACnC,KAAK,CACD,KAAC,WAAW,cACR,KAAC,QAAQ,eAAS,SAAS,qCAAgC,GACjD,CACjB,CAAC;QACF,EAAE,CAAC,KAAK,CAAC,mBAAmB,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;QACnD,EAAE,CAAC,MAAM,CAAC,qBAAqB,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;QACtD,EAAE,CAAC,KAAK,CAAC,2BAA2B,CAAC;aAChC,MAAM,CAAC,YAAY,CAAC;aACpB,MAAM,CAAC,cAAc,EAAE,sBAAsB,CAAC,CAAC;IACxD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,4CAA4C,EAAE,GAAG,EAAE;QAClD,MAAM,QAAQ,GAAG,uBAAuB,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC;QAC5D,KAAK,CACD,KAAC,WAAW,cACR,KAAC,QAAQ,eAAS,SAAS,YAAE,QAAQ,GAAY,GACvC,CACjB,CAAC;QACF,EAAE,CAAC,KAAK,CAAC,2BAA2B,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,MAAM,CAAC,cAAc,EAAE,QAAQ,CAAC,CAAC;IAChG,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gCAAgC,EAAE,GAAG,EAAE;QACtC,KAAK,CACD,KAAC,WAAW,IAAC,aAAa,EAAE,KAAC,QAAQ,sCAA+B,YAChE,KAAC,QAAQ,eAAS,SAAS,qCAAgC,GACjD,CACjB,CAAC;QACF,EAAE,CAAC,KAAK,CAAC,0BAA0B,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;IAC9D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,+BAA+B,EAAE,GAAG,EAAE;QACrC,KAAK,CACD,KAAC,WAAW,IAAC,OAAO,kBAChB,KAAC,QAAQ,eAAS,SAAS,qCAAgC,GACjD,CACjB,CAAC;QACF,EAAE,CAAC,MAAM,CAAC,oBAAoB,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;IACzD,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC"}

package/dist/components/messages/message-agent.d.ts

@@ -0,0 +1,12 @@
+import { FC, PropsWithChildren, ReactNode } from 'react';
+import { IDataCyProps } from '../../models/component';
+import { IMessageAvatarProps } from './message-avatar';
+export interface IMessageAgentProps extends IDataCyProps {
+    avatar?: IMessageAvatarProps;
+    messageFooter?: ReactNode;
+    isError?: boolean;
+    fullWidth?: boolean;
+    subtle?: boolean;
+}
+export declare const MessageAgent: FC<PropsWithChildren<IMessageAgentProps>>;
+//# sourceMappingURL=message-agent.d.ts.map

package/dist/components/messages/message-agent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"message-agent.d.ts","sourceRoot":"","sources":["../../../src/components/messages/message-agent.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,EAAE,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAEtD,OAAO,EAAE,mBAAmB,EAAiB,MAAM,kBAAkB,CAAC;AAEtE,MAAM,WAAW,kBAAmB,SAAQ,YAAY;IACpD,MAAM,CAAC,EAAE,mBAAmB,CAAC;IAC7B,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAAC,kBAAkB,CAAC,CA8ClE,CAAC"}

package/dist/components/messages/message-agent.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Stack } from '@servicetitan/design-system';
+import classNames from 'classnames';
+import * as Styles from './message-agent.module.less';
+import { MessageAvatar } from './message-avatar';
+export const MessageAgent = ({ avatar, children, fullWidth, isError, messageFooter, subtle, ...rest }) => {
+    var _a;
+    const dataCy = (_a = rest['data-cy']) !== null && _a !== void 0 ? _a : 'chat-message-agent';
+    const dataCy2 = isError ? 'chat-message-error' : 'chat-message-normal';
+    return (_jsxs("div", { className: classNames(Styles.messageRoot, {
+            [Styles.fullWidth]: Boolean(fullWidth),
+        }), "data-cy": dataCy, "data-cy2": dataCy2, children: [_jsx("div", { className: Styles.messageAvatar, children: avatar ? _jsx(MessageAvatar, { ...avatar }) : _jsx("div", {}) }), _jsxs(Stack, { direction: "column", spacing: "1", className: classNames(Styles.messageContent, {
+                    'w-100': Boolean(fullWidth),
+                }), "data-cy": `${dataCy}-center`, children: [subtle ? (children) : (_jsx("div", { className: classNames(Styles.messageBubble, {
+                            [Styles.error]: Boolean(isError),
+                        }), "data-cy": `${dataCy}-content`, children: children })), Boolean(messageFooter) && _jsx("div", { "data-cy": `${dataCy}-footer`, children: messageFooter })] })] }));
+};
+//# sourceMappingURL=message-agent.js.map

package/dist/components/messages/message-agent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"message-agent.js","sourceRoot":"","sources":["../../../src/components/messages/message-agent.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAC;AACpD,OAAO,UAAU,MAAM,YAAY,CAAC;AAGpC,OAAO,KAAK,MAAM,MAAM,6BAA6B,CAAC;AACtD,OAAO,EAAuB,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAUtE,MAAM,CAAC,MAAM,YAAY,GAA8C,CAAC,EACpE,MAAM,EACN,QAAQ,EACR,SAAS,EACT,OAAO,EACP,aAAa,EACb,MAAM,EACN,GAAG,IAAI,EACV,EAAE,EAAE;;IACD,MAAM,MAAM,GAAG,MAAA,IAAI,CAAC,SAAS,CAAC,mCAAI,oBAAoB,CAAC;IACvD,MAAM,OAAO,GAAG,OAAO,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,qBAAqB,CAAC;IACvE,OAAO,CACH,eACI,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,WAAW,EAAE;YACtC,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC;SACzC,CAAC,aACO,MAAM,cACL,OAAO,aAEjB,cAAK,SAAS,EAAE,MAAM,CAAC,aAAa,YAC/B,MAAM,CAAC,CAAC,CAAC,KAAC,aAAa,OAAK,MAAM,GAAI,CAAC,CAAC,CAAC,eAAO,GAC/C,EACN,MAAC,KAAK,IACF,SAAS,EAAC,QAAQ,EAClB,OAAO,EAAC,GAAG,EACX,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,cAAc,EAAE;oBACzC,OAAO,EAAE,OAAO,CAAC,SAAS,CAAC;iBAC9B,CAAC,aACO,GAAG,MAAM,SAAS,aAE1B,MAAM,CAAC,CAAC,CAAC,CACN,QAAQ,CACX,CAAC,CAAC,CAAC,CACA,cACI,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,aAAa,EAAE;4BACxC,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,CAAC;yBACnC,CAAC,aACO,GAAG,MAAM,UAAU,YAE3B,QAAQ,GACP,CACT,EACA,OAAO,CAAC,aAAa,CAAC,IAAI,yBAAc,GAAG,MAAM,SAAS,YAAG,aAAa,GAAO,IAC9E,IACN,CACT,CAAC;AACN,CAAC,CAAC"}

package/dist/components/messages/message-agent.module.less

@@ -0,0 +1,59 @@
+@import '@servicetitan/tokens/dist/tokens.less';
+
+@color-gradient-bot-start: #2270ee;
+@color-gradient-bot-end: #8772e5;
+
+/* stylelint-disable declaration-property-value-no-unknown */
+.messageRoot {
+    display: grid;
+    max-width: 100%;
+    column-gap: @spacing-2;
+    row-gap: @spacing-1;
+    grid-template-areas:
+        'avatar content .'
+        '.      footer  .';
+    grid-template-rows: auto auto;
+    grid-template-columns: minmax(@spacing-5, auto) 1fr minmax(@spacing-5, auto);
+
+    &.fullWidth {
+        width: 100%;
+        grid-template-areas:
+            'avatar content'
+            '.      footer ';
+        grid-template-rows: auto auto;
+        grid-template-columns: minmax(@spacing-5, auto) 1fr;
+    }
+}
+
+.messageFooter {
+    grid-area: footer;
+}
+
+.messageAvatar {
+    grid-area: avatar;
+}
+
+.messageContent {
+    max-width: 100%;
+    grid-area: content;
+    overflow-wrap: anywhere;
+    justify-self: flex-start;
+}
+
+.messageBubble {
+    color: @color-neutral-200;
+    padding: @spacing-2 @spacing-3;
+    background-color: @color-blue-100;
+    position: relative;
+    border-radius: @spacing-0 @spacing-3 @spacing-3 @spacing-3;
+    box-sizing: border-box;
+
+    &.error {
+        color: @color-neutral-400;
+        background-color: @color-red-100;
+
+        &::after {
+            background: @color-red-200;
+        }
+    }
+}

package/dist/components/messages/message-avatar.d.ts

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+import { ChatParticipantIcon } from '../../models/support-chat';
+export interface IMessageAvatarProps {
+    className?: string;
+    name: string;
+    icon: ChatParticipantIcon;
+}
+export declare const MessageAvatar: FC<IMessageAvatarProps>;
+//# sourceMappingURL=message-avatar.d.ts.map

package/dist/components/messages/message-avatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"message-avatar.d.ts","sourceRoot":"","sources":["../../../src/components/messages/message-avatar.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAC3B,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAGhE,MAAM,WAAW,mBAAmB;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,mBAAmB,CAAC;CAC7B;AAED,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,mBAAmB,CAqBjD,CAAC"}

package/dist/components/messages/message-avatar.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import classNames from 'classnames';
+import { ChatParticipantIcon } from '../../models/support-chat';
+import * as Styles from './message-avatar.module.less';
+export const MessageAvatar = ({ className, icon, name }) => {
+    const isEmpty = icon === ChatParticipantIcon.Empty;
+    const isInitials = icon === ChatParticipantIcon.Initials;
+    const isBot = icon === ChatParticipantIcon.Bot;
+    return (_jsx("div", { className: classNames('align-self-end', Styles.userIcon, {
+            [Styles.bot]: isBot,
+            [Styles.system]: isEmpty,
+        }, className), "data-cy": `chat-avatar-${icon}`, children: isInitials ? name : null }));
+};
+//# sourceMappingURL=message-avatar.js.map

package/dist/components/messages/message-avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"message-avatar.js","sourceRoot":"","sources":["../../../src/components/messages/message-avatar.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAChE,OAAO,KAAK,MAAM,MAAM,8BAA8B,CAAC;AAQvD,MAAM,CAAC,MAAM,aAAa,GAA4B,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE;IAChF,MAAM,OAAO,GAAG,IAAI,KAAK,mBAAmB,CAAC,KAAK,CAAC;IACnD,MAAM,UAAU,GAAG,IAAI,KAAK,mBAAmB,CAAC,QAAQ,CAAC;IACzD,MAAM,KAAK,GAAG,IAAI,KAAK,mBAAmB,CAAC,GAAG,CAAC;IAE/C,OAAO,CACH,cACI,SAAS,EAAE,UAAU,CACjB,gBAAgB,EAChB,MAAM,CAAC,QAAQ,EACf;YACI,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,KAAK;YACnB,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,OAAO;SAC3B,EACD,SAAS,CACZ,aACQ,eAAe,IAAI,EAAE,YAE7B,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,GACvB,CACT,CAAC;AACN,CAAC,CAAC"}

package/dist/components/messages/message-avatar.module.less

@@ -0,0 +1,26 @@
+@import '@servicetitan/tokens/dist/tokens.less';
+
+.userIcon {
+    width: @spacing-5;
+    height: @spacing-5;
+    min-width: @spacing-5;
+    min-height: @spacing-5;
+    border-radius: @spacing-3;
+    background-color: @color-neutral-60;
+    font-size: @typescale-4;
+    color: @color-neutral-400;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    position: relative;
+
+    &.bot {
+        background-image: url('../../assets/floating-chat-avatar.svg');
+    }
+
+    &.system {
+        min-height: @spacing-0;
+        height: @spacing-0;
+        background-color: transparent;
+    }
+}

package/dist/components/messages/message-footer.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+export interface IMessageFooterProps {
+    timestamp: Date;
+    name?: string;
+}
+export declare const MessageFooter: FC<IMessageFooterProps>;
+//# sourceMappingURL=message-footer.d.ts.map

package/dist/components/messages/message-footer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"message-footer.d.ts","sourceRoot":"","sources":["../../../src/components/messages/message-footer.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAG3B,MAAM,WAAW,mBAAmB;IAChC,SAAS,EAAE,IAAI,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,mBAAmB,CAOjD,CAAC"}

package/dist/components/messages/message-footer.js

@@ -0,0 +1,7 @@
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Eyebrow } from '@servicetitan/design-system';
+import { formatChatMessageDate } from '../../utils/text-utils';
+export const MessageFooter = ({ name, timestamp }) => {
+    return (_jsxs(Eyebrow, { children: [name && `${name} • `, formatChatMessageDate(timestamp)] }));
+};
+//# sourceMappingURL=message-footer.js.map

package/dist/components/messages/message-footer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"message-footer.js","sourceRoot":"","sources":["../../../src/components/messages/message-footer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,6BAA6B,CAAC;AAEtD,OAAO,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAO/D,MAAM,CAAC,MAAM,aAAa,GAA4B,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,EAAE;IAC1E,OAAO,CACH,MAAC,OAAO,eACH,IAAI,IAAI,GAAG,IAAI,KAAK,EACpB,qBAAqB,CAAC,SAAS,CAAC,IAC3B,CACb,CAAC;AACN,CAAC,CAAC"}

package/dist/components/messages/message-system.d.ts

@@ -0,0 +1,8 @@
+import { FC, PropsWithChildren } from 'react';
+import { IDataCyProps } from '../../models/component';
+export interface IMessageSystemProps extends IDataCyProps {
+    fullWidth?: boolean;
+    className?: string;
+}
+export declare const MessageSystem: FC<PropsWithChildren<IMessageSystemProps>>;
+//# sourceMappingURL=message-system.d.ts.map

package/dist/components/messages/message-system.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"message-system.d.ts","sourceRoot":"","sources":["../../../src/components/messages/message-system.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAGtD,MAAM,WAAW,mBAAoB,SAAQ,YAAY;IACrD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,iBAAiB,CAAC,mBAAmB,CAAC,CAuBpE,CAAC"}

package/dist/components/messages/message-system.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Stack } from '@servicetitan/design-system';
+import classNames from 'classnames';
+import * as Styles from './message-system.module.less';
+export const MessageSystem = ({ children, className, fullWidth, ...rest }) => {
+    var _a;
+    const dataCy = (_a = rest['data-cy']) !== null && _a !== void 0 ? _a : 'chat-message-system';
+    return (_jsx("div", { className: classNames(Styles.messageRoot, {
+            [Styles.fullWidth]: Boolean(fullWidth),
+        }, className), "data-cy": dataCy, children: _jsx(Stack, { direction: "column", spacing: "1", className: Styles.messageContent, children: children }) }));
+};
+//# sourceMappingURL=message-system.js.map

package/dist/components/messages/message-system.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"message-system.js","sourceRoot":"","sources":["../../../src/components/messages/message-system.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAC;AACpD,OAAO,UAAU,MAAM,YAAY,CAAC;AAGpC,OAAO,KAAK,MAAM,MAAM,8BAA8B,CAAC;AAOvD,MAAM,CAAC,MAAM,aAAa,GAA+C,CAAC,EACtE,QAAQ,EACR,SAAS,EACT,SAAS,EACT,GAAG,IAAI,EACV,EAAE,EAAE;;IACD,MAAM,MAAM,GAAG,MAAA,IAAI,CAAC,SAAS,CAAC,mCAAI,qBAAqB,CAAC;IACxD,OAAO,CACH,cACI,SAAS,EAAE,UAAU,CACjB,MAAM,CAAC,WAAW,EAClB;YACI,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC;SACzC,EACD,SAAS,CACZ,aACQ,MAAM,YAEf,KAAC,KAAK,IAAC,SAAS,EAAC,QAAQ,EAAC,OAAO,EAAC,GAAG,EAAC,SAAS,EAAE,MAAM,CAAC,cAAc,YACjE,QAAQ,GACL,GACN,CACT,CAAC;AACN,CAAC,CAAC"}

package/dist/components/messages/message-system.module.less

@@ -0,0 +1,26 @@
+@import '@servicetitan/tokens/dist/tokens.less';
+
+/* stylelint-disable declaration-property-value-no-unknown */
+.messageRoot {
+    display: grid;
+    grid-template-areas: '. content .';
+    grid-template-rows: auto;
+    grid-template-columns: minmax(@spacing-5, auto) 1fr minmax(@spacing-5, auto);
+    column-gap: @spacing-2;
+    row-gap: @spacing-1;
+    width: 100%;
+
+    &.fullWidth {
+        grid-template:
+            'content' auto
+            /
+            1fr;
+    }
+}
+
+.messageContent {
+    grid-area: content;
+    overflow-wrap: anywhere;
+    justify-self: flex-start;
+    width: 100%;
+}

package/dist/components/messages/message-timeout.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { IDataCyProps } from '../../models/component';
+export interface IMessageTimeoutProps extends IDataCyProps {
+    onResume: () => void;
+    onReset: () => void;
+}
+export declare const MessageTimeout: FC<IMessageTimeoutProps>;
+//# sourceMappingURL=message-timeout.d.ts.map

package/dist/components/messages/message-timeout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"message-timeout.d.ts","sourceRoot":"","sources":["../../../src/components/messages/message-timeout.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAAe,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAGtD,MAAM,WAAW,oBAAqB,SAAQ,YAAY;IACtD,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,oBAAoB,CA+BnD,CAAC"}

package/dist/components/messages/message-timeout.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { BodyText, Divider, Link, Stack } from '@servicetitan/design-system';
+import { useCallback } from 'react';
+import { MessageSystem } from './message-system';
+export const MessageTimeout = ({ onReset, onResume, ...rest }) => {
+    var _a;
+    const dataCy = (_a = rest['data-cy']) !== null && _a !== void 0 ? _a : 'chat-message-timeout';
+    const handleResume = useCallback(() => {
+        onResume();
+    }, [onResume]);
+    const handleReset = useCallback(() => {
+        onReset();
+    }, [onReset]);
+    return (_jsx(MessageSystem, { "data-cy": dataCy, fullWidth: true, children: _jsxs(Stack, { direction: "column", spacing: "2", children: [_jsx(Divider, {}), _jsxs(BodyText, { el: "div", className: "ta-center", children: ["Your session has timed out.", _jsx("br", {}), "Would you like to resume it or start a new one?", _jsx("br", {}), _jsx(Link, { onClick: handleResume, primary: true, "data-cy": `${dataCy}-resume`, children: "Continue session" }), ' ', "or", ' ', _jsx(Link, { onClick: handleReset, primary: true, "data-cy": `${dataCy}-reset`, children: "Start new session" })] })] }) }));
+};
+//# sourceMappingURL=message-timeout.js.map

package/dist/components/messages/message-timeout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"message-timeout.js","sourceRoot":"","sources":["../../../src/components/messages/message-timeout.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAC;AAC7E,OAAO,EAAM,WAAW,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAOjD,MAAM,CAAC,MAAM,cAAc,GAA6B,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;;IACvF,MAAM,MAAM,GAAG,MAAA,IAAI,CAAC,SAAS,CAAC,mCAAI,sBAAsB,CAAC;IAEzD,MAAM,YAAY,GAAG,WAAW,CAAC,GAAG,EAAE;QAClC,QAAQ,EAAE,CAAC;IACf,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACjC,OAAO,EAAE,CAAC;IACd,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,OAAO,CACH,KAAC,aAAa,eAAU,MAAM,EAAE,SAAS,kBACrC,MAAC,KAAK,IAAC,SAAS,EAAC,QAAQ,EAAC,OAAO,EAAC,GAAG,aACjC,KAAC,OAAO,KAAG,EACX,MAAC,QAAQ,IAAC,EAAE,EAAC,KAAK,EAAC,SAAS,EAAC,WAAW,4CAEpC,cAAM,qDAEN,cAAM,EACN,KAAC,IAAI,IAAC,OAAO,EAAE,YAAY,EAAE,OAAO,mBAAU,GAAG,MAAM,SAAS,iCAEzD,EAAC,GAAG,QACR,GAAG,EACN,KAAC,IAAI,IAAC,OAAO,EAAE,WAAW,EAAE,OAAO,mBAAU,GAAG,MAAM,QAAQ,kCAEvD,IACA,IACP,GACI,CACnB,CAAC;AACN,CAAC,CAAC"}

package/dist/components/messages/message-typing.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { IDataCyProps } from '../../models/component';
+import { IMessageAvatarProps } from './message-avatar';
+export interface IMessageTypingProps extends IDataCyProps {
+    avatar: IMessageAvatarProps;
+}
+export declare const MessageTyping: FC<IMessageTypingProps>;
+//# sourceMappingURL=message-typing.d.ts.map

package/dist/components/messages/message-typing.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"message-typing.d.ts","sourceRoot":"","sources":["../../../src/components/messages/message-typing.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAC3B,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAEtD,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAGvD,MAAM,WAAW,mBAAoB,SAAQ,YAAY;IACrD,MAAM,EAAE,mBAAmB,CAAC;CAC/B;AAED,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,mBAAmB,CAajD,CAAC"}

package/dist/components/messages/message-typing.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Stack } from '@servicetitan/design-system';
+import { MessageAgent } from './message-agent';
+import * as Styles from './message-typing.module.less';
+export const MessageTyping = ({ avatar, ...rest }) => {
+    var _a;
+    const dataCy = (_a = rest['data-cy']) !== null && _a !== void 0 ? _a : 'chat-message-typing';
+    return (_jsx(MessageAgent, { avatar: avatar, "data-cy": dataCy, subtle: true, children: _jsx(Stack, { className: "h-100", alignItems: "center", children: _jsxs("div", { className: Styles.dotsContainer, "data-cy": `${dataCy}-dots`, children: [_jsx("span", { className: Styles.dot }), _jsx("span", { className: Styles.dot }), _jsx("span", { className: Styles.dot })] }) }) }));
+};
+//# sourceMappingURL=message-typing.js.map

package/dist/components/messages/message-typing.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"message-typing.js","sourceRoot":"","sources":["../../../src/components/messages/message-typing.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAC;AAGpD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,OAAO,KAAK,MAAM,MAAM,8BAA8B,CAAC;AAMvD,MAAM,CAAC,MAAM,aAAa,GAA4B,CAAC,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;;IAC1E,MAAM,MAAM,GAAG,MAAA,IAAI,CAAC,SAAS,CAAC,mCAAI,qBAAqB,CAAC;IACxD,OAAO,CACH,KAAC,YAAY,IAAC,MAAM,EAAE,MAAM,aAAW,MAAM,EAAE,MAAM,kBACjD,KAAC,KAAK,IAAC,SAAS,EAAC,OAAO,EAAC,UAAU,EAAC,QAAQ,YACxC,eAAK,SAAS,EAAE,MAAM,CAAC,aAAa,aAAW,GAAG,MAAM,OAAO,aAC3D,eAAM,SAAS,EAAE,MAAM,CAAC,GAAG,GAAI,EAC/B,eAAM,SAAS,EAAE,MAAM,CAAC,GAAG,GAAI,EAC/B,eAAM,SAAS,EAAE,MAAM,CAAC,GAAG,GAAI,IAC7B,GACF,GACG,CAClB,CAAC;AACN,CAAC,CAAC"}

package/dist/components/messages/message-typing.module.less

@@ -0,0 +1,40 @@
+@import '@servicetitan/tokens/dist/tokens.less';
+
+.dotsContainer {
+    @keyframes dot-jumping {
+        0% {
+            transform: translateY(0);
+        }
+        16.6666% {
+            transform: translateY(-6px);
+        }
+        33.3333% {
+            transform: translateY(0);
+        }
+        100% {
+            transform: translateY(0);
+        }
+    }
+
+    & .dot {
+        width: 6px;
+        height: 6px;
+        margin: @spacing-0 2px;
+        background-color: @color-neutral-80;
+        border-radius: @border-radius-circular;
+        display: inline-block;
+        animation: dot-jumping 1.5s infinite ease-in-out;
+    }
+
+    & .dot:nth-child(1) {
+        animation-delay: 0s;
+    }
+
+    & .dot:nth-child(2) {
+        animation-delay: 0.5s;
+    }
+
+    & .dot:nth-child(3) {
+        animation-delay: 1s;
+    }
+}

package/dist/components/messages/message-user.d.ts

@@ -0,0 +1,9 @@
+import { FC, PropsWithChildren, ReactNode } from 'react';
+import { IDataCyProps } from '../../models/component';
+export interface IMessageUserProps extends IDataCyProps {
+    messageFooter?: ReactNode;
+    isError?: boolean;
+    className?: string;
+}
+export declare const MessageUser: FC<PropsWithChildren<IMessageUserProps>>;
+//# sourceMappingURL=message-user.d.ts.map

package/dist/components/messages/message-user.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"message-user.d.ts","sourceRoot":"","sources":["../../../src/components/messages/message-user.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,EAAE,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAGtD,MAAM,WAAW,iBAAkB,SAAQ,YAAY;IACnD,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAoChE,CAAC"}

package/dist/components/messages/message-user.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Stack } from '@servicetitan/design-system';
+import classNames from 'classnames';
+import * as Styles from './message-user.module.less';
+export const MessageUser = ({ children, className, isError, messageFooter, ...rest }) => {
+    var _a;
+    const dataCy = (_a = rest['data-cy']) !== null && _a !== void 0 ? _a : 'chat-message-user';
+    const dataCy2 = isError ? 'chat-message-error' : 'chat-message-normal';
+    return (_jsxs("div", { className: classNames(Styles.messageRoot, 'max-w-100'), "data-cy": dataCy, "data-cy2": dataCy2, children: [_jsx(Stack, { direction: "column", spacing: "1", className: classNames('max-w-100', Styles.messageContent), children: _jsx("div", { className: classNames(Styles.messageBubble, {
+                        [Styles.error]: isError,
+                    }), "data-cy": `${dataCy}-content`, children: children }) }), Boolean(messageFooter) && (_jsx("div", { className: Styles.messageFooter, "data-cy": `${dataCy}-footer`, children: messageFooter }))] }));
+};
+//# sourceMappingURL=message-user.js.map

package/dist/components/messages/message-user.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"message-user.js","sourceRoot":"","sources":["../../../src/components/messages/message-user.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAC;AACpD,OAAO,UAAU,MAAM,YAAY,CAAC;AAGpC,OAAO,KAAK,MAAM,MAAM,4BAA4B,CAAC;AAQrD,MAAM,CAAC,MAAM,WAAW,GAA6C,CAAC,EAClE,QAAQ,EACR,SAAS,EACT,OAAO,EACP,aAAa,EACb,GAAG,IAAI,EACV,EAAE,EAAE;;IACD,MAAM,MAAM,GAAG,MAAA,IAAI,CAAC,SAAS,CAAC,mCAAI,mBAAmB,CAAC;IACtD,MAAM,OAAO,GAAG,OAAO,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,qBAAqB,CAAC;IACvE,OAAO,CACH,eACI,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,WAAW,EAAE,WAAW,CAAC,aAC7C,MAAM,cACL,OAAO,aAEjB,KAAC,KAAK,IACF,SAAS,EAAC,QAAQ,EAClB,OAAO,EAAC,GAAG,EACX,SAAS,EAAE,UAAU,CAAC,WAAW,EAAE,MAAM,CAAC,cAAc,CAAC,YAEzD,cACI,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,aAAa,EAAE;wBACxC,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,OAAO;qBAC1B,CAAC,aACO,GAAG,MAAM,UAAU,YAE3B,QAAQ,GACP,GACF,EACP,OAAO,CAAC,aAAa,CAAC,IAAI,CACvB,cAAK,SAAS,EAAE,MAAM,CAAC,aAAa,aAAW,GAAG,MAAM,SAAS,YAC5D,aAAa,GACZ,CACT,IACC,CACT,CAAC;AACN,CAAC,CAAC"}

package/dist/components/messages/message-user.module.less

@@ -0,0 +1,35 @@
+@import '@servicetitan/tokens/dist/tokens.less';
+
+/* stylelint-disable declaration-property-value-no-unknown */
+.messageRoot {
+    display: grid;
+    grid-template-areas:
+        '. content'
+        '. footer';
+    grid-template-rows: auto auto;
+    grid-template-columns: minmax(@spacing-5, auto) 1fr;
+    column-gap: @spacing-2;
+    row-gap: @spacing-1;
+}
+
+.messageFooter {
+    grid-area: footer;
+    justify-self: end;
+}
+
+.messageContent {
+    grid-area: content;
+    overflow-wrap: anywhere;
+    justify-self: end;
+}
+
+.messageBubble {
+    color: @color-neutral-200;
+    padding: @spacing-2 @spacing-3;
+    background-color: @color-neutral-50;
+    border-radius: @spacing-3 @spacing-3 @spacing-0 @spacing-3;
+
+    &.error {
+        background-color: @color-red-100;
+    }
+}

package/dist/components/messages/use-avatar-props.d.ts

@@ -0,0 +1,4 @@
+import { ChatParticipantIcon } from '../../models/support-chat';
+import { IMessageAvatarProps } from './message-avatar';
+export declare const useAvatarProps: (name: string, icon: ChatParticipantIcon) => IMessageAvatarProps;
+//# sourceMappingURL=use-avatar-props.d.ts.map

package/dist/components/messages/use-avatar-props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-avatar-props.d.ts","sourceRoot":"","sources":["../../../src/components/messages/use-avatar-props.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAEhE,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAEvD,eAAO,MAAM,cAAc,GAAI,MAAM,MAAM,EAAE,MAAM,mBAAmB,KAAG,mBAWxE,CAAC"}

package/dist/components/messages/use-avatar-props.js

@@ -0,0 +1,12 @@
+import { useMemo } from 'react';
+import { ChatParticipantIcon } from '../../models/support-chat';
+import { getNameInitialsFirst } from '../../utils/text-utils';
+export const useAvatarProps = (name, icon) => {
+    return useMemo(() => ({
+        name: name.length && icon === ChatParticipantIcon.Initials
+            ? getNameInitialsFirst(name)
+            : name,
+        icon,
+    }), [icon, name]);
+};
+//# sourceMappingURL=use-avatar-props.js.map

package/dist/components/messages/use-avatar-props.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-avatar-props.js","sourceRoot":"","sources":["../../../src/components/messages/use-avatar-props.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAChE,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAG9D,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,IAAY,EAAE,IAAyB,EAAuB,EAAE;IAC3F,OAAO,OAAO,CACV,GAAG,EAAE,CAAC,CAAC;QACH,IAAI,EACA,IAAI,CAAC,MAAM,IAAI,IAAI,KAAK,mBAAmB,CAAC,QAAQ;YAChD,CAAC,CAAC,oBAAoB,CAAC,IAAI,CAAC;YAC5B,CAAC,CAAC,IAAI;QACd,IAAI;KACP,CAAC,EACF,CAAC,IAAI,EAAE,IAAI,CAAC,CACf,CAAC;AACN,CAAC,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,12 @@
+export { MessageAgent, IMessageAgentProps } from './components/messages/message-agent';
+export { MessageUser, IMessageUserProps } from './components/messages/message-user';
+export { MessageSystem, IMessageSystemProps } from './components/messages/message-system';
+export { MessageTyping, IMessageTypingProps } from './components/messages/message-typing';
+export { MessageTimeout, IMessageTimeoutProps } from './components/messages/message-timeout';
+export { MessageAvatar, IMessageAvatarProps } from './components/messages/message-avatar';
+export { MessageFooter, IMessageFooterProps } from './components/messages/message-footer';
+export { useAvatarProps } from './components/messages/use-avatar-props';
+export { MultilineText } from './components/common/multiline-text';
+export * from './stores';
+export * from './models';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAC;AACvF,OAAO,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;AACpF,OAAO,EAAE,aAAa,EAAE,mBAAmB,EAAE,MAAM,sCAAsC,CAAC;AAC1F,OAAO,EAAE,aAAa,EAAE,mBAAmB,EAAE,MAAM,sCAAsC,CAAC;AAC1F,OAAO,EAAE,cAAc,EAAE,oBAAoB,EAAE,MAAM,uCAAuC,CAAC;AAC7F,OAAO,EAAE,aAAa,EAAE,mBAAmB,EAAE,MAAM,sCAAsC,CAAC;AAC1F,OAAO,EAAE,aAAa,EAAE,mBAAmB,EAAE,MAAM,sCAAsC,CAAC;AAC1F,OAAO,EAAE,cAAc,EAAE,MAAM,wCAAwC,CAAC;AACxE,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AACnE,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC"}

package/dist/index.js

@@ -0,0 +1,12 @@
+export { MessageAgent } from './components/messages/message-agent';
+export { MessageUser } from './components/messages/message-user';
+export { MessageSystem } from './components/messages/message-system';
+export { MessageTyping } from './components/messages/message-typing';
+export { MessageTimeout } from './components/messages/message-timeout';
+export { MessageAvatar } from './components/messages/message-avatar';
+export { MessageFooter } from './components/messages/message-footer';
+export { useAvatarProps } from './components/messages/use-avatar-props';
+export { MultilineText } from './components/common/multiline-text';
+export * from './stores';
+export * from './models';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAsB,MAAM,qCAAqC,CAAC;AACvF,OAAO,EAAE,WAAW,EAAqB,MAAM,oCAAoC,CAAC;AACpF,OAAO,EAAE,aAAa,EAAuB,MAAM,sCAAsC,CAAC;AAC1F,OAAO,EAAE,aAAa,EAAuB,MAAM,sCAAsC,CAAC;AAC1F,OAAO,EAAE,cAAc,EAAwB,MAAM,uCAAuC,CAAC;AAC7F,OAAO,EAAE,aAAa,EAAuB,MAAM,sCAAsC,CAAC;AAC1F,OAAO,EAAE,aAAa,EAAuB,MAAM,sCAAsC,CAAC;AAC1F,OAAO,EAAE,cAAc,EAAE,MAAM,wCAAwC,CAAC;AACxE,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AACnE,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC"}

package/dist/models/chat-customizations.d.ts

@@ -0,0 +1,29 @@
+import { FC, PropsWithChildren, ReactNode } from 'react';
+import { IMessageTypingProps } from '../components/messages/message-typing';
+import { ChatMessageModelBase } from './support-chat';
+export interface IChatMessageProps<T extends ChatMessageModelBase = ChatMessageModelBase> {
+    message: T;
+}
+export interface ChatMessageTemplateCustomization {
+    component: FC<PropsWithChildren<IChatMessageProps>>;
+    predicate: (message: ChatMessageModelBase) => boolean;
+}
+export type ChatMessageTemplateCustomizations = Partial<{
+    agent: ChatMessageTemplateCustomization;
+    user: ChatMessageTemplateCustomization;
+}>;
+export interface ChatMessageCustomization {
+    component: FC<IChatMessageProps>;
+    predicate: (message: ChatMessageModelBase) => boolean;
+    isSystem?: boolean;
+}
+export interface ChatMessageTypingCustomization {
+    component: FC<IMessageTypingProps>;
+}
+export type ChatCustomizations = Partial<{
+    messageTemplates: ChatMessageTemplateCustomizations;
+    messages: ChatMessageCustomization[];
+    messageTyping: ChatMessageTypingCustomization;
+    footerComponent: ReactNode;
+}>;
+//# sourceMappingURL=chat-customizations.d.ts.map

package/dist/models/chat-customizations.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-customizations.d.ts","sourceRoot":"","sources":["../../src/models/chat-customizations.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uCAAuC,CAAC;AAC5E,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAEtD,MAAM,WAAW,iBAAiB,CAAC,CAAC,SAAS,oBAAoB,GAAG,oBAAoB;IACpF,OAAO,EAAE,CAAC,CAAC;CACd;AAED,MAAM,WAAW,gCAAgC;IAC7C,SAAS,EAAE,EAAE,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC,CAAC;IACpD,SAAS,EAAE,CAAC,OAAO,EAAE,oBAAoB,KAAK,OAAO,CAAC;CACzD;AAED,MAAM,MAAM,iCAAiC,GAAG,OAAO,CAAC;IACpD,KAAK,EAAE,gCAAgC,CAAC;IACxC,IAAI,EAAE,gCAAgC,CAAC;CAC1C,CAAC,CAAC;AAEH,MAAM,WAAW,wBAAwB;IACrC,SAAS,EAAE,EAAE,CAAC,iBAAiB,CAAC,CAAC;IACjC,SAAS,EAAE,CAAC,OAAO,EAAE,oBAAoB,KAAK,OAAO,CAAC;IACtD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,8BAA8B;IAC3C,SAAS,EAAE,EAAE,CAAC,mBAAmB,CAAC,CAAC;CACtC;AAED,MAAM,MAAM,kBAAkB,GAAG,OAAO,CAAC;IACrC,gBAAgB,EAAE,iCAAiC,CAAC;IACpD,QAAQ,EAAE,wBAAwB,EAAE,CAAC;IACrC,aAAa,EAAE,8BAA8B,CAAC;IAC9C,eAAe,EAAE,SAAS,CAAC;CAC9B,CAAC,CAAC"}

package/dist/models/chat-customizations.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=chat-customizations.js.map

package/dist/models/chat-customizations.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-customizations.js","sourceRoot":"","sources":["../../src/models/chat-customizations.ts"],"names":[],"mappings":""}

package/dist/models/component.d.ts

@@ -0,0 +1,4 @@
+export interface IDataCyProps {
+    ['data-cy']?: string;
+}
+//# sourceMappingURL=component.d.ts.map

package/dist/models/component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../src/models/component.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,YAAY;IACzB,CAAC,SAAS,CAAC,CAAC,EAAE,MAAM,CAAC;CACxB"}

package/dist/models/component.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=component.js.map

package/dist/models/component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sourceRoot":"","sources":["../../src/models/component.ts"],"names":[],"mappings":""}

package/dist/models/index.d.ts

@@ -0,0 +1,3 @@
+export * from './support-chat';
+export * from './chat-customizations';
+//# sourceMappingURL=index.d.ts.map

package/dist/models/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/models/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,uBAAuB,CAAC"}

package/dist/models/index.js

@@ -0,0 +1,3 @@
+export * from './support-chat';
+export * from './chat-customizations';
+//# sourceMappingURL=index.js.map

package/dist/models/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/models/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,uBAAuB,CAAC"}