@ethora/chat-component-rn 26.5.11 → 26.5.12

package/lib/commonjs/components/RoomComponents/styled/LastAudioMessage.js

@@ -7,32 +7,23 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _StyledRoomComponents = require("./StyledRoomComponents");
 var _native = _interopRequireDefault(require("styled-components/native"));
-var _reactNative = require("react-native");
+var _icons = require("../../../assets/icons");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const PlayButton = _native.default.View`
-  position: absolute;
-  width: 8px;
-  height: 9px;
-  border-radius: 50%;
+  width: 20px;
+  height: 20px;
+  border-radius: 10px;
   display: flex;
   justify-content: center;
   align-items: center;
-  color: white;
-  font-size: 10px;
-  pointer-events: none;
-  z-index: 100;
+  background-color: #d8ecff;
+  margin-top: 1px;
 `;
-const PhotoContainer = _native.default.View`
-  position: relative;
-  width: 20px;
-  height: 20px;
-  overflow: hidden;
-  border-radius: 8px;
-  width: 20px;
-  height: 20px;
-  object-fit: cover;
-  pointer-events: none;
+const AudioRow = _native.default.View`
+  flex-direction: row;
+  align-items: center;
+  gap: 6px;
 `;
 const LastAudioMessage = ({
   user,
@@ -40,23 +31,18 @@ const LastAudioMessage = ({
 }) => {
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_StyledRoomComponents.LastRoomMessageContainer, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_StyledRoomComponents.LastRoomMessageName, {
+      numberOfLines: 1,
       children: user?.name ?? ''
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: {
-        display: 'flex',
-        flexDirection: 'row',
-        gap: '4px'
-      },
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(PhotoContainer, {
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_StyledRoomComponents.ShadeWrapper, {
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(PlayButton, {
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-              children: "\u25B6"
-            })
-          })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(AudioRow, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(PlayButton, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.PlayIcon, {
+          width: 10,
+          height: 10,
+          color: "#1F2937"
         })
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_StyledRoomComponents.LastRoomMessageText, {
-        children: "audio"
+        numberOfLines: 1,
+        children: body?.trim() ? body : 'audio'
       })]
     })]
   });

package/lib/commonjs/components/RoomComponents/styled/LastAudioMessage.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_StyledRoomComponents","_native","_reactNative","_jsxRuntime","e","__esModule","default","PlayButton","styled","View","PhotoContainer","LastAudioMessage","user","body","jsxs","LastRoomMessageContainer","children","jsx","LastRoomMessageName","name","style","display","flexDirection","gap","ShadeWrapper","Text","LastRoomMessageText","_default","exports"],"sourceRoot":"../../../../../src","sources":["components/RoomComponents/styled/LastAudioMessage.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,qBAAA,GAAAD,OAAA;AAOA,IAAAE,OAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AAA0C,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAI1C,MAAMG,UAAU,GAAGC,eAAM,CAACC,IAAI;AAC9B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,MAAMC,cAAc,GAAGF,eAAM,CAACC,IAAI;AAClC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,MAAME,gBAA2C,GAAGA,CAAC;EAAEC,IAAI;EAAEC;AAAK,CAAC,KAAK;EACtE,oBACE,IAAAV,WAAA,CAAAW,IAAA,EAACd,qBAAA,CAAAe,wBAAwB;IAAAC,QAAA,gBACvB,IAAAb,WAAA,CAAAc,GAAA,EAACjB,qBAAA,CAAAkB,mBAAmB;MAAAF,QAAA,EAAEJ,IAAI,EAAEO,IAAI,IAAI;IAAE,CAAsB,CAAC,eAC7D,IAAAhB,WAAA,CAAAW,IAAA,EAACZ,YAAA,CAAAO,IAAI;MACHW,KAAK,EAAE;QACLC,OAAO,EAAE,MAAM;QACfC,aAAa,EAAE,KAAK;QACpBC,GAAG,EAAE;MACP,CAAE;MAAAP,QAAA,gBAEF,IAAAb,WAAA,CAAAc,GAAA,EAACP,cAAc;QAAAM,QAAA,eACb,IAAAb,WAAA,CAAAc,GAAA,EAACjB,qBAAA,CAAAwB,YAAY;UAAAR,QAAA,eACX,IAAAb,WAAA,CAAAc,GAAA,EAACV,UAAU;YAAAS,QAAA,eAAC,IAAAb,WAAA,CAAAc,GAAA,EAACf,YAAA,CAAAuB,IAAI;cAAAT,QAAA,EAAC;YAAC,CAAM;UAAC,CAAY;QAAC,CAC3B;MAAC,CACD,CAAC,eACjB,IAAAb,WAAA,CAAAc,GAAA,EAACjB,qBAAA,CAAA0B,mBAAmB;QAAAV,QAAA,EAAC;MAAK,CAAqB,CAAC;IAAA,CAC5C,CAAC;EAAA,CACiB,CAAC;AAE/B,CAAC;AAAC,IAAAW,QAAA,GAAAC,OAAA,CAAAtB,OAAA,GAEaK,gBAAgB","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_StyledRoomComponents","_native","_icons","_jsxRuntime","e","__esModule","default","PlayButton","styled","View","AudioRow","LastAudioMessage","user","body","jsxs","LastRoomMessageContainer","children","jsx","LastRoomMessageName","numberOfLines","name","PlayIcon","width","height","color","LastRoomMessageText","trim","_default","exports"],"sourceRoot":"../../../../../src","sources":["components/RoomComponents/styled/LastAudioMessage.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,qBAAA,GAAAD,OAAA;AAMA,IAAAE,OAAA,GAAAH,sBAAA,CAAAC,OAAA;AAEA,IAAAG,MAAA,GAAAH,OAAA;AAAiD,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAIjD,MAAMG,UAAU,GAAGC,eAAM,CAACC,IAAI;AAC9B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,MAAMC,QAAQ,GAAGF,eAAM,CAACC,IAAI;AAC5B;AACA;AACA;AACA,CAAC;AAED,MAAME,gBAA2C,GAAGA,CAAC;EAAEC,IAAI;EAAEC;AAAK,CAAC,KAAK;EACtE,oBACE,IAAAV,WAAA,CAAAW,IAAA,EAACd,qBAAA,CAAAe,wBAAwB;IAAAC,QAAA,gBACvB,IAAAb,WAAA,CAAAc,GAAA,EAACjB,qBAAA,CAAAkB,mBAAmB;MAACC,aAAa,EAAE,CAAE;MAAAH,QAAA,EAAEJ,IAAI,EAAEQ,IAAI,IAAI;IAAE,CAAsB,CAAC,eAC/E,IAAAjB,WAAA,CAAAW,IAAA,EAACJ,QAAQ;MAAAM,QAAA,gBACP,IAAAb,WAAA,CAAAc,GAAA,EAACV,UAAU;QAAAS,QAAA,eACT,IAAAb,WAAA,CAAAc,GAAA,EAACf,MAAA,CAAAmB,QAAQ;UAACC,KAAK,EAAE,EAAG;UAACC,MAAM,EAAE,EAAG;UAACC,KAAK,EAAC;QAAS,CAAE;MAAC,CACzC,CAAC,eACb,IAAArB,WAAA,CAAAc,GAAA,EAACjB,qBAAA,CAAAyB,mBAAmB;QAACN,aAAa,EAAE,CAAE;QAAAH,QAAA,EACnCH,IAAI,EAAEa,IAAI,CAAC,CAAC,GAAGb,IAAI,GAAG;MAAO,CACX,CAAC;IAAA,CACd,CAAC;EAAA,CACa,CAAC;AAE/B,CAAC;AAAC,IAAAc,QAAA,GAAAC,OAAA,CAAAtB,OAAA,GAEaK,gBAAgB","ignoreList":[]}