@viewberapp/chat 0.0.106 → 0.0.110-alpha.0

package/dist/react/components/ConnectionAndChannelStatusLabel.js

@@ -1,60 +1,55 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ConnectionAndChannelStatusLabel = void 0;
-const React = __importStar(require("react"));
-const ConnectionAndChannelStatusLabel = ({ connectionStatus, channelStatus }) => {
-    const derivedConnectionStatus = deriveConnectionStatus(connectionStatus, channelStatus);
-    const derivedConnectionStatusColors = {
-        connected: 'rgb(5, 150, 105)',
-        connecting: 'rgb(251, 146, 60)',
-        not_connected: 'rgb(239, 68, 68)'
-    };
-    const connectionDotStyles = {
-        display: 'inline-block',
-        width: '10px',
-        height: '10px',
-        borderRadius: '9999px',
-        marginLeft: '5px',
-        backgroundColor: derivedConnectionStatusColors[derivedConnectionStatus]
-    };
-    return (React.createElement("span", { title: `Connection: ${connectionStatus}, Channel: ${channelStatus}` },
-        "Connection",
-        React.createElement("span", { style: connectionDotStyles })));
-};
-exports.ConnectionAndChannelStatusLabel = ConnectionAndChannelStatusLabel;
-const deriveConnectionStatus = (connectionStatus, channelStatus) => {
-    if (connectionStatus === 'connected' && channelStatus === 'attached') {
-        return 'connected';
-    }
-    else if (connectionStatus
-        && channelStatus
-        && ['connecting', 'suspended', 'closing'].includes(connectionStatus)
-        && ['attaching', 'detaching'].includes(channelStatus)) {
-        return 'connecting';
-    }
-    return 'not_connected';
-};
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ConnectionAndChannelStatusLabel = void 0;
+const React = __importStar(require("react"));
+exports.ConnectionAndChannelStatusLabel = ({ connectionStatus, channelStatus }) => {
+    const derivedConnectionStatus = deriveConnectionStatus(connectionStatus, channelStatus);
+    const derivedConnectionStatusColors = {
+        connected: 'rgb(5, 150, 105)',
+        connecting: 'rgb(251, 146, 60)',
+        not_connected: 'rgb(239, 68, 68)'
+    };
+    const connectionDotStyles = {
+        display: 'inline-block',
+        width: '10px',
+        height: '10px',
+        borderRadius: '9999px',
+        marginLeft: '5px',
+        backgroundColor: derivedConnectionStatusColors[derivedConnectionStatus]
+    };
+    return (React.createElement("span", { title: `Connection: ${connectionStatus}, Channel: ${channelStatus}` },
+        "Connection",
+        React.createElement("span", { style: connectionDotStyles })));
+};
+const deriveConnectionStatus = (connectionStatus, channelStatus) => {
+    if (connectionStatus === 'connected' && channelStatus === 'attached') {
+        return 'connected';
+    }
+    else if (connectionStatus
+        && channelStatus
+        && ['connecting', 'suspended', 'closing'].includes(connectionStatus)
+        && ['attaching', 'detaching'].includes(channelStatus)) {
+        return 'connecting';
+    }
+    return 'not_connected';
+};
 //# sourceMappingURL=ConnectionAndChannelStatusLabel.js.map

