@viewberapp/chat 0.0.106 → 0.0.107

package/dist/PendingMessage.js

@@ -1,24 +1,24 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.isPendingMessage = void 0;
-class PendingMessage {
-    constructor({ id, message, status, options, createdAt }) {
-        this.id = id;
-        this.message = message;
-        this.status = status;
-        this.options = options;
-        this.createdAt = createdAt;
-    }
-    get isPendingMessage() {
-        return true;
-    }
-    clone(params) {
-        return new PendingMessage(Object.assign({ id: this.id, message: this.message, status: this.status, options: this.options, createdAt: this.createdAt }, params));
-    }
-}
-exports.default = PendingMessage;
-const isPendingMessage = (message) => {
-    return message.isPendingMessage;
-};
-exports.isPendingMessage = isPendingMessage;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isPendingMessage = void 0;
+class PendingMessage {
+    constructor({ id, message, status, options, createdAt }) {
+        this.id = id;
+        this.message = message;
+        this.status = status;
+        this.options = options;
+        this.createdAt = createdAt;
+    }
+    get isPendingMessage() {
+        return true;
+    }
+    clone(params) {
+        return new PendingMessage(Object.assign({ id: this.id, message: this.message, status: this.status, options: this.options, createdAt: this.createdAt }, params));
+    }
+}
+exports.default = PendingMessage;
+const isPendingMessage = (message) => {
+    return message.isPendingMessage;
+};
+exports.isPendingMessage = isPendingMessage;
 //# sourceMappingURL=PendingMessage.js.map

package/dist/index.d.ts

@@ -1,8 +1,8 @@
-import Chat from "./Chat";
-import useChat from "./react/useChat";
-import useAppointmentChat from "./react/useAppointmentChat";
-import { useRealtimeTotalUserUnreadChatMessages } from "./react/useRealtimeTotalUserUnreadChatMessages";
-export { ConsoleLogger, RollbarLogger, NullLogger } from './logger';
-export { Message, MessageRow, MessageList, AdminMessage, ConnectionAndChannelStatusLabel } from './react';
-export { isNil, getLatestMessage } from './util';
-export { Chat, useChat, useAppointmentChat, useRealtimeTotalUserUnreadChatMessages };
+import Chat from "./Chat";
+import useChat from "./react/useChat";
+import useAppointmentChat from "./react/useAppointmentChat";
+import { useRealtimeTotalUserUnreadChatMessages } from "./react/useRealtimeTotalUserUnreadChatMessages";
+export { ConsoleLogger, RollbarLogger, NullLogger } from './logger';
+export { Message, MessageRow, MessageList, AdminMessage, ConnectionAndChannelStatusLabel } from './react';
+export { isNil, getLatestMessage } from './util';
+export { Chat, useChat, useAppointmentChat, useRealtimeTotalUserUnreadChatMessages };

package/dist/index.js

