stream-chat-react-native-core 5.28.1-beta.1 → 5.29.0-beta.1

package/src/i18n/tr.json

@@ -1,6 +1,6 @@
 {
   "1 Reply": "1 Cevap",
-  "1 Thread Reply": "",
+  "1 Thread Reply": "1 Konu Yanıtı",
   "Allow access to your Gallery": "",
   "Allow camera access in device settings": "",
   "Also send to channel": "",
@@ -17,7 +17,7 @@
   "Do you want to send a copy of this message to a moderator for further investigation?": "",
   "Edit Message": "",
   "Editing Message": "",
-  "Emoji matching": "Emoji eşleştirme",
+  "Emoji matching": "",
   "Empty message...": "Boş mesaj...",
   "Error loading": "",
   "Error loading channel list...": "",
@@ -27,8 +27,9 @@
   "Flag": "",
   "Flag Message": "",
   "Flag action failed either due to a network issue or the message is already flagged": "",
+  "Hold to start recording.": "Kayıt yapmak için basılı tutun.",
   "How about sending your first message to a friend?": "",
-  "Instant Commands": "Anlık Komutlar",
+  "Instant Commands": "",
   "Let's start chatting!": "",
   "Links are disabled": "",
   "Loading channels...": "",
@@ -48,18 +49,19 @@
   "Photos and Videos": "",
   "Pin to Conversation": "",
   "Pinned by": "",
+  "Please allow Audio permissions in settings.": "Lütfen ayarlarda ses izinlerine izin verin",
   "Please enable access to your photos and videos so you can share them.": "",
   "Please select a channel first": "",
   "Reconnecting...": "Yeniden Bağlanılıyor...",
   "Reply": "",
   "Reply to Message": "",
   "Resend": "",
-  "Search GIFs": "",
+  "Search GIFs": "GIF Ara",
   "Select More Photos": "",
   "Send Anyway": "",
-  "Send a message": "",
+  "Send a message": "Mesaj gönder",
   "Sending links is not allowed in this conversation": "",
-  "Slow mode ON": "",
+  "Slow mode ON": "Yavaş Mod Açık",
   "The message has been reported to a moderator.": "",
   "Thread Reply": "",
   "Unblock User": "",
@@ -70,10 +72,10 @@
   "Video": "",
   "You": "Sen",
   "You can't send messages in this channel": "",
-  "{{ firstUser }} and {{ nonSelfUserLength }} more are typing": "{{ firstUser }} ve {{ nonSelfUserLength }} kişi daha yazıyor",
+  "{{ firstUser }} and {{ nonSelfUserLength }} more are typing": "",
   "{{ index }} of {{ photoLength }}": "",
   "{{ replyCount }} Replies": "{{ replyCount }} Cevap",
-  "{{ replyCount }} Thread Replies": "",
-  "{{ user }} is typing": "{{ user }} yazıyor",
+  "{{ replyCount }} Thread Replies": "{{responseCount}} Konu Cevapı",
+  "{{ user }} is typing": "",
   "🏙 Attachment...": "🏙 Ek..."
 }

package/src/icons/ArrowLeft.tsx

@@ -0,0 +1,18 @@
+import React from 'react';
+
+import { Path, Svg } from 'react-native-svg';
+
+import { IconProps } from './utils/base';
+
+type Props = IconProps & {
+  size: number;
+};
+
+export const ArrowLeft = ({ size, ...rest }: Props) => (
+  <Svg fill={'none'} height={size} viewBox={`0 0 ${size} ${size}`} width={size}>
+    <Path
+      d='M6.86621 11.6543C6.875 11.3555 6.98047 11.1006 7.21777 10.8721L14.0732 4.16602C14.2578 3.97266 14.5039 3.87598 14.7852 3.87598C15.3564 3.87598 15.8047 4.31543 15.8047 4.88672C15.8047 5.16797 15.6904 5.42285 15.4971 5.625L9.31836 11.6543L15.4971 17.6836C15.6904 17.877 15.8047 18.1318 15.8047 18.4131C15.8047 18.9932 15.3564 19.4326 14.7852 19.4326C14.5039 19.4326 14.2578 19.3359 14.0732 19.1426L7.21777 12.4365C6.98047 12.208 6.86621 11.9531 6.86621 11.6543Z'
+      {...rest}
+    />
+  </Svg>
+);