package/dist/react/components/ConnectionAndChannelStatusLabel.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConnectionAndChannelStatusLabel.js","sourceRoot":"","sources":["../../../src/react/components/ConnectionAndChannelStatusLabel.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAQxB,MAAM,+BAA+B,GAAG,CAAC,EAAC,gBAAgB,EAAE,aAAa,EAAuC,EAAE,EAAE;IACvH,MAAM,uBAAuB,GAAG,sBAAsB,CAAC,gBAAgB,EAAE,aAAa,CAAC,CAAC;IAExF,MAAM,6BAA6B,GAAG;QAClC,SAAS,EAAE,kBAAkB;QAC7B,UAAU,EAAE,mBAAmB;QAC/B,aAAa,EAAE,kBAAkB;KACpC,CAAA;IAED,MAAM,mBAAmB,GAAwB;QAC7C,OAAO,EAAE,cAAc;QACvB,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,YAAY,EAAE,QAAQ;QACtB,UAAU,EAAE,KAAK;QACjB,eAAe,EAAE,6BAA6B,CAAC,uBAAuB,CAAC;KAC1E,CAAA;IAED,OAAO,CACH,8BAAM,KAAK,EAAE,eAAe,gBAAgB,cAAc,aAAa,EAAE;;QAErE,8BAAM,KAAK,EAAE,mBAAmB,GAAI,CACjC,CACV,CAAA;AACL,CAAC,CAAA;AAxBY,QAAA,+BAA+B,mCAwB3C;AAED,MAAM,sBAAsB,GAAG,CAC3B,gBAA4C,EAC5C,aAAsC,EACI,EAAE;IAC5C,IAAI,gBAAgB,KAAK,WAAW,IAAI,aAAa,KAAK,UAAU,EAAE;QAClE,OAAO,WAAW,CAAC;KACtB;SAEI,IACD,gBAAgB;WACb,aAAa;WACb,CAAC,YAAY,EAAE,WAAW,EAAE,SAAS,CAAC,CAAC,QAAQ,CAAC,gBAAgB,CAAC;WACjE,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC,QAAQ,CAAC,aAAa,CAAC,EACvD;QACE,OAAO,YAAY,CAAC;KACvB;IAED,OAAO,eAAe,CAAC;AAE3B,CAAC,CAAA"}
+{"version":3,"file":"ConnectionAndChannelStatusLabel.js","sourceRoot":"","sources":["../../../src/react/components/ConnectionAndChannelStatusLabel.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAQlB,QAAA,+BAA+B,GAAG,CAAC,EAAC,gBAAgB,EAAE,aAAa,EAAuC,EAAE,EAAE;IACvH,MAAM,uBAAuB,GAAG,sBAAsB,CAAC,gBAAgB,EAAE,aAAa,CAAC,CAAC;IAExF,MAAM,6BAA6B,GAAG;QAClC,SAAS,EAAE,kBAAkB;QAC7B,UAAU,EAAE,mBAAmB;QAC/B,aAAa,EAAE,kBAAkB;KACpC,CAAA;IAED,MAAM,mBAAmB,GAAwB;QAC7C,OAAO,EAAE,cAAc;QACvB,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,YAAY,EAAE,QAAQ;QACtB,UAAU,EAAE,KAAK;QACjB,eAAe,EAAE,6BAA6B,CAAC,uBAAuB,CAAC;KAC1E,CAAA;IAED,OAAO,CACH,8BAAM,KAAK,EAAE,eAAe,gBAAgB,cAAc,aAAa,EAAE;;QAErE,8BAAM,KAAK,EAAE,mBAAmB,GAAI,CACjC,CACV,CAAA;AACL,CAAC,CAAA;AAED,MAAM,sBAAsB,GAAG,CAC3B,gBAA4C,EAC5C,aAAsC,EACI,EAAE;IAC5C,IAAI,gBAAgB,KAAK,WAAW,IAAI,aAAa,KAAK,UAAU,EAAE;QAClE,OAAO,WAAW,CAAC;KACtB;SAEI,IACD,gBAAgB;WACb,aAAa;WACb,CAAC,YAAY,EAAE,WAAW,EAAE,SAAS,CAAC,CAAC,QAAQ,CAAC,gBAAgB,CAAC;WACjE,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC,QAAQ,CAAC,aAAa,CAAC,EACvD;QACE,OAAO,YAAY,CAAC;KACvB;IAED,OAAO,eAAe,CAAC;AAE3B,CAAC,CAAA"}

package/dist/react/components/Message.d.ts

@@ -1,23 +1,23 @@
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import MessageModel from "../../Message";
-import PendingMessage from '../../PendingMessage';
-export interface MessageProps {
-    message: MessageModel | PendingMessage;
-    isCurrentUser: boolean;
-    failedPendingMessageIconClassName?: string;
-    failedPendingMessageDescriptionStyles?: React.CSSProperties;
-    failedPendingMessageDescriptionClassName?: string;
-    onFailedPendingMessageClick?: (pendingMessage: PendingMessage) => void;
-}
-export declare const Message: {
-    ({ message, isCurrentUser, failedPendingMessageIconClassName, failedPendingMessageDescriptionStyles, failedPendingMessageDescriptionClassName, onFailedPendingMessageClick }: MessageProps): JSX.Element;
-    propTypes: {
-        message: PropTypes.Requireable<object>;
-        isCurrentUser: PropTypes.Requireable<boolean>;
-        failedPendingMessageIconClassName: PropTypes.Requireable<string>;
-        failedPendingMessageDescriptionStyles: PropTypes.Requireable<object>;
-        failedPendingMessageDescriptionClassName: PropTypes.Requireable<string>;
-        onFailedPendingMessageClick: PropTypes.Requireable<(...args: any[]) => any>;
-    };
-};
+import * as React from 'react';
+import PropTypes from 'prop-types';
+import MessageModel from "../../Message";
+import PendingMessage from '../../PendingMessage';
+export interface MessageProps {
+    message: MessageModel | PendingMessage;
+    isCurrentUser: boolean;
+    failedPendingMessageIconClassName?: string;
+    failedPendingMessageDescriptionStyles?: React.CSSProperties;
+    failedPendingMessageDescriptionClassName?: string;
+    onFailedPendingMessageClick?: (pendingMessage: PendingMessage) => void;
+}
+export declare const Message: {
+    ({ message, isCurrentUser, failedPendingMessageIconClassName, failedPendingMessageDescriptionStyles, failedPendingMessageDescriptionClassName, onFailedPendingMessageClick }: MessageProps): JSX.Element;
+    propTypes: {
+        message: PropTypes.Requireable<object>;
+        isCurrentUser: PropTypes.Requireable<boolean>;
+        failedPendingMessageIconClassName: PropTypes.Requireable<string>;
+        failedPendingMessageDescriptionStyles: PropTypes.Requireable<object>;
+        failedPendingMessageDescriptionClassName: PropTypes.Requireable<string>;
+        onFailedPendingMessageClick: PropTypes.Requireable<(...args: any[]) => any>;
+    };
+};

package/dist/react/components/Message.js

@@ -1,88 +1,83 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Message = void 0;
-const React = __importStar(require("react"));
-const prop_types_1 = __importDefault(require("prop-types"));
-const PendingMessage_1 = require("../../PendingMessage");
-const MessageDateTime_1 = require("./MessageDateTime");
-const util_1 = require("../../util");
-const Message = ({ message, isCurrentUser, failedPendingMessageIconClassName, failedPendingMessageDescriptionStyles, failedPendingMessageDescriptionClassName, onFailedPendingMessageClick }) => {
-    const [dateTimeIsShowing, setDateTimeIsShowing] = React.useState(false);
-    const isFailedPendingMessage = ((0, PendingMessage_1.isPendingMessage)(message)
-        && message.status === 'failed');
-    const handleMessageClick = () => {
-        if (!isFailedPendingMessage) {
-            setDateTimeIsShowing(!dateTimeIsShowing);
-            return;
-        }
-        if (onFailedPendingMessageClick) {
-            onFailedPendingMessageClick(message);
-        }
-    };
-    const containerStyles = {
-        display: 'inline-block',
-        maxWidth: '300px',
-        margin: '0.125rem 0.5rem'
-    };
-    const messageStyles = {
-        display: 'inline-block',
-        borderRadius: '0.675rem',
-        backgroundColor: isCurrentUser
-            ? '#218aff'
-            : '#d8d8d8',
-        color: isCurrentUser
-            ? '#fff'
-            : undefined,
-        padding: '0.25rem 1rem',
-    };
-    return (React.createElement("div", { style: containerStyles },
-        React.createElement("div", null,
-            React.createElement("div", { style: messageStyles, onClick: handleMessageClick },
-                React.createElement("span", null, message.message)),
-            isFailedPendingMessage && !(0, util_1.isNil)(failedPendingMessageIconClassName) &&
-                React.createElement("div", { style: { display: 'inline-block' } },
-                    React.createElement("i", { className: failedPendingMessageIconClassName })),
-            isFailedPendingMessage &&
-                React.createElement("div", { className: failedPendingMessageDescriptionClassName, style: failedPendingMessageDescriptionStyles }, (0, util_1.isNil)(onFailedPendingMessageClick)
-                    ? 'This message failed to send'
-                    : 'This message failed to send. Click to retry'),
-            dateTimeIsShowing &&
-                React.createElement("div", null,
-                    React.createElement(MessageDateTime_1.MessageDateTime, { date: message.createdAt, style: { display: 'block' } })))));
-};
-exports.Message = Message;
-exports.Message.propTypes = {
-    message: prop_types_1.default.object,
-    isCurrentUser: prop_types_1.default.bool,
-    failedPendingMessageIconClassName: prop_types_1.default.string,
-    failedPendingMessageDescriptionStyles: prop_types_1.default.object,
-    failedPendingMessageDescriptionClassName: prop_types_1.default.string,
-    onFailedPendingMessageClick: prop_types_1.default.func
-};
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Message = void 0;
+const React = __importStar(require("react"));
+const prop_types_1 = __importDefault(require("prop-types"));
+const PendingMessage_1 = require("../../PendingMessage");
+const MessageDateTime_1 = require("./MessageDateTime");
+const util_1 = require("../../util");
+exports.Message = ({ message, isCurrentUser, failedPendingMessageIconClassName, failedPendingMessageDescriptionStyles, failedPendingMessageDescriptionClassName, onFailedPendingMessageClick }) => {
+    const [dateTimeIsShowing, setDateTimeIsShowing] = React.useState(false);
+    const isFailedPendingMessage = (PendingMessage_1.isPendingMessage(message)
+        && message.status === 'failed');
+    const handleMessageClick = () => {
+        if (!isFailedPendingMessage) {
+            setDateTimeIsShowing(!dateTimeIsShowing);
+            return;
+        }
+        if (onFailedPendingMessageClick) {
+            onFailedPendingMessageClick(message);
+        }
+    };
+    const containerStyles = {
+        display: 'inline-block',
+        maxWidth: '300px',
+        margin: '0.125rem 0.5rem'
+    };
+    const messageStyles = {
+        display: 'inline-block',
+        borderRadius: '0.675rem',
+        backgroundColor: isCurrentUser
+            ? '#218aff'
+            : '#d8d8d8',
+        color: isCurrentUser
+            ? '#fff'
+            : undefined,
+        padding: '0.25rem 1rem',
+    };
+    return (React.createElement("div", { style: containerStyles },
+        React.createElement("div", null,
+            React.createElement("div", { style: messageStyles, onClick: handleMessageClick },
+                React.createElement("span", null, message.message)),
+            isFailedPendingMessage && !util_1.isNil(failedPendingMessageIconClassName) &&
+                React.createElement("div", { style: { display: 'inline-block' } },
+                    React.createElement("i", { className: failedPendingMessageIconClassName })),
+            isFailedPendingMessage &&
+                React.createElement("div", { className: failedPendingMessageDescriptionClassName, style: failedPendingMessageDescriptionStyles }, util_1.isNil(onFailedPendingMessageClick)
+                    ? 'This message failed to send'
+                    : 'This message failed to send. Click to retry'),
+            dateTimeIsShowing &&
+                React.createElement("div", null,
+                    React.createElement(MessageDateTime_1.MessageDateTime, { date: message.createdAt, style: { display: 'block' } })))));
+};
+exports.Message.propTypes = {
+    message: prop_types_1.default.object,
+    isCurrentUser: prop_types_1.default.bool,
+    failedPendingMessageIconClassName: prop_types_1.default.string,
+    failedPendingMessageDescriptionStyles: prop_types_1.default.object,
+    failedPendingMessageDescriptionClassName: prop_types_1.default.string,
+    onFailedPendingMessageClick: prop_types_1.default.func
+};
 //# sourceMappingURL=Message.js.map

package/dist/react/components/Message.js.map

@@ -1 +1 @@
-{"version":3,"file":"Message.js","sourceRoot":"","sources":["../../../src/react/components/Message.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,4DAAmC;AAEnC,yDAAwE;AACxE,uDAAoD;AACpD,qCAAmC;AAW5B,MAAM,OAAO,GAAG,CAAC,EACpB,OAAO,EACP,aAAa,EACb,iCAAiC,EACjC,qCAAqC,EACrC,wCAAwC,EACxC,2BAA2B,EAChB,EAAE,EAAE;IACf,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAU,KAAK,CAAC,CAAC;IAEjF,MAAM,sBAAsB,GAAG,CAC3B,IAAA,iCAAgB,EAAC,OAAO,CAAC;WACtB,OAAO,CAAC,MAAM,KAAK,QAAQ,CACjC,CAAC;IAEF,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC5B,IAAI,CAAC,sBAAsB,EAAE;YACzB,oBAAoB,CAAC,CAAC,iBAAiB,CAAC,CAAC;YACzC,OAAO;SACV;QACD,IAAI,2BAA2B,EAAE;YAC7B,2BAA2B,CAAC,OAAO,CAAC,CAAC;SACxC;IACL,CAAC,CAAA;IAED,MAAM,eAAe,GAAwB;QACzC,OAAO,EAAE,cAAc;QACvB,QAAQ,EAAE,OAAO;QACjB,MAAM,EAAE,iBAAiB;KAC5B,CAAA;IAED,MAAM,aAAa,GAAwB;QACvC,OAAO,EAAE,cAAc;QACvB,YAAY,EAAE,UAAU;QACxB,eAAe,EAAE,aAAa;YAC1B,CAAC,CAAC,SAAS;YACX,CAAC,CAAC,SAAS;QACf,KAAK,EAAE,aAAa;YAChB,CAAC,CAAC,MAAM;YACR,CAAC,CAAC,SAAS;QACf,OAAO,EAAE,cAAc;KAC1B,CAAC;IAEF,OAAO,CACH,6BAAK,KAAK,EAAE,eAAe;QACvB;YACI,6BAAK,KAAK,EAAE,aAAa,EAAE,OAAO,EAAE,kBAAkB;gBAClD,kCAAO,OAAO,CAAC,OAAO,CAAQ,CAC5B;YACL,sBAAsB,IAAI,CAAC,IAAA,YAAK,EAAC,iCAAiC,CAAC;gBAChE,6BAAK,KAAK,EAAE,EAAC,OAAO,EAAE,cAAc,EAAC;oBACjC,2BAAG,SAAS,EAAE,iCAAiC,GAAI,CACjD;YAET,sBAAsB;gBACnB,6BAAK,SAAS,EAAE,wCAAwC,EAAE,KAAK,EAAE,qCAAqC,IAE9F,IAAA,YAAK,EAAC,2BAA2B,CAAC;oBAC9B,CAAC,CAAC,6BAA6B;oBAC/B,CAAC,CAAC,6CAA6C,CAErD;YAET,iBAAiB;gBACd;oBACI,oBAAC,iCAAe,IAAC,IAAI,EAAE,OAAO,CAAC,SAAS,EAAE,KAAK,EAAE,EAAC,OAAO,EAAE,OAAO,EAAC,GAAI,CACrE,CAER,CACJ,CACT,CAAA;AACL,CAAC,CAAA;AAvEY,QAAA,OAAO,WAuEnB;AAED,eAAO,CAAC,SAAS,GAAG;IAChB,OAAO,EAAE,oBAAS,CAAC,MAAM;IACzB,aAAa,EAAE,oBAAS,CAAC,IAAI;IAC7B,iCAAiC,EAAE,oBAAS,CAAC,MAAM;IACnD,qCAAqC,EAAE,oBAAS,CAAC,MAAM;IACvD,wCAAwC,EAAE,oBAAS,CAAC,MAAM;IAC1D,2BAA2B,EAAE,oBAAS,CAAC,IAAI;CAC9C,CAAA"}
+{"version":3,"file":"Message.js","sourceRoot":"","sources":["../../../src/react/components/Message.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,4DAAmC;AAEnC,yDAAwE;AACxE,uDAAoD;AACpD,qCAAmC;AAWtB,QAAA,OAAO,GAAG,CAAC,EACpB,OAAO,EACP,aAAa,EACb,iCAAiC,EACjC,qCAAqC,EACrC,wCAAwC,EACxC,2BAA2B,EAChB,EAAE,EAAE;IACf,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAU,KAAK,CAAC,CAAC;IAEjF,MAAM,sBAAsB,GAAG,CAC3B,iCAAgB,CAAC,OAAO,CAAC;WACtB,OAAO,CAAC,MAAM,KAAK,QAAQ,CACjC,CAAC;IAEF,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC5B,IAAI,CAAC,sBAAsB,EAAE;YACzB,oBAAoB,CAAC,CAAC,iBAAiB,CAAC,CAAC;YACzC,OAAO;SACV;QACD,IAAI,2BAA2B,EAAE;YAC7B,2BAA2B,CAAC,OAAO,CAAC,CAAC;SACxC;IACL,CAAC,CAAA;IAED,MAAM,eAAe,GAAwB;QACzC,OAAO,EAAE,cAAc;QACvB,QAAQ,EAAE,OAAO;QACjB,MAAM,EAAE,iBAAiB;KAC5B,CAAA;IAED,MAAM,aAAa,GAAwB;QACvC,OAAO,EAAE,cAAc;QACvB,YAAY,EAAE,UAAU;QACxB,eAAe,EAAE,aAAa;YAC1B,CAAC,CAAC,SAAS;YACX,CAAC,CAAC,SAAS;QACf,KAAK,EAAE,aAAa;YAChB,CAAC,CAAC,MAAM;YACR,CAAC,CAAC,SAAS;QACf,OAAO,EAAE,cAAc;KAC1B,CAAC;IAEF,OAAO,CACH,6BAAK,KAAK,EAAE,eAAe;QACvB;YACI,6BAAK,KAAK,EAAE,aAAa,EAAE,OAAO,EAAE,kBAAkB;gBAClD,kCAAO,OAAO,CAAC,OAAO,CAAQ,CAC5B;YACL,sBAAsB,IAAI,CAAC,YAAK,CAAC,iCAAiC,CAAC;gBAChE,6BAAK,KAAK,EAAE,EAAC,OAAO,EAAE,cAAc,EAAC;oBACjC,2BAAG,SAAS,EAAE,iCAAiC,GAAI,CACjD;YAET,sBAAsB;gBACnB,6BAAK,SAAS,EAAE,wCAAwC,EAAE,KAAK,EAAE,qCAAqC,IAE9F,YAAK,CAAC,2BAA2B,CAAC;oBAC9B,CAAC,CAAC,6BAA6B;oBAC/B,CAAC,CAAC,6CAA6C,CAErD;YAET,iBAAiB;gBACd;oBACI,oBAAC,iCAAe,IAAC,IAAI,EAAE,OAAO,CAAC,SAAS,EAAE,KAAK,EAAE,EAAC,OAAO,EAAE,OAAO,EAAC,GAAI,CACrE,CAER,CACJ,CACT,CAAA;AACL,CAAC,CAAA;AAED,eAAO,CAAC,SAAS,GAAG;IAChB,OAAO,EAAE,oBAAS,CAAC,MAAM;IACzB,aAAa,EAAE,oBAAS,CAAC,IAAI;IAC7B,iCAAiC,EAAE,oBAAS,CAAC,MAAM;IACnD,qCAAqC,EAAE,oBAAS,CAAC,MAAM;IACvD,wCAAwC,EAAE,oBAAS,CAAC,MAAM;IAC1D,2BAA2B,EAAE,oBAAS,CAAC,IAAI;CAC9C,CAAA"}

package/dist/react/components/MessageDateTime.d.ts

@@ -1,8 +1,8 @@
-import * as React from 'react';
-interface MessageDateTimeProps {
-    date?: Date | null;
-    style?: React.CSSProperties;
-    className?: string;
-}
-export declare const MessageDateTime: ({ date, style, className }: MessageDateTimeProps) => JSX.Element;
-export {};
+import * as React from 'react';
+interface MessageDateTimeProps {
+    date?: Date | null;
+    style?: React.CSSProperties;
+    className?: string;
+}
+export declare const MessageDateTime: ({ date, style, className }: MessageDateTimeProps) => JSX.Element;
+export {};

package/dist/react/components/MessageDateTime.js

@@ -1,32 +1,27 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MessageDateTime = void 0;
-const React = __importStar(require("react"));
-const MessageDateTime = ({ date, style, className }) => {
-    return (React.createElement("small", { style: style, className: className }, date === null || date === void 0 ? void 0 : date.toLocaleString()));
-};
-exports.MessageDateTime = MessageDateTime;
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MessageDateTime = void 0;
+const React = __importStar(require("react"));
+exports.MessageDateTime = ({ date, style, className }) => {
+    return (React.createElement("small", { style: style, className: className }, date === null || date === void 0 ? void 0 : date.toLocaleString()));
+};
 //# sourceMappingURL=MessageDateTime.js.map

package/dist/react/components/MessageDateTime.js.map

@@ -1 +1 @@
-{"version":3,"file":"MessageDateTime.js","sourceRoot":"","sources":["../../../src/react/components/MessageDateTime.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAQxB,MAAM,eAAe,GAAG,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAwB,EAAE,EAAE;IAChF,OAAO,CACH,+BAAO,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,IACpC,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,cAAc,EAAE,CACnB,CACX,CAAA;AACL,CAAC,CAAA;AANY,QAAA,eAAe,mBAM3B"}
+{"version":3,"file":"MessageDateTime.js","sourceRoot":"","sources":["../../../src/react/components/MessageDateTime.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAQlB,QAAA,eAAe,GAAG,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAwB,EAAE,EAAE;IAChF,OAAO,CACH,+BAAO,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,IACpC,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,cAAc,GACjB,CACX,CAAA;AACL,CAAC,CAAA"}

package/dist/react/components/MessageList.d.ts

@@ -1,46 +1,46 @@
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import ChatError from '../../ChatError';
-import MessageModel from '../../Message';
-import { GetLatestMessagesStatus, Messages } from '../../CachedChat';
-import PendingMessage from '../../PendingMessage';
-export interface MessageListProps {
-    messages: Messages;
-    currentUserId: number;
-    messagesScrollContainerId: string;
-    messagesContainerClassName?: string;
-    failedPendingMessageIconClassName?: string;
-    failedPendingMessageDescriptionStyles?: React.CSSProperties;
-    failedPendingMessageDescriptionClassName?: string;
-    onFailedPendingMessageClick?: (pendingMessage: PendingMessage) => void;
-    getLatestMessagesStatus: GetLatestMessagesStatus;
-    markMessagesReadUpTo(message: MessageModel): Promise<{
-        error: ChatError | undefined;
-    }>;
-    shouldMarkMessagesAsRead: boolean;
-    loadingContent: React.ReactNode;
-    retryContent: React.ReactNode;
-    noMessagesContent: React.ReactNode;
-    onMessagesMarkedAsRead?: () => void;
-    onRequestScrollToBottomOfMessagesScrollContainer: () => void;
-}
-export declare const MessageList: {
-    ({ messages, currentUserId, messagesScrollContainerId, messagesContainerClassName, failedPendingMessageIconClassName, failedPendingMessageDescriptionStyles, failedPendingMessageDescriptionClassName, onFailedPendingMessageClick, getLatestMessagesStatus, markMessagesReadUpTo, shouldMarkMessagesAsRead, loadingContent, retryContent, noMessagesContent, onMessagesMarkedAsRead, onRequestScrollToBottomOfMessagesScrollContainer }: MessageListProps): React.ReactNode;
-    propTypes: {
-        messages: PropTypes.Validator<(object | null | undefined)[]>;
-        currentUserId: PropTypes.Validator<number>;
-        messagesScrollContainerId: PropTypes.Validator<string>;
-        messagesContainerClassName: PropTypes.Requireable<string>;
-        failedPendingMessageIconClassName: PropTypes.Requireable<string>;
-        failedPendingMessageDescriptionStyles: PropTypes.Requireable<object>;
-        failedPendingMessageDescriptionClassName: PropTypes.Requireable<string>;
-        onFailedPendingMessageClick: PropTypes.Requireable<(...args: any[]) => any>;
-        getLatestMessagesStatus: PropTypes.Requireable<string>;
-        markMessagesReadUpTo: PropTypes.Validator<(...args: any[]) => any>;
-        shouldMarkMessagesAsRead: PropTypes.Validator<boolean>;
-        loadingContent: PropTypes.Validator<string | number | boolean | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
-        retryContent: PropTypes.Validator<string | number | boolean | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
-        noMessagesContent: PropTypes.Validator<string | number | boolean | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
-        onRequestScrollToBottomOfMessagesScrollContainer: PropTypes.Validator<(...args: any[]) => any>;
-    };
-};
+import * as React from 'react';
+import PropTypes from 'prop-types';
+import ChatError from '../../ChatError';
+import MessageModel from '../../Message';
+import { GetLatestMessagesStatus, Messages } from '../../CachedChat';
+import PendingMessage from '../../PendingMessage';
+export interface MessageListProps {
+    messages: Messages;
+    currentUserId: number;
+    messagesScrollContainerId: string;
+    messagesContainerClassName?: string;
+    failedPendingMessageIconClassName?: string;
+    failedPendingMessageDescriptionStyles?: React.CSSProperties;
+    failedPendingMessageDescriptionClassName?: string;
+    onFailedPendingMessageClick?: (pendingMessage: PendingMessage) => void;
+    getLatestMessagesStatus: GetLatestMessagesStatus;
+    markMessagesReadUpTo(message: MessageModel): Promise<{
+        error: ChatError | undefined;
+    }>;
+    shouldMarkMessagesAsRead: boolean;
+    loadingContent: React.ReactNode;
+    retryContent: React.ReactNode;
+    noMessagesContent: React.ReactNode;
+    onMessagesMarkedAsRead?: () => void;
+    onRequestScrollToBottomOfMessagesScrollContainer: () => void;
+}
+export declare const MessageList: {
+    ({ messages, currentUserId, messagesScrollContainerId, messagesContainerClassName, failedPendingMessageIconClassName, failedPendingMessageDescriptionStyles, failedPendingMessageDescriptionClassName, onFailedPendingMessageClick, getLatestMessagesStatus, markMessagesReadUpTo, shouldMarkMessagesAsRead, loadingContent, retryContent, noMessagesContent, onMessagesMarkedAsRead, onRequestScrollToBottomOfMessagesScrollContainer }: MessageListProps): {} | null | undefined;
+    propTypes: {
+        messages: PropTypes.Validator<(object | null | undefined)[]>;
+        currentUserId: PropTypes.Validator<number>;
+        messagesScrollContainerId: PropTypes.Validator<string>;
+        messagesContainerClassName: PropTypes.Requireable<string>;
+        failedPendingMessageIconClassName: PropTypes.Requireable<string>;
+        failedPendingMessageDescriptionStyles: PropTypes.Requireable<object>;
+        failedPendingMessageDescriptionClassName: PropTypes.Requireable<string>;
+        onFailedPendingMessageClick: PropTypes.Requireable<(...args: any[]) => any>;
+        getLatestMessagesStatus: PropTypes.Requireable<string>;
+        markMessagesReadUpTo: PropTypes.Validator<(...args: any[]) => any>;
+        shouldMarkMessagesAsRead: PropTypes.Validator<boolean>;
+        loadingContent: PropTypes.Validator<string | number | boolean | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
+        retryContent: PropTypes.Validator<string | number | boolean | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
+        noMessagesContent: PropTypes.Validator<string | number | boolean | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
+        onRequestScrollToBottomOfMessagesScrollContainer: PropTypes.Validator<(...args: any[]) => any>;
+    };
+};