@@ -1,28 +1,28 @@
-'use strict';
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useRealtimeTotalUserUnreadChatMessages = exports.useAppointmentChat = exports.useChat = exports.Chat = exports.getLatestMessage = exports.isNil = exports.ConnectionAndChannelStatusLabel = exports.AdminMessage = exports.MessageList = exports.MessageRow = exports.Message = exports.NullLogger = exports.RollbarLogger = exports.ConsoleLogger = void 0;
-const Chat_1 = __importDefault(require("./Chat"));
-exports.Chat = Chat_1.default;
-const useChat_1 = __importDefault(require("./react/useChat"));
-exports.useChat = useChat_1.default;
-const useAppointmentChat_1 = __importDefault(require("./react/useAppointmentChat"));
-exports.useAppointmentChat = useAppointmentChat_1.default;
-const useRealtimeTotalUserUnreadChatMessages_1 = require("./react/useRealtimeTotalUserUnreadChatMessages");
-Object.defineProperty(exports, "useRealtimeTotalUserUnreadChatMessages", { enumerable: true, get: function () { return useRealtimeTotalUserUnreadChatMessages_1.useRealtimeTotalUserUnreadChatMessages; } });
-var logger_1 = require("./logger");
-Object.defineProperty(exports, "ConsoleLogger", { enumerable: true, get: function () { return logger_1.ConsoleLogger; } });
-Object.defineProperty(exports, "RollbarLogger", { enumerable: true, get: function () { return logger_1.RollbarLogger; } });
-Object.defineProperty(exports, "NullLogger", { enumerable: true, get: function () { return logger_1.NullLogger; } });
-var react_1 = require("./react");
-Object.defineProperty(exports, "Message", { enumerable: true, get: function () { return react_1.Message; } });
-Object.defineProperty(exports, "MessageRow", { enumerable: true, get: function () { return react_1.MessageRow; } });
-Object.defineProperty(exports, "MessageList", { enumerable: true, get: function () { return react_1.MessageList; } });
-Object.defineProperty(exports, "AdminMessage", { enumerable: true, get: function () { return react_1.AdminMessage; } });
-Object.defineProperty(exports, "ConnectionAndChannelStatusLabel", { enumerable: true, get: function () { return react_1.ConnectionAndChannelStatusLabel; } });
-var util_1 = require("./util");
-Object.defineProperty(exports, "isNil", { enumerable: true, get: function () { return util_1.isNil; } });
-Object.defineProperty(exports, "getLatestMessage", { enumerable: true, get: function () { return util_1.getLatestMessage; } });
+'use strict';
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useRealtimeTotalUserUnreadChatMessages = exports.useAppointmentChat = exports.useChat = exports.Chat = exports.getLatestMessage = exports.isNil = exports.ConnectionAndChannelStatusLabel = exports.AdminMessage = exports.MessageList = exports.MessageRow = exports.Message = exports.NullLogger = exports.RollbarLogger = exports.ConsoleLogger = void 0;
+const Chat_1 = __importDefault(require("./Chat"));
+exports.Chat = Chat_1.default;
+const useChat_1 = __importDefault(require("./react/useChat"));
+exports.useChat = useChat_1.default;
+const useAppointmentChat_1 = __importDefault(require("./react/useAppointmentChat"));
+exports.useAppointmentChat = useAppointmentChat_1.default;
+const useRealtimeTotalUserUnreadChatMessages_1 = require("./react/useRealtimeTotalUserUnreadChatMessages");
+Object.defineProperty(exports, "useRealtimeTotalUserUnreadChatMessages", { enumerable: true, get: function () { return useRealtimeTotalUserUnreadChatMessages_1.useRealtimeTotalUserUnreadChatMessages; } });
+var logger_1 = require("./logger");
+Object.defineProperty(exports, "ConsoleLogger", { enumerable: true, get: function () { return logger_1.ConsoleLogger; } });
+Object.defineProperty(exports, "RollbarLogger", { enumerable: true, get: function () { return logger_1.RollbarLogger; } });
+Object.defineProperty(exports, "NullLogger", { enumerable: true, get: function () { return logger_1.NullLogger; } });
+var react_1 = require("./react");
+Object.defineProperty(exports, "Message", { enumerable: true, get: function () { return react_1.Message; } });
+Object.defineProperty(exports, "MessageRow", { enumerable: true, get: function () { return react_1.MessageRow; } });
+Object.defineProperty(exports, "MessageList", { enumerable: true, get: function () { return react_1.MessageList; } });
+Object.defineProperty(exports, "AdminMessage", { enumerable: true, get: function () { return react_1.AdminMessage; } });
+Object.defineProperty(exports, "ConnectionAndChannelStatusLabel", { enumerable: true, get: function () { return react_1.ConnectionAndChannelStatusLabel; } });
+var util_1 = require("./util");
+Object.defineProperty(exports, "isNil", { enumerable: true, get: function () { return util_1.isNil; } });
+Object.defineProperty(exports, "getLatestMessage", { enumerable: true, get: function () { return util_1.getLatestMessage; } });
 //# sourceMappingURL=index.js.map

package/dist/logger/ConsoleLogger.d.ts

