@viewberapp/chat 0.0.66 → 0.0.68

package/dist/index.d.ts

@@ -4,3 +4,4 @@ import useAppointmentChat from "./react/useAppointmentChat";
 export { ConsoleLogger, RollbarLogger, NullLogger } from './logger';
 export { Chat, useChat, useAppointmentChat };
 export * from './util';
+export * from './react';

package/dist/index.js

@@ -29,4 +29,5 @@ Object.defineProperty(exports, "ConsoleLogger", { enumerable: true, get: functio
 Object.defineProperty(exports, "RollbarLogger", { enumerable: true, get: function () { return logger_1.RollbarLogger; } });
 Object.defineProperty(exports, "NullLogger", { enumerable: true, get: function () { return logger_1.NullLogger; } });
 __exportStar(require("./util"), exports);
+__exportStar(require("./react"), exports);
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;AACb,kDAA0B;AAWtB,eAXG,cAAI,CAWH;AAVR,8DAAsC;AAWlC,kBAXG,iBAAO,CAWH;AAVX,oFAA4D;AAWxD,6BAXG,4BAAkB,CAWH;AATtB,mCAIkB;AAHd,uGAAA,aAAa,OAAA;AACb,uGAAA,aAAa,OAAA;AACb,oGAAA,UAAU,OAAA;AASd,yCAAuB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;AACb,kDAA0B;AAWtB,eAXG,cAAI,CAWH;AAVR,8DAAsC;AAWlC,kBAXG,iBAAO,CAWH;AAVX,oFAA4D;AAWxD,6BAXG,4BAAkB,CAWH;AATtB,mCAIkB;AAHd,uGAAA,aAAa,OAAA;AACb,uGAAA,aAAa,OAAA;AACb,oGAAA,UAAU,OAAA;AASd,yCAAuB;AACvB,0CAAwB"}

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

@@ -0,0 +1,6 @@
+/// <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

@@ -0,0 +1,51 @@
+"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 AdminMessage = ({ message }) => {
+    const styles = {
+        display: 'inline-block',
+        borderRadius: '0.675rem',
+        width: '100%',
+        border: '1px solid #ccc',
+        overflow: 'hidden',
+        maxWidth: '80%',
+        margin: '0.125rem 0.5rem'
+    };
+    const senderLabelStyles = {
+        backgroundColor: 'rgb(249, 217, 76)',
+        padding: '0.25rem 1rem',
+        fontSize: '0.75rem'
+    };
+    const messageContentStyles = {
+        padding: '0.25rem 1rem',
+    };
+    return (React.createElement("div", { style: styles },
+        React.createElement("div", { style: senderLabelStyles }, message.sender.first_name + '@viewber'),
+        React.createElement("div", { style: messageContentStyles }, message.message)));
+};
+exports.AdminMessage = AdminMessage;
+//# sourceMappingURL=AdminMessage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AdminMessage.js","sourceRoot":"","sources":["../../../src/react/components/AdminMessage.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAOxB,MAAM,YAAY,GAAG,CAAC,EAAC,OAAO,EAAoB,EAAE,EAAE;IACzD,MAAM,MAAM,GAAG;QACX,OAAO,EAAE,cAAc;QACvB,YAAY,EAAE,UAAU;QACxB,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,gBAAgB;QACxB,QAAQ,EAAE,QAAQ;QAClB,QAAQ,EAAE,KAAK;QACf,MAAM,EAAE,iBAAiB;KAC5B,CAAC;IAEF,MAAM,iBAAiB,GAAG;QACtB,eAAe,EAAE,mBAAmB;QACpC,OAAO,EAAE,cAAc;QACvB,QAAQ,EAAE,SAAS;KACtB,CAAA;IAED,MAAM,oBAAoB,GAAG;QACzB,OAAO,EAAE,cAAc;KAC1B,CAAA;IAED,OAAO,CACH,6BAAK,KAAK,EAAE,MAAM;QACd,6BAAK,KAAK,EAAE,iBAAiB,IACxB,OAAO,CAAC,MAAM,CAAC,UAAU,GAAG,UAAU,CACrC;QACN,6BAAK,KAAK,EAAE,oBAAoB,IAC3B,OAAO,CAAC,OAAO,CACd,CACJ,CACT,CAAA;AACL,CAAC,CAAA;AA/BY,QAAA,YAAY,gBA+BxB"}

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { ChannelStatus } from '../../CachedChat';
+import { ConnectionStatus } 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

@@ -0,0 +1,59 @@
+"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',
+        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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ConnectionAndChannelStatusLabel.js","sourceRoot":"","sources":["../../../src/react/components/ConnectionAndChannelStatusLabel.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AASxB,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,GAAG;QACxB,OAAO,EAAE,cAAc;QACvB,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,YAAY,EAAE,QAAQ;QACtB,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;AAvBY,QAAA,+BAA+B,mCAuB3C;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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import MessageModel from "../../Message";
+export interface MessageProps {
+    message: MessageModel;
+    isCurrentUser: boolean;
+}
+export declare const Message: ({ message, isCurrentUser }: MessageProps) => JSX.Element;

package/dist/react/components/Message.js

@@ -0,0 +1,43 @@
+"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.Message = void 0;
+const React = __importStar(require("react"));
+const Message = ({ message, isCurrentUser }) => {
+    const styles = {
+        display: 'inline-block',
+        borderRadius: '0.675rem',
+        maxWidth: '80%',
+        backgroundColor: isCurrentUser
+            ? '#218aff'
+            : '#d8d8d8',
+        color: '#fff',
+        padding: '0.25rem 1rem',
+        margin: '0.125rem 0.5rem'
+    };
+    return (React.createElement("div", { style: styles }, message.message));
+};
+exports.Message = Message;
+//# sourceMappingURL=Message.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Message.js","sourceRoot":"","sources":["../../../src/react/components/Message.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAQxB,MAAM,OAAO,GAAG,CAAC,EAAC,OAAO,EAAE,aAAa,EAAe,EAAE,EAAE;IAC9D,MAAM,MAAM,GAAG;QACX,OAAO,EAAE,cAAc;QACvB,YAAY,EAAE,UAAU;QACxB,QAAQ,EAAE,KAAK;QACf,eAAe,EAAE,aAAa;YAC1B,CAAC,CAAC,SAAS;YACX,CAAC,CAAC,SAAS;QACf,KAAK,EAAE,MAAM;QACb,OAAO,EAAE,cAAc;QACvB,MAAM,EAAE,iBAAiB;KAC5B,CAAC;IAEF,OAAO,CACH,6BAAK,KAAK,EAAE,MAAM,IACb,OAAO,CAAC,OAAO,CACd,CACT,CAAA;AACL,CAAC,CAAA;AAlBY,QAAA,OAAO,WAkBnB"}

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

@@ -0,0 +1,4 @@
+import { Message } from './Message';
+import { AdminMessage } from "./AdminMessage";
+import { ConnectionAndChannelStatusLabel } from "./ConnectionAndChannelStatusLabel";
+export { Message, AdminMessage, ConnectionAndChannelStatusLabel };

package/dist/react/components/index.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ConnectionAndChannelStatusLabel = exports.AdminMessage = exports.Message = void 0;
+const Message_1 = require("./Message");
+Object.defineProperty(exports, "Message", { enumerable: true, get: function () { return Message_1.Message; } });
+const AdminMessage_1 = require("./AdminMessage");
+Object.defineProperty(exports, "AdminMessage", { enumerable: true, get: function () { return AdminMessage_1.AdminMessage; } });
+const ConnectionAndChannelStatusLabel_1 = require("./ConnectionAndChannelStatusLabel");
+Object.defineProperty(exports, "ConnectionAndChannelStatusLabel", { enumerable: true, get: function () { return ConnectionAndChannelStatusLabel_1.ConnectionAndChannelStatusLabel; } });
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/react/components/index.ts"],"names":[],"mappings":";;;AAAA,uCAAoC;AAKhC,wFALK,iBAAO,OAKL;AAJX,iDAA8C;AAK1C,6FALK,2BAAY,OAKL;AAJhB,uFAAoF;AAKhF,gHALK,iEAA+B,OAKL"}

package/dist/react/index.d.ts

@@ -0,0 +1,3 @@
+export { default as useChat } from './useChat';
+export { default as useAppointmentChat } from './useAppointmentChat';
+export { Message, AdminMessage, ConnectionAndChannelStatusLabel } from './components';

package/dist/react/index.js

@@ -0,0 +1,15 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ConnectionAndChannelStatusLabel = exports.AdminMessage = exports.Message = exports.useAppointmentChat = exports.useChat = void 0;
+var useChat_1 = require("./useChat");
+Object.defineProperty(exports, "useChat", { enumerable: true, get: function () { return __importDefault(useChat_1).default; } });
+var useAppointmentChat_1 = require("./useAppointmentChat");
+Object.defineProperty(exports, "useAppointmentChat", { enumerable: true, get: function () { return __importDefault(useAppointmentChat_1).default; } });
+var components_1 = require("./components");
+Object.defineProperty(exports, "Message", { enumerable: true, get: function () { return components_1.Message; } });
+Object.defineProperty(exports, "AdminMessage", { enumerable: true, get: function () { return components_1.AdminMessage; } });
+Object.defineProperty(exports, "ConnectionAndChannelStatusLabel", { enumerable: true, get: function () { return components_1.ConnectionAndChannelStatusLabel; } });
+//# sourceMappingURL=index.js.map

package/dist/react/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/react/index.ts"],"names":[],"mappings":";;;;;;AAAA,qCAA+C;AAAtC,mHAAA,OAAO,OAAW;AAC3B,2DAAqE;AAA5D,yIAAA,OAAO,OAAsB;AAEtC,2CAIsB;AAHlB,qGAAA,OAAO,OAAA;AACP,0GAAA,YAAY,OAAA;AACZ,6HAAA,+BAA+B,OAAA"}

package/dist/react/useChat.js

@@ -6,7 +6,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
 const isNil_1 = require("../util/isNil");
 const Chat_1 = __importDefault(require("../Chat"));
+const useIsMounted_1 = require("../util/useIsMounted");
 const useChat = (id, { idType, onMessages } = {}) => {
+    const isMounted = (0, useIsMounted_1.useIsMounted)();
     const [subscription, setSubscription] = (0, react_1.useState)();
     const [status, setStatus] = (0, react_1.useState)('not_initialized');
     const [messages, setMessages] = (0, react_1.useState)([]);
@@ -30,7 +32,9 @@ const useChat = (id, { idType, onMessages } = {}) => {
         setOnlineUsers(users);
     };
     const handleSubscriptionStatusChange = ({ status }) => {
-        setSubscriptionStatus(status);
+        if (isMounted()) {
+            setSubscriptionStatus(status);
+        }
     };
     const handleChannelStatusChange = ({ status }) => {
         setChannelStatus(status);

package/dist/react/useChat.js.map

@@ -1 +1 @@
-{"version":3,"file":"useChat.js","sourceRoot":"","sources":["../../src/react/useChat.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"useChat.js","sourceRoot":"","sources":["../../src/react/useChat.ts"],"names":[],"mappings":"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"}

package/dist/util/useIsMounted.d.ts

@@ -0,0 +1 @@
+export declare const useIsMounted: () => () => boolean;

package/dist/util/useIsMounted.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useIsMounted = void 0;
+const react_1 = require("react");
+const useIsMounted = () => {
+    const isMountedRef = (0, react_1.useRef)(true);
+    const isMounted = (0, react_1.useCallback)(() => isMountedRef.current, []);
+    (0, react_1.useEffect)(() => {
+        return () => void (isMountedRef.current = false);
+    }, []);
+    return isMounted;
+};
+exports.useIsMounted = useIsMounted;
+//# sourceMappingURL=useIsMounted.js.map

package/dist/util/useIsMounted.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIsMounted.js","sourceRoot":"","sources":["../../src/util/useIsMounted.ts"],"names":[],"mappings":";;;AAAA,iCAAqD;AAE9C,MAAM,YAAY,GAAG,GAAG,EAAE;IAC7B,MAAM,YAAY,GAAG,IAAA,cAAM,EAAC,IAAI,CAAC,CAAC;IAClC,MAAM,SAAS,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE,CAAC,YAAY,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;IAE9D,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,OAAO,GAAG,EAAE,CAAC,KAAK,CAAC,YAAY,CAAC,OAAO,GAAG,KAAK,CAAC,CAAC;IACrD,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,SAAS,CAAC;AACrB,CAAC,CAAA;AATY,QAAA,YAAY,gBASxB"}

package/package.json

@@ -1,12 +1,16 @@
 {
   "name": "@viewberapp/chat",
-  "version": "0.0.66",
+  "version": "0.0.68",
   "description": "Viewber chat",
   "author": "Jacob <jacob.chen@viewber.co.uk>",
   "homepage": "https://bitbucket.org/ezadr/viewberjs#readme",
   "license": "ISC",
   "main": "dist/index.js",
   "typings": "dist/index.d.ts",
+  "exports": {
+    "./util": "./dist/util/index.js",
+    "./react/components": "./dist/react/components/index.js"
+  },
   "directories": {
     "dist": "dist",
     "test": "__tests__"
@@ -41,5 +45,5 @@
     "react": "^16.14.0",
     "rollbar": "^2.25.0"
   },
-  "gitHead": "231482a706fc42e72cec9880a87d772387f7cb54"
+  "gitHead": "140254aee3f8ef1799b17ff7a121624392968653"
 }