@viewberapp/chat 0.0.76 → 0.0.77

package/dist/react/components/AdminMessage.js

@@ -28,13 +28,16 @@ const React = __importStar(require("react"));
 const MessageDateTime_1 = require("./MessageDateTime");
 const AdminMessage = ({ message }) => {
     const [dateTimeIsShowing, setDateTimeIsShowing] = React.useState(false);
-    const styles = {
+    const containerStyles = {
         display: 'inline-block',
-        borderRadius: '0.675rem',
         width: '100%',
-        border: '1px solid #ccc',
         maxWidth: '80%',
-        margin: '0.125rem 0.5rem'
+        margin: '0.125rem 0.5rem',
+    };
+    const messageStyles = {
+        borderRadius: '0.675rem',
+        border: '1px solid #ccc',
+        width: '100%',
     };
     const senderLabelStyles = {
         backgroundColor: '#0077b6',
@@ -47,11 +50,11 @@ const AdminMessage = ({ message }) => {
     const messageContentStyles = {
         padding: '0.25rem 1rem',
     };
-    return (React.createElement(React.Fragment, null,
-        React.createElement("div", { style: styles, onClick: () => setDateTimeIsShowing(!dateTimeIsShowing) },
+    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 })));
+        dateTimeIsShowing && React.createElement(MessageDateTime_1.MessageDateTime, { date: message.createdAt, style: { display: 'block' } })));
 };
 exports.AdminMessage = AdminMessage;
 //# sourceMappingURL=AdminMessage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"AdminMessage.js","sourceRoot":"","sources":["../../../src/react/components/AdminMessage.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,uDAAoD;AAM7C,MAAM,YAAY,GAAG,CAAC,EAAC,OAAO,EAAoB,EAAE,EAAE;IACzD,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAU,KAAK,CAAC,CAAC;IAEjF,MAAM,MAAM,GAAwB;QAChC,OAAO,EAAE,cAAc;QACvB,YAAY,EAAE,UAAU;QACxB,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,gBAAgB;QACxB,QAAQ,EAAE,KAAK;QACf,MAAM,EAAE,iBAAiB;KAC5B,CAAC;IAEF,MAAM,iBAAiB,GAAwB;QAC3C,eAAe,EAAE,SAAS;QAC1B,KAAK,EAAE,MAAM;QACb,OAAO,EAAE,cAAc;QACvB,QAAQ,EAAE,SAAS;QACnB,mBAAmB,EAAE,UAAU;QAC/B,oBAAoB,EAAE,UAAU;KACnC,CAAA;IAED,MAAM,oBAAoB,GAAwB;QAC9C,OAAO,EAAE,cAAc;KAC1B,CAAA;IAED,OAAO,CACH,oBAAC,KAAK,CAAC,QAAQ;QACX,6BAAK,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,oBAAoB,CAAC,CAAC,iBAAiB,CAAC;YACvE,6BAAK,KAAK,EAAE,iBAAiB,IACxB,OAAO,CAAC,MAAM,CAAC,UAAU,GAAG,UAAU,CACrC;YACN,6BAAK,KAAK,EAAE,oBAAoB,IAC3B,OAAO,CAAC,OAAO,CACd,CACJ;QACL,iBAAiB,IAAI,oBAAC,iCAAe,IAAC,IAAI,EAAE,OAAO,CAAC,SAAS,GAAI,CACrD,CACpB,CAAA;AACL,CAAC,CAAA;AAtCY,QAAA,YAAY,gBAsCxB"}
+{"version":3,"file":"AdminMessage.js","sourceRoot":"","sources":["../../../src/react/components/AdminMessage.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,uDAAoD;AAM7C,MAAM,YAAY,GAAG,CAAC,EAAC,OAAO,EAAoB,EAAE,EAAE;IACzD,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAU,KAAK,CAAC,CAAC;IAEjF,MAAM,eAAe,GAAwB;QACzC,OAAO,EAAE,cAAc;QACvB,KAAK,EAAE,MAAM;QACb,QAAQ,EAAE,KAAK;QACf,MAAM,EAAE,iBAAiB;KAC5B,CAAA;IAED,MAAM,aAAa,GAAwB;QACvC,YAAY,EAAE,UAAU;QACxB,MAAM,EAAE,gBAAgB;QACxB,KAAK,EAAE,MAAM;KAChB,CAAC;IAEF,MAAM,iBAAiB,GAAwB;QAC3C,eAAe,EAAE,SAAS;QAC1B,KAAK,EAAE,MAAM;QACb,OAAO,EAAE,cAAc;QACvB,QAAQ,EAAE,SAAS;QACnB,mBAAmB,EAAE,UAAU;QAC/B,oBAAoB,EAAE,UAAU;KACnC,CAAA;IAED,MAAM,oBAAoB,GAAwB;QAC9C,OAAO,EAAE,cAAc;KAC1B,CAAA;IAED,OAAO,CACH,6BAAK,KAAK,EAAE,eAAe;QACvB,6BAAK,KAAK,EAAE,aAAa,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,oBAAoB,CAAC,CAAC,iBAAiB,CAAC;YAC9E,6BAAK,KAAK,EAAE,iBAAiB,IACxB,OAAO,CAAC,MAAM,CAAC,UAAU,GAAG,UAAU,CACrC;YACN,6BAAK,KAAK,EAAE,oBAAoB,IAC3B,OAAO,CAAC,OAAO,CACd,CACJ;QACL,iBAAiB,IAAI,oBAAC,iCAAe,IAAC,IAAI,EAAE,OAAO,CAAC,SAAS,EAAE,KAAK,EAAE,EAAC,OAAO,EAAE,OAAO,EAAC,GAAI,CAC3F,CACT,CAAA;AACL,CAAC,CAAA;AA1CY,QAAA,YAAY,gBA0CxB"}

package/dist/react/components/Message.js

@@ -28,10 +28,13 @@ const React = __importStar(require("react"));
 const MessageDateTime_1 = require("./MessageDateTime");
 const Message = ({ message, isCurrentUser }) => {
     const [dateTimeIsShowing, setDateTimeIsShowing] = React.useState(false);
-    const styles = {
+    const containerStyles = {
         display: 'inline-block',
-        borderRadius: '0.675rem',
         maxWidth: '80%',
+        margin: '0.125rem 0.5rem'
+    };
+    const messageStyles = {
+        borderRadius: '0.675rem',
         backgroundColor: isCurrentUser
             ? '#218aff'
             : '#d8d8d8',
@@ -39,11 +42,10 @@ const Message = ({ message, isCurrentUser }) => {
             ? '#fff'
             : undefined,
         padding: '0.25rem 1rem',
-        margin: '0.125rem 0.5rem'
     };
-    return (React.createElement(React.Fragment, null,
-        React.createElement("div", { style: styles, onClick: () => setDateTimeIsShowing(!dateTimeIsShowing) }, message.message),
-        dateTimeIsShowing && React.createElement(MessageDateTime_1.MessageDateTime, { date: message.createdAt })));
+    return (React.createElement("div", { style: containerStyles },
+        React.createElement("div", { style: messageStyles, onClick: () => setDateTimeIsShowing(!dateTimeIsShowing) }, message.message),
+        dateTimeIsShowing && React.createElement(MessageDateTime_1.MessageDateTime, { date: message.createdAt, style: { display: 'block' } })));
 };
 exports.Message = Message;
 //# 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;AAG/B,uDAAoD;AAO7C,MAAM,OAAO,GAAG,CAAC,EAAC,OAAO,EAAE,aAAa,EAAe,EAAE,EAAE;IAC9D,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAU,KAAK,CAAC,CAAC;IAEjF,MAAM,MAAM,GAAwB;QAChC,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,aAAa;YAChB,CAAC,CAAC,MAAM;YACR,CAAC,CAAC,SAAS;QACf,OAAO,EAAE,cAAc;QACvB,MAAM,EAAE,iBAAiB;KAC5B,CAAC;IAEF,OAAO,CACH,oBAAC,KAAK,CAAC,QAAQ;QACX,6BAAK,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,oBAAoB,CAAC,CAAC,iBAAiB,CAAC,IACtE,OAAO,CAAC,OAAO,CACd;QACL,iBAAiB,IAAI,oBAAC,iCAAe,IAAC,IAAI,EAAE,OAAO,CAAC,SAAS,GAAI,CACrD,CACpB,CAAA;AACL,CAAC,CAAA;AAzBY,QAAA,OAAO,WAyBnB"}
+{"version":3,"file":"Message.js","sourceRoot":"","sources":["../../../src/react/components/Message.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAG/B,uDAAoD;AAO7C,MAAM,OAAO,GAAG,CAAC,EAAC,OAAO,EAAE,aAAa,EAAe,EAAE,EAAE;IAC9D,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAU,KAAK,CAAC,CAAC;IAEjF,MAAM,eAAe,GAAwB;QACzC,OAAO,EAAE,cAAc;QACvB,QAAQ,EAAE,KAAK;QACf,MAAM,EAAE,iBAAiB;KAC5B,CAAA;IAED,MAAM,aAAa,GAAwB;QACvC,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,6BAAK,KAAK,EAAE,aAAa,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,oBAAoB,CAAC,CAAC,iBAAiB,CAAC,IAC7E,OAAO,CAAC,OAAO,CACd;QACL,iBAAiB,IAAI,oBAAC,iCAAe,IAAC,IAAI,EAAE,OAAO,CAAC,SAAS,EAAE,KAAK,EAAE,EAAC,OAAO,EAAE,OAAO,EAAC,GAAI,CAC3F,CACT,CAAA;AACL,CAAC,CAAA;AA5BY,QAAA,OAAO,WA4BnB"}

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

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

package/dist/react/components/MessageDateTime.js

@@ -25,8 +25,8 @@ var __importStar = (this && this.__importStar) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MessageDateTime = void 0;
 const React = __importStar(require("react"));
-const MessageDateTime = ({ date }) => {
-    return (React.createElement(React.Fragment, null, date === null || date === void 0 ? void 0 : date.toLocaleString()));
+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;
 //# 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;AAMxB,MAAM,eAAe,GAAG,CAAC,EAAE,IAAI,EAAwB,EAAE,EAAE;IAC9D,OAAO,CACH,oBAAC,KAAK,CAAC,QAAQ,QACV,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,cAAc,EAAE,CACV,CACpB,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;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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@viewberapp/chat",
-  "version": "0.0.76",
+  "version": "0.0.77",
   "description": "Viewber chat",
   "author": "Jacob <jacob.chen@viewber.co.uk>",
   "homepage": "https://bitbucket.org/ezadr/viewberjs#readme",
@@ -41,5 +41,5 @@
     "react": "^16.14.0",
     "rollbar": "^2.25.0"
   },
-  "gitHead": "2590dce48aaa9cb4cf23a22ce8f70d82c9d42d52"
+  "gitHead": "eff2d4b73345aa2985217a62f9a239198898cab8"
 }