@@ -1,8 +1,8 @@
-import { Logger, LogArgument } from ".";
-export default class ConsoleLogger implements Logger {
-    error(...args: LogArgument[]): void;
-    critical(...args: LogArgument[]): void;
-    warning(...args: LogArgument[]): void;
-    info(...args: LogArgument[]): void;
-    debug(...args: LogArgument[]): void;
-}
+import { Logger, LogArgument } from ".";
+export default class ConsoleLogger implements Logger {
+    error(...args: LogArgument[]): void;
+    critical(...args: LogArgument[]): void;
+    warning(...args: LogArgument[]): void;
+    info(...args: LogArgument[]): void;
+    debug(...args: LogArgument[]): void;
+}

package/dist/logger/ConsoleLogger.js

@@ -1,21 +1,21 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-class ConsoleLogger {
-    error(...args) {
-        console.error('[Error]', ...args);
-    }
-    critical(...args) {
-        console.error('[Critical]', ...args);
-    }
-    warning(...args) {
-        console.warn('[Warning]', ...args);
-    }
-    info(...args) {
-        console.warn('[Info]', ...args);
-    }
-    debug(...args) {
-        console.warn('[Debug]', ...args);
-    }
-}
-exports.default = ConsoleLogger;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+class ConsoleLogger {
+    error(...args) {
+        console.error('[Error]', ...args);
+    }
+    critical(...args) {
+        console.error('[Critical]', ...args);
+    }
+    warning(...args) {
+        console.warn('[Warning]', ...args);
+    }
+    info(...args) {
+        console.warn('[Info]', ...args);
+    }
+    debug(...args) {
+        console.warn('[Debug]', ...args);
+    }
+}
+exports.default = ConsoleLogger;
 //# sourceMappingURL=ConsoleLogger.js.map

package/dist/logger/NullLogger.d.ts

@@ -1,8 +1,8 @@
-import { Logger, LogArgument } from ".";
-export default class NullLogger implements Logger {
-    error(...args: LogArgument[]): void;
-    critical(...args: LogArgument[]): void;
-    warning(...args: LogArgument[]): void;
-    info(...args: LogArgument[]): void;
-    debug(...args: LogArgument[]): void;
-}
+import { Logger, LogArgument } from ".";
+export default class NullLogger implements Logger {
+    error(...args: LogArgument[]): void;
+    critical(...args: LogArgument[]): void;
+    warning(...args: LogArgument[]): void;
+    info(...args: LogArgument[]): void;
+    debug(...args: LogArgument[]): void;
+}

package/dist/logger/NullLogger.js

@@ -1,11 +1,11 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-class NullLogger {
-    error(...args) { }
-    critical(...args) { }
-    warning(...args) { }
-    info(...args) { }
-    debug(...args) { }
-}
-exports.default = NullLogger;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+class NullLogger {
+    error(...args) { }
+    critical(...args) { }
+    warning(...args) { }
+    info(...args) { }
+    debug(...args) { }
+}
+exports.default = NullLogger;
 //# sourceMappingURL=NullLogger.js.map

package/dist/logger/RollbarLogger.d.ts

@@ -1,11 +1,11 @@
-import Rollbar from 'rollbar';
-import { Logger, LogArgument } from ".";
-export default class RollbarLogger implements Logger {
-    rollbar: Rollbar;
-    constructor(rollbar: Rollbar);
-    error(...args: LogArgument[]): void;
-    critical(...args: LogArgument[]): void;
-    warning(...args: LogArgument[]): void;
-    info(...args: LogArgument[]): void;
-    debug(...args: LogArgument[]): void;
-}
+import Rollbar from 'rollbar';
+import { Logger, LogArgument } from ".";
+export default class RollbarLogger implements Logger {
+    rollbar: Rollbar;
+    constructor(rollbar: Rollbar);
+    error(...args: LogArgument[]): void;
+    critical(...args: LogArgument[]): void;
+    warning(...args: LogArgument[]): void;
+    info(...args: LogArgument[]): void;
+    debug(...args: LogArgument[]): void;
+}

package/dist/logger/RollbarLogger.js

@@ -1,24 +1,24 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-class RollbarLogger {
-    constructor(rollbar) {
-        this.rollbar = rollbar;
-    }
-    error(...args) {
-        this.rollbar.error(...args);
-    }
-    critical(...args) {
-        this.rollbar.critical(...args);
-    }
-    warning(...args) {
-        this.rollbar.warning(...args);
-    }
-    info(...args) {
-        this.rollbar.info(...args);
-    }
-    debug(...args) {
-        this.rollbar.debug(...args);
-    }
-}
-exports.default = RollbarLogger;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+class RollbarLogger {
+    constructor(rollbar) {
+        this.rollbar = rollbar;
+    }
+    error(...args) {
+        this.rollbar.error(...args);
+    }
+    critical(...args) {
+        this.rollbar.critical(...args);
+    }
+    warning(...args) {
+        this.rollbar.warning(...args);
+    }
+    info(...args) {
+        this.rollbar.info(...args);
+    }
+    debug(...args) {
+        this.rollbar.debug(...args);
+    }
+}
+exports.default = RollbarLogger;
 //# sourceMappingURL=RollbarLogger.js.map

package/dist/logger/index.d.ts

@@ -1,12 +1,12 @@
-import ConsoleLogger from "./ConsoleLogger";
-import RollbarLogger from "./RollbarLogger";
-import NullLogger from "./NullLogger";
-export declare type LogArgument = Error | string | object | any;
-export interface Logger {
-    error: (...args: LogArgument[]) => void;
-    critical: (...args: LogArgument[]) => void;
-    warning: (...args: LogArgument[]) => void;
-    info: (...args: LogArgument[]) => void;
-    debug: (...args: LogArgument[]) => void;
-}
-export { ConsoleLogger, RollbarLogger, NullLogger };
+import ConsoleLogger from "./ConsoleLogger";
+import RollbarLogger from "./RollbarLogger";
+import NullLogger from "./NullLogger";
+export declare type LogArgument = Error | string | object | any;
+export interface Logger {
+    error: (...args: LogArgument[]) => void;
+    critical: (...args: LogArgument[]) => void;
+    warning: (...args: LogArgument[]) => void;
+    info: (...args: LogArgument[]) => void;
+    debug: (...args: LogArgument[]) => void;
+}
+export { ConsoleLogger, RollbarLogger, NullLogger };

package/dist/logger/index.js

@@ -1,13 +1,13 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.NullLogger = exports.RollbarLogger = exports.ConsoleLogger = void 0;
-const ConsoleLogger_1 = __importDefault(require("./ConsoleLogger"));
-exports.ConsoleLogger = ConsoleLogger_1.default;
-const RollbarLogger_1 = __importDefault(require("./RollbarLogger"));
-exports.RollbarLogger = RollbarLogger_1.default;
-const NullLogger_1 = __importDefault(require("./NullLogger"));
-exports.NullLogger = NullLogger_1.default;
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NullLogger = exports.RollbarLogger = exports.ConsoleLogger = void 0;
+const ConsoleLogger_1 = __importDefault(require("./ConsoleLogger"));
+exports.ConsoleLogger = ConsoleLogger_1.default;
+const RollbarLogger_1 = __importDefault(require("./RollbarLogger"));
+exports.RollbarLogger = RollbarLogger_1.default;
+const NullLogger_1 = __importDefault(require("./NullLogger"));
+exports.NullLogger = NullLogger_1.default;
 //# sourceMappingURL=index.js.map

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

@@ -1,6 +1,6 @@
-/// <reference types="react" />
-import Message from '../../Message';
-export interface AdminMessageProps {
-    message: Message;
-}
-export declare const AdminMessage: ({ message }: AdminMessageProps) => JSX.Element;
+/// <reference types="react" />
+import Message from '../../Message';
+export interface AdminMessageProps {
+    message: Message;
+}
+export declare const AdminMessage: ({ message }: AdminMessageProps) => JSX.Element;

package/dist/react/components/AdminMessage.js

@@ -1,60 +1,60 @@
-"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.AdminMessage = void 0;
-const React = __importStar(require("react"));
-const MessageDateTime_1 = require("./MessageDateTime");
-const AdminMessage = ({ message }) => {
-    const [dateTimeIsShowing, setDateTimeIsShowing] = React.useState(false);
-    const containerStyles = {
-        display: 'inline-block',
-        width: '100%',
-        maxWidth: '80%',
-        margin: '0.125rem 0.5rem',
-    };
-    const messageStyles = {
-        borderRadius: '0.675rem',
-        border: '1px solid #ccc',
-        width: '100%',
-    };
-    const senderLabelStyles = {
-        backgroundColor: '#0077b6',
-        color: '#fff',
-        padding: '0.25rem 1rem',
-        fontSize: '0.75rem',
-        borderTopLeftRadius: '0.675rem',
-        borderTopRightRadius: '0.675rem'
-    };
-    const messageContentStyles = {
-        padding: '0.25rem 1rem',
-    };
-    return (React.createElement("div", { style: containerStyles },
-        React.createElement("div", { style: messageStyles, onClick: () => setDateTimeIsShowing(!dateTimeIsShowing) },
-            React.createElement("div", { style: senderLabelStyles }, message.sender.first_name + '@viewber'),
-            React.createElement("div", { style: messageContentStyles }, message.message)),
-        dateTimeIsShowing && React.createElement(MessageDateTime_1.MessageDateTime, { date: message.createdAt, style: { display: 'block' } })));
-};
-exports.AdminMessage = AdminMessage;
+"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.AdminMessage = void 0;
+const React = __importStar(require("react"));
+const MessageDateTime_1 = require("./MessageDateTime");
+const AdminMessage = ({ message }) => {
+    const [dateTimeIsShowing, setDateTimeIsShowing] = React.useState(false);
+    const containerStyles = {
+        display: 'inline-block',
+        width: '100%',
+        maxWidth: '80%',
+        margin: '0.125rem 0.5rem',
+    };
+    const messageStyles = {
+        borderRadius: '0.675rem',
+        border: '1px solid #ccc',
+        width: '100%',
+    };
+    const senderLabelStyles = {
+        backgroundColor: '#0077b6',
+        color: '#fff',
+        padding: '0.25rem 1rem',
+        fontSize: '0.75rem',
+        borderTopLeftRadius: '0.675rem',
+        borderTopRightRadius: '0.675rem'
+    };
+    const messageContentStyles = {
+        padding: '0.25rem 1rem',
+    };
+    return (React.createElement("div", { style: containerStyles },
+        React.createElement("div", { style: messageStyles, onClick: () => setDateTimeIsShowing(!dateTimeIsShowing) },
+            React.createElement("div", { style: senderLabelStyles }, message.sender.first_name + '@viewber'),
+            React.createElement("div", { style: messageContentStyles }, message.message)),
+        dateTimeIsShowing && React.createElement(MessageDateTime_1.MessageDateTime, { date: message.createdAt, style: { display: 'block' } })));
+};
+exports.AdminMessage = AdminMessage;
 //# sourceMappingURL=AdminMessage.js.map

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

@@ -1,7 +1,7 @@
-/// <reference types="react" />
-import { ConnectionStatus, ChannelStatus } from '../../Chat';
-export interface ConnectionAndChannelStatusLabelProps {
-    connectionStatus: ConnectionStatus | undefined;
-    channelStatus: ChannelStatus | undefined;
-}
-export declare const ConnectionAndChannelStatusLabel: ({ connectionStatus, channelStatus }: ConnectionAndChannelStatusLabelProps) => JSX.Element;
+/// <reference types="react" />
+import { ConnectionStatus, ChannelStatus } from '../../Chat';
+export interface ConnectionAndChannelStatusLabelProps {
+    connectionStatus: ConnectionStatus | undefined;
+    channelStatus: ChannelStatus | undefined;
+}
+export declare const ConnectionAndChannelStatusLabel: ({ connectionStatus, channelStatus }: ConnectionAndChannelStatusLabelProps) => JSX.Element;

package/dist/react/components/ConnectionAndChannelStatusLabel.js

@@ -1,60 +1,60 @@
-"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;
+    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';
+};
 //# sourceMappingURL=ConnectionAndChannelStatusLabel.js.map