package/src/icons/ArrowUp.tsx

@@ -0,0 +1,19 @@
+import React from 'react';
+
+import { Path, Svg } from 'react-native-svg';
+
+import { ColorValue } from 'react-native/types';
+
+type Props = {
+  color: ColorValue;
+  size: number;
+};
+
+export const ArrowUp = ({ color, size }: Props) => (
+  <Svg fill={'none'} height={size} viewBox={`0 0 ${size} ${size}`} width={size}>
+    <Path
+      d='M16 11.0601L8 19.0601L9.88 20.9401L16 14.8334L22.12 20.9401L24 19.0601L16 11.0601Z'
+      fill={color}
+    />
+  </Svg>
+);

package/src/icons/Audio.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
-import { Defs, LinearGradient, Stop } from 'react-native-svg';
+import { Path } from 'react-native-svg';
 
-import { IconProps, RootPath, RootSvg } from './utils/base';
+import { IconProps, RootSvg } from './utils/base';
 
 export const Audio = (props: IconProps) => (
   <RootSvg
@@ -10,30 +10,30 @@ export const Audio = (props: IconProps) => (
     width={props.width || 34}
     {...props}
   >
-    <RootPath
-      d='M0 3a3 3 0 013-3h20.333l10 10v27a3 3 0 01-3 3H3a3 3 0 01-3-3V3z'
-      pathFill='url(#gradient)'
+    <Path
+      clipRule='evenodd'
+      d='M17.7168 33.672C18.2348 33.672 18.4238 34.155 18.4238 34.68C18.4238 35.142 18.2978 35.695 17.7168 35.695C17.1708 35.695 16.9888 35.142 16.9888 34.645C16.9888 34.183 17.1708 33.672 17.7168 33.672ZM19.5718 31.502H18.3818V33.2589H18.3678C18.1228 32.93 17.7798 32.762 17.3318 32.762C16.3028 32.762 15.7988 33.658 15.7988 34.603C15.7988 35.625 16.2818 36.6049 17.4228 36.6049C17.8428 36.6049 18.1928 36.423 18.4238 36.08H18.4378V36.5H19.5718V31.502ZM12.7095 34.6872C12.7095 34.2252 12.8775 33.6722 13.4305 33.6722C13.9835 33.6722 14.1585 34.2252 14.1585 34.6872C14.1585 35.1492 13.9835 35.6952 13.4305 35.6952C12.8775 35.6952 12.7095 35.1492 12.7095 34.6872ZM11.5195 34.6872C11.5195 35.7792 12.3035 36.6052 13.4305 36.6052C14.5575 36.6052 15.3485 35.7792 15.3485 34.6872C15.3485 33.5952 14.5575 32.7622 13.4305 32.7622C12.3035 32.7622 11.5195 33.5952 11.5195 34.6872ZM21.839 32.8671H22.574V33.6371H21.839V35.2891C21.839 35.5761 22.007 35.6391 22.266 35.6391C22.3142 35.6391 22.364 35.6357 22.4147 35.6323C22.4672 35.6287 22.5206 35.6251 22.574 35.6251V36.5001C22.481 36.5031 22.388 36.5099 22.295 36.5168C22.171 36.5259 22.047 36.5351 21.923 36.5351C20.908 36.5351 20.649 36.2411 20.649 35.2541V33.6371H20.047V32.8671H20.649V31.7681H21.839V32.8671Z'
+      fill={'#ffffff'}
+      fillRule='evenodd'
+      id='Vector'
     />
-    <RootPath
-      d='M9.88 23.941h3.418l4.654 3.808a.44.44 0 00.718-.34V13.44a.44.44 0 00-.718-.34l-4.654 3.809H9.879a.88.88 0 00-.879.88v5.274c0 .485.394.879.88.879zm4.046-5.275l2.986-2.444v8.405l-2.986-2.444h-3.168v-3.517h3.168zm6.925-.314c-.377.057-.611.312-.523.567l-.002.001a5.3 5.3 0 01.302 1.775 5.426 5.426 0 01-.308 1.796c-.091.255.148.509.527.569.054.008.107.012.16.012.319 0 .609-.149.685-.366a6.27 6.27 0 00.345-2.01 6.157 6.157 0 00-.341-1.993c-.09-.255-.467-.412-.845-.351zm2.31-1.75c.364-.086.765.043.894.292A8.206 8.206 0 0125 20.692c0 1.297-.32 2.592-.948 3.823-.102.197-.376.32-.67.32-.075 0-.152-.009-.228-.026-.368-.084-.563-.355-.436-.601.58-1.132.874-2.324.875-3.516 0-1.186-.288-2.37-.865-3.49-.128-.246.067-.516.432-.6z'
-      pathFill='#CFCFCF'
+    <Path
+      d='M0 28.5H34V37.5C34 39.1569 32.6569 40.5 31 40.5H3C1.34315 40.5 0 39.1569 0 37.5V28.5Z'
+      fill={'#2727B0'}
+      id='extension bar'
     />
-    <RootPath
-      d='M25.865 9.99a2.48 2.48 0 01-2.48-2.48V.058L33.33 9.99h-7.466z'
-      pathFill='#DBDBDB'
+    <Path d='M0 3C0 1.34315 1.34315 0 3 0H23L34 11V28H0V3Z' fill={'#F5F5F5'} id='extension bar' />
+    <Path
+      d='M34 11.5L26 11.5C24.3431 11.5 23 10.1569 23 8.5V0.5L34 11.5Z'
+      fill={'#DBDBDB'}
+      id='tab'
+    />
+    <Path
+      clipRule='evenodd'
+      d='M8.87912 22.441H12.298L16.9521 25.2493C17.0307 25.3138 17.1293 25.349 17.2311 25.349C17.4738 25.3488 17.6705 25.1519 17.6703 24.9092V12.9399C17.6704 12.8381 17.6352 12.7396 17.5707 12.6609C17.4168 12.4732 17.1398 12.4457 16.9521 12.5996L12.298 15.408H8.87912C8.3936 15.408 8 15.8016 8 16.2871V21.5619C8 22.0474 8.3936 22.441 8.87912 22.441ZM12.9258 17.1664L15.9122 15.7224V22.1268L12.9258 20.6829H9.7583V17.1664H12.9258ZM19.8511 16.8517C19.474 16.9092 19.2397 17.1637 19.3283 17.4191L19.3262 17.42C19.5295 17.9995 19.6305 18.598 19.6284 19.1953C19.6305 19.7975 19.5237 20.4014 19.3196 20.9909C19.229 21.2462 19.4682 21.4996 19.8474 21.56C19.9008 21.5683 19.9542 21.572 20.0076 21.572C20.3259 21.572 20.6156 21.4234 20.6922 21.2057C20.9194 20.5451 21.0337 19.87 21.0374 19.1953C21.0349 18.5251 20.9211 17.8575 20.6955 17.2035C20.6053 16.9477 20.229 16.7908 19.8511 16.8517ZM22.1605 15.1028C22.5252 15.0163 22.9259 15.1454 23.055 15.3938C23.6891 16.6157 24 17.9042 24 19.1923C24.0004 20.4895 23.6796 21.7839 23.0521 23.0153C22.9503 23.2123 22.6763 23.3344 22.3828 23.3344C22.3071 23.3344 22.2301 23.3261 22.1543 23.3092C21.7863 23.2251 21.5914 22.9536 21.7185 22.7077C22.2988 21.5761 22.5922 20.3836 22.5931 19.1919C22.5931 18.0056 22.3054 16.8222 21.7276 15.7025C21.6001 15.4563 21.795 15.186 22.1605 15.1028Z'
+      fill={'#2727B0'}
+      fillRule='evenodd'
+      id='Vector_2'
     />
-    <Defs>
-      <LinearGradient
-        gradientUnits='userSpaceOnUse'
-        id='gradient'
-        x1={0}
-        x2={0}
-        y1={0}
-        y2={props.height || 40}
-      >
-        <Stop stopColor='#FFFFFF' />
-        <Stop offset={1} stopColor='#DBDBDB' />
-      </LinearGradient>
-    </Defs>
   </RootSvg>
 );

package/src/icons/CircleStop.tsx

@@ -0,0 +1,18 @@
+import React from 'react';
+
+import { Path, Svg } from 'react-native-svg';
+
+import { IconProps } from './utils/base';
+
+type Props = IconProps & {
+  size: number;
+};
+
+export const CircleStop = ({ size, ...rest }: Props) => (
+  <Svg fill={'none'} height={size} viewBox={`0 0 ${size} ${size}`} width={size}>
+    <Path
+      d='M16.4551 27.2441C22.6309 27.2441 27.7441 22.1198 27.7441 15.9551C27.7441 9.7793 22.6198 4.66602 16.444 4.66602C10.2793 4.66602 5.16602 9.7793 5.16602 15.9551C5.16602 22.1198 10.2904 27.2441 16.4551 27.2441ZM16.4551 25.3626C11.2311 25.3626 7.05859 21.179 7.05859 15.9551C7.05859 10.7311 11.2201 6.54753 16.444 6.54753C21.668 6.54753 25.8516 10.7311 25.8626 15.9551C25.8737 21.179 21.679 25.3626 16.4551 25.3626ZM13.5221 19.9837H19.3659C20.0632 19.9837 20.4727 19.5742 20.4727 18.8991V13.0111C20.4727 12.3249 20.0632 11.9264 19.3659 11.9264H13.5221C12.8359 11.9264 12.4154 12.3249 12.4154 13.0111V18.8991C12.4154 19.5742 12.8359 19.9837 13.5221 19.9837Z'
+      {...rest}
+    />
+  </Svg>
+);

package/src/icons/Delete.tsx

@@ -1,16 +1,22 @@
 import React from 'react';
 
-import { IconProps, RootPath, RootSvg } from './utils/base';
+import Svg, { Path } from 'react-native-svg';
 
-export const Delete = (props: IconProps) => (
-  <RootSvg {...props}>
-    <RootPath
+import { IconProps } from './utils/base';
+
+type Props = IconProps & {
+  size: number;
+};
+
+export const Delete = ({ size, ...rest }: Props) => (
+  <Svg height={size} viewBox={`0 0 ${size} ${size}`} width={size} {...rest}>
+    <Path
       d='M8 3a1 1 0 011-1h6a1 1 0 011 1v1h3a1 1 0 110 2H5a1 1 0 110-2h3V3zM6 7a1 1 0 011 1v11a1 1 0 001 1h8a1 1 0 001-1V8a1 1 0 112 0v11a3 3 0 01-3 3H8a3 3 0 01-3-3V8a1 1 0 011-1z'
-      {...props}
+      {...rest}
     />
-    <RootPath
+    <Path
       d='M10 8a1 1 0 011 1v8a1 1 0 11-2 0V9a1 1 0 011-1zM14 8a1 1 0 011 1v8a1 1 0 11-2 0V9a1 1 0 011-1z'
-      {...props}
+      {...rest}
     />
-  </RootSvg>
+  </Svg>
 );

package/src/icons/Lock.tsx

@@ -0,0 +1,22 @@
+import React from 'react';
+
+import { G, Path, Svg } from 'react-native-svg';
+
+import { ColorValue } from 'react-native/types';
+
+type Props = {
+  color: ColorValue;
+  size: number;
+};
+
+export const Lock = ({ color, size }: Props) => (
+  <Svg fill={'none'} height={size} viewBox={`0 0 ${size} ${size}`} width={size}>
+    <G id='Lock'>
+      <Path
+        d='M10.5039 26.9062H21.4844C23.2656 26.9062 24.1914 25.957 24.1914 24.0352V15.7383C24.1914 14.0391 23.4648 13.1016 22.0586 12.9141V10.125C22.0586 5.80078 19.1992 3.5625 16 3.5625C12.8008 3.5625 9.94141 5.80078 9.94141 10.125V12.9141C8.53516 13.1016 7.79688 14.0391 7.79688 15.7383V24.0352C7.79688 25.957 8.72266 26.9062 10.5039 26.9062ZM12.1328 9.91406C12.1328 7.17188 13.9023 5.67188 16 5.67188C18.0859 5.67188 19.8672 7.17188 19.8672 9.91406V12.8789H12.1328V9.91406ZM10.8438 24.8086C10.3633 24.8086 10.0703 24.5156 10.0703 23.9531V15.8203C10.0703 15.2578 10.3633 14.9766 10.8438 14.9766H21.1562C21.6484 14.9766 21.918 15.2578 21.918 15.8203V23.9531C21.918 24.5156 21.6484 24.8086 21.1562 24.8086H10.8438Z'
+        fill={color}
+        id='Lock'
+      />
+    </G>
+  </Svg>
+);

package/src/icons/Mic.tsx

@@ -0,0 +1,20 @@
+import React from 'react';
+
+import { G, Path, Svg } from 'react-native-svg';
+
+import { IconProps } from './utils/base';
+
+type Props = IconProps & {
+  size: number;
+};
+
+export const Mic = ({ size, ...rest }: Props) => (
+  <Svg height={size} viewBox={`0 0 ${size} ${size}`} width={size} {...rest}>
+    <G id='24 / mic_iOS'>
+      <Path
+        d='M11.5234 13.9922C11.5234 16.8047 13.375 18.7734 16 18.7734C18.6367 18.7734 20.4766 16.8047 20.4766 13.9922V6.69141C20.4766 3.86719 18.6367 1.89844 16 1.89844C13.375 1.89844 11.5234 3.86719 11.5234 6.69141V13.9922ZM13.7383 14.0273V6.64453C13.7383 5.08594 14.6172 4.01953 16 4.01953C17.3828 4.01953 18.2617 5.08594 18.2617 6.64453V14.0273C18.2617 15.5977 17.3828 16.6523 16 16.6523C14.6172 16.6523 13.7383 15.5977 13.7383 14.0273ZM7.10547 14.5078C7.10547 19.3242 10.3047 22.6289 14.9336 23.0742V25.4766H10.6211C10.0234 25.4766 9.51953 25.9688 9.51953 26.5781C9.51953 27.1758 10.0234 27.668 10.6211 27.668H21.3789C21.9883 27.668 22.4922 27.1758 22.4922 26.5781C22.4922 25.9688 21.9883 25.4766 21.3789 25.4766H17.0781V23.0742C21.6953 22.6289 24.9062 19.3242 24.9062 14.5078V12.1875C24.9062 11.5781 24.4141 11.0977 23.8047 11.0977C23.1953 11.0977 22.6914 11.5781 22.6914 12.1875V14.4258C22.6914 18.4102 19.9961 21.0469 16 21.0469C12.0039 21.0469 9.30859 18.4102 9.30859 14.4258V12.1875C9.30859 11.5781 8.81641 11.0977 8.20703 11.0977C7.59766 11.0977 7.10547 11.5781 7.10547 12.1875V14.5078Z'
+        {...rest}
+      />
+    </G>
+  </Svg>
+);

package/src/icons/Pause.tsx

@@ -1,14 +1,15 @@
 import React from 'react';
-import { Rect } from 'react-native-svg';
+import Svg, { Path } from 'react-native-svg';
 
-import { IconProps, RootSvg } from './utils/base';
+import { IconProps } from './utils/base';
 
-export const Pause = (props: IconProps) => {
-  const { height, width } = props;
-  return (
-    <RootSvg height={height} viewBox={`0 0 ${height} ${width}`} width={width} {...props}>
-      <Rect fill={props.pathFill} height={14} width={4} x={6} y={5} />
-      <Rect fill={props.pathFill} height={14} width={4} x={14} y={5} />
-    </RootSvg>
-  );
-};
+type Props = IconProps;
+
+export const Pause = ({ height, width, ...rest }: Props) => (
+  <Svg height={height} viewBox={`0 0 ${height} ${width}`} width={width} {...rest}>
+    <Path
+      d='M8 25.3333H13.3333V6.66663H8V25.3333ZM18.6667 6.66663V25.3333H24V6.66663H18.6667Z'
+      {...rest}
+    />
+  </Svg>
+);

package/src/icons/Play.tsx

@@ -1,17 +1,13 @@
 import React from 'react';
 
-import { IconProps, RootPath, RootSvg } from './utils/base';
+import Svg, { Path } from 'react-native-svg';
 
-export const Play = (props: IconProps) => (
-  <RootSvg
-    height={props.height}
-    viewBox={`0 0 ${props.height} ${props.width}`}
-    width={props.width}
-    {...props}
-  >
-    <RootPath
-      d='M 9.5547 5.03647 C 8.89014 4.59343 8 5.06982 8 5.86852 V 18.1315 C 8 18.9302 8.89015 19.4066 9.5547 18.9635 L 18.7519 12.8321 C 19.3457 12.4362 19.3457 11.5638 18.7519 11.1679 L 9.5547 5.03647 Z'
-      {...props}
-    />
-  </RootSvg>
+import { IconProps } from './utils/base';
+
+type Props = IconProps;
+
+export const Play = ({ height, width, ...rest }: Props) => (
+  <Svg height={height} viewBox={`0 0 ${height} ${width}`} width={width} {...rest}>
+    <Path d='M8.66602 6.66663V25.3333L23.3327 16L8.66602 6.66663Z' {...rest} />
+  </Svg>
 );

package/src/icons/SendCheck.tsx

@@ -0,0 +1,18 @@
+import React from 'react';
+
+import Svg, { Path } from 'react-native-svg';
+
+import { IconProps } from './utils/base';
+
+type Props = IconProps & {
+  size: number;
+};
+
+export const SendCheck = ({ size, ...rest }: Props) => (
+  <Svg height={size} viewBox={`0 0 ${size} ${size}`} width={size} {...rest}>
+    <Path
+      d='M16 32C7.24879 32 0 24.7667 0 16C0 7.24879 7.2333 0 15.9845 0C24.7512 0 32 7.24879 32 16C32 24.7667 24.7512 32 16 32ZM14.2807 23.6515C14.8538 23.6515 15.3495 23.3572 15.7057 22.8306L22.9545 11.5237C23.1713 11.183 23.3572 10.7957 23.3572 10.4395C23.3572 9.63408 22.6602 9.09197 21.8858 9.09197C21.3901 9.09197 20.9564 9.35528 20.6312 9.89739L14.2188 20.151L11.2294 16.3562C10.8422 15.8606 10.4705 15.6747 9.99032 15.6747C9.1849 15.6747 8.56534 16.3253 8.56534 17.1152C8.56534 17.5024 8.70474 17.8742 8.98354 18.2149L12.7783 22.8306C13.212 23.3882 13.6922 23.6515 14.2807 23.6515Z'
+      {...rest}
+    />
+  </Svg>
+);

package/src/icons/SendRight.tsx

@@ -1,12 +1,21 @@
 import React from 'react';
 
-import { IconProps, RootPath, RootSvg } from './utils/base';
+import Svg, { Circle, Path } from 'react-native-svg';
 
-export const SendRight = (props: IconProps) => (
-  <RootSvg {...props}>
-    <RootPath
-      d='M22 12c0-5.52-4.48-10-10-10S2 6.48 2 12s4.48 10 10 10 10-4.48 10-10zM8 11h4V8l4 4-4 4v-3H8v-2z'
-      {...props}
+import { IconProps } from './utils/base';
+
+type Props = IconProps & {
+  size: number;
+};
+
+export const SendRight = ({ size, ...rest }: Props) => (
+  <Svg height={size} viewBox={`0 0 ${size} ${size}`} width={size} {...rest}>
+    <Circle cx={size / 2} cy={size / 2} r={size / 2} {...rest} />
+    <Path
+      clipRule='evenodd'
+      d='M9.33398 14.6666H16.0007V9.33325L22.6673 15.9999L16.0007 22.6666V17.3333H9.33398V14.6666Z'
+      fill={'white'}
+      fillRule='evenodd'
     />
-  </RootSvg>
+  </Svg>
 );

package/src/icons/SendUp.tsx

@@ -1,12 +1,21 @@
 import React from 'react';
 
-import { IconProps, RootPath, RootSvg } from './utils/base';
+import Svg, { Circle, Path } from 'react-native-svg';
 
-export const SendUp = (props: IconProps) => (
-  <RootSvg {...props}>
-    <RootPath
-      d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 14v-4H8l4-4 4 4h-3v4h-2z'
-      {...props}
+import { IconProps } from './utils/base';
+
+type Props = IconProps & {
+  size: number;
+};
+
+export const SendUp = ({ size, ...rest }: Props) => (
+  <Svg height={size} viewBox={`0 0 ${size} ${size}`} width={size} {...rest}>
+    <Circle cx={size / 2} cy={size / 2} r={size / 2} {...rest} />
+    <Path
+      clipRule='evenodd'
+      d='M14.6673 16V22.6667H17.334V16H22.6673L16.0007 9.33337L9.33398 16H14.6673Z'
+      fill={'white'}
+      fillRule='evenodd'
     />
-  </RootSvg>
+  </Svg>
 );

package/src/icons/Stop.tsx

@@ -0,0 +1,12 @@
+import React from 'react';
+
+import { IconProps, RootPath, RootSvg } from './utils/base';
+
+export const Stop: React.FC<IconProps> = (props) => (
+  <RootSvg {...props}>
+    <RootPath
+      d='M 14 0.666687 C 6.41 0.666687 0.25 6.64002 0.25 14 C 0.25 21.36 6.41 27.3334 14 27.3334 C 21.59 27.3334 27.75 21.36 27.75 14 C 27.75 6.64002 21.59 0.666687 14 0.666687 Z M 14 24.6667 C 7.9225 24.6667 3 19.8934 3 14 C 3 8.10669 7.9225 3.33335 14 3.33335 C 20.0775 3.33335 25 8.10669 25 14 C 25 19.8934 20.0775 24.6667 14 24.6667 Z M 19.5 19.3334 H 8.5 V 8.66669 H 19.5 V 19.3334 Z'
+      {...props}
+    />
+  </RootSvg>
+);

package/src/icons/index.ts

@@ -1,6 +1,8 @@
 export * from './utils/base';
 
 export * from './ArrowRight';
+export * from './ArrowLeft';
+export * from './ArrowUp';
 export * from './AtMentions';
 export * from './Attach';
 export * from './Audio';
@@ -9,6 +11,7 @@ export * from './Check';
 export * from './CheckAll';
 export * from './CheckSend';
 export * from './CircleClose';
+export * from './CircleStop';
 export * from './Close';
 export * from './Copy';
 export * from './CSV';
@@ -33,6 +36,7 @@ export * from './Imgur';
 export * from './Lightning';
 export * from './Link';
 export * from './Loading';
+export * from './Lock';
 export * from './Logo';
 export * from './LOLReaction';
 export * from './LoveReaction';
@@ -42,6 +46,7 @@ export * from './MenuPointHorizontal';
 export * from './MenuPointVertical';
 export * from './MessageFlag';
 export * from './MessageIcon';
+export * from './Mic';
 export * from './Mute';
 export * from './Notification';
 export * from './ODT';
@@ -57,6 +62,7 @@ export * from './RAR';
 export * from './Refresh';
 export * from './RTF';
 export * from './Search';
+export * from './SendCheck';
 export * from './SendRight';
 export * from './SendUp';
 export * from './SEVEN_Z';
@@ -64,6 +70,7 @@ export * from './Share';
 export * from './ShareRightArrow';
 export * from './Smile';
 export * from './Sound';
+export * from './Stop';
 export * from './TAR';
 export * from './ThreadReply';
 export * from './ThumbsDownReaction';

package/src/native.ts

@@ -108,14 +108,18 @@ type TriggerHaptic = (method: HapticFeedbackMethod) => void | never;
 export let triggerHaptic: TriggerHaptic = fail;
 
 export type PlaybackStatus = {
+  currentPosition: number;
   didJustFinish: boolean;
+  duration: number;
   durationMillis: number;
   error: string;
   isBuffering: boolean;
   isLoaded: boolean;
   isLooping: boolean;
+  isMuted: boolean;
   isPlaying: boolean;
   positionMillis: number;
+  shouldPlay: boolean;
 };
 
 export type AVPlaybackStatusToSet = {
@@ -152,13 +156,18 @@ export type SoundReturnType = {
   onPlaybackStatusUpdate?: (playbackStatus: PlaybackStatus) => void;
   onProgress?: (data: VideoProgressData) => void;
   onReadyForDisplay?: () => void;
+  pause?: () => void;
   pauseAsync?: () => void;
   play?: () => void;
   playAsync?: () => void;
+  rate?: number;
   replayAsync?: () => void;
   resizeMode?: string;
+  resume?: () => void;
   seek?: (progress: number) => void;
   setPositionAsync?: (millis: number) => void;
+  setProgressUpdateIntervalAsync?: (progressUpdateIntervalMillis: number) => void;
+  setRateAsync?: (rate: number) => void;
   soundRef?: React.RefObject<SoundReturnType>;
   stopAsync?: () => void;
   style?: StyleProp<ViewStyle>;
@@ -175,6 +184,60 @@ export type SoundType = {
   Player: React.ComponentType<SoundReturnType> | null;
 };
 
+export type RecordingStatus = {
+  canRecord: boolean;
+  currentMetering: number;
+  currentPosition: number;
+  durationMillis: number;
+  isDoneRecording: boolean;
+  isRecording: boolean;
+  metering: number;
+  mediaServicesDidReset?: boolean;
+  uri?: string | null;
+};
+
+export type AudioRecordingReturnType =
+  | string
+  | {
+      getStatusAsync: () => Promise<RecordingStatus>;
+      getURI: () => string | null;
+      pauseAsync: () => Promise<RecordingStatus>;
+      recording: string;
+      setProgressUpdateInterval: (progressUpdateIntervalMillis: number) => void;
+      stopAndUnloadAsync: () => Promise<RecordingStatus>;
+    }
+  | undefined;
+
+export type AudioReturnType = {
+  accessGranted: boolean;
+  recording?: AudioRecordingReturnType;
+};
+
+export type RecordingOptions = {
+  /**
+   * A boolean that determines whether audio level information will be part of the status object under the "metering" key.
+   */
+  isMeteringEnabled?: boolean;
+};
+
+export type AudioType = {
+  startRecording: (
+    options?: RecordingOptions,
+    onRecordingStatusUpdate?: (recordingStatus: RecordingStatus) => void,
+  ) => Promise<AudioReturnType>;
+  stopRecording: () => Promise<void>;
+  pausePlayer?: () => Promise<void>;
+  resumePlayer?: () => Promise<void>;
+  startPlayer?: (
+    uri?: AudioRecordingReturnType,
+    initialStatus?: Partial<AVPlaybackStatusToSet>,
+    onPlaybackStatusUpdate?: (playbackStatus: PlaybackStatus) => void,
+  ) => Promise<void>;
+  stopPlayer?: () => Promise<void>;
+};
+
+export let Audio: AudioType;
+
 export let Sound: SoundType;
 
 export type VideoProgressData = {
@@ -221,6 +284,7 @@ export type VideoType = {
 export let Video: React.ComponentType<VideoType>;
 
 type Handlers = {
+  Audio?: AudioType;
   compressImage?: CompressImage;
   deleteFile?: DeleteFile;
   FlatList?: typeof DefaultFlatList;
@@ -241,6 +305,10 @@ type Handlers = {
 };
 
 export const registerNativeHandlers = (handlers: Handlers) => {
+  if (handlers.Audio) {
+    Audio = handlers.Audio;
+  }
+
   if (handlers.compressImage) {
     compressImage = handlers.compressImage;
   }
@@ -311,3 +379,4 @@ export const registerNativeHandlers = (handlers: Handlers) => {
 
 export const isVideoPackageAvailable = () => !!Video;
 export const isAudioPackageAvailable = () => !!Sound.Player || !!Sound.initializeSound;
+export const isRecordingPackageAvailable = () => !!Audio;

package/src/types/types.ts

@@ -20,8 +20,10 @@ export type File = {
   id?: string;
   mimeType?: string;
   size?: number;
+  type?: 'file' | 'image' | 'video' | 'audio' | 'voiceRecording';
   // The uri should be of type `string`. But is `string|undefined` because the same type is used for the response from Stream's Attachment. This shall be fixed.
   uri?: string;
+  waveform_data?: number[];
 };
 
 export type FileUpload = {
@@ -32,7 +34,9 @@ export type FileUpload = {
   paused?: boolean;
   progress?: number;
   thumb_url?: string;
+  type?: string;
   url?: string;
+  waveform_data?: number[];
 };
 
 export type ImageUpload = {
@@ -45,10 +49,12 @@ export type ImageUpload = {
 };
 
 export type DefaultAttachmentType = UnknownType & {
+  duration?: number;
   file_size?: number;
   mime_type?: string;
   originalFile?: File;
   originalImage?: Partial<Asset>;
+  waveform_data?: number[];
 };
 
 interface DefaultUserType extends UnknownType {

package/src/utils/getTrimmedAttachmentTitle.ts

@@ -0,0 +1,5 @@
+export const getTrimmedAttachmentTitle = (title?: string) => {
+  if (!title) return '';
+  const lastIndexOfDot = title.lastIndexOf('.');
+  return title.length < 12 ? title : title.slice(0, 12) + '...' + title.slice(lastIndexOfDot);
+};

package/src/version.json

@@ -1,3 +1,3 @@
 {
-  "version": "5.28.1-beta.1"
+  "version": "5.29.0-beta.1"
 }