@sendbird/uikit-react-native 2.2.0 → 2.4.0

package/lib/commonjs/platform/createMediaService.expo.js.map

@@ -1 +1 @@
-{"version":3,"names":["createExpoMediaService","avModule","thumbnailModule","VideoComponent","source","resizeMode","onLoad","props","getVideoThumbnail","url","quality","timeMills","uri","getThumbnailAsync","time","path"],"sources":["createMediaService.expo.tsx"],"sourcesContent":["import type * as ExpoAV from 'expo-av';\nimport type * as ExpoVideoThumbnail from 'expo-video-thumbnails';\nimport React from 'react';\n\nimport type { MediaServiceInterface } from './types';\n\ntype Modules = {\n  avModule: typeof ExpoAV;\n  thumbnailModule: typeof ExpoVideoThumbnail;\n};\n\nconst createExpoMediaService = ({ avModule, thumbnailModule }: Modules): MediaServiceInterface => {\n  return {\n    VideoComponent({ source, resizeMode, onLoad, ...props }) {\n      // FIXME: type error https://github.com/expo/expo/issues/17101\n      // @ts-ignore\n      return <avModule.Video {...props} source={source} resizeMode={resizeMode} onLoad={onLoad} useNativeControls />;\n    },\n    async getVideoThumbnail({ url, quality, timeMills }) {\n      try {\n        const { uri } = await thumbnailModule.getThumbnailAsync(url, { quality, time: timeMills });\n        return { path: uri };\n      } catch {\n        return null;\n      }\n    },\n  };\n};\n\nexport default createExpoMediaService;\n"],"mappings":";;;;;;;AAEA;;;;;;AASA,MAAMA,sBAAsB,GAAG,QAAmE;EAAA,IAAlE;IAAEC,QAAF;IAAYC;EAAZ,CAAkE;EAChG,OAAO;IACLC,cAAc,QAA2C;MAAA,IAA1C;QAAEC,MAAF;QAAUC,UAAV;QAAsBC,MAAtB;QAA8B,GAAGC;MAAjC,CAA0C;MACvD;MACA;MACA,oBAAO,6BAAC,QAAD,CAAU,KAAV,eAAoBA,KAApB;QAA2B,MAAM,EAAEH,MAAnC;QAA2C,UAAU,EAAEC,UAAvD;QAAmE,MAAM,EAAEC,MAA3E;QAAmF,iBAAiB;MAApG,GAAP;IACD,CALI;;IAML,MAAME,iBAAN,QAAqD;MAAA,IAA7B;QAAEC,GAAF;QAAOC,OAAP;QAAgBC;MAAhB,CAA6B;;MACnD,IAAI;QACF,MAAM;UAAEC;QAAF,IAAU,MAAMV,eAAe,CAACW,iBAAhB,CAAkCJ,GAAlC,EAAuC;UAAEC,OAAF;UAAWI,IAAI,EAAEH;QAAjB,CAAvC,CAAtB;QACA,OAAO;UAAEI,IAAI,EAAEH;QAAR,CAAP;MACD,CAHD,CAGE,MAAM;QACN,OAAO,IAAP;MACD;IACF;;EAbI,CAAP;AAeD,CAhBD;;eAkBeZ,sB"}
+{"version":3,"names":["createExpoMediaService","avModule","thumbnailModule","imageManipulator","fsModule","VideoComponent","source","resizeMode","onLoad","props","getVideoThumbnail","url","quality","timeMills","uri","getThumbnailAsync","time","path","compressImage","maxWidth","maxHeight","compressionRate","originSize","SBUUtils","getImageSize","resizingSize","getDownscaleSize","width","height","compressedURI","manipulateAsync","resize","compress","Math","min","max","size","getInfoAsync"],"sources":["createMediaService.expo.tsx"],"sourcesContent":["import type * as ExpoAV from 'expo-av';\nimport type * as ExpoFS from 'expo-file-system';\nimport type * as ExpoImageManipulator from 'expo-image-manipulator';\nimport type * as ExpoVideoThumbnail from 'expo-video-thumbnails';\nimport React from 'react';\n\nimport { getDownscaleSize } from '@sendbird/uikit-utils';\n\nimport SBUUtils from '../libs/SBUUtils';\nimport type { MediaServiceInterface } from './types';\n\ntype Modules = {\n  avModule: typeof ExpoAV;\n  thumbnailModule: typeof ExpoVideoThumbnail;\n  imageManipulator: typeof ExpoImageManipulator;\n  fsModule: typeof ExpoFS;\n};\n\nconst createExpoMediaService = ({\n  avModule,\n  thumbnailModule,\n  imageManipulator,\n  fsModule,\n}: Modules): MediaServiceInterface => {\n  return {\n    VideoComponent({ source, resizeMode, onLoad, ...props }) {\n      // FIXME: type error https://github.com/expo/expo/issues/17101\n      // @ts-ignore\n      return <avModule.Video {...props} source={source} resizeMode={resizeMode} onLoad={onLoad} useNativeControls />;\n    },\n    async getVideoThumbnail({ url, quality, timeMills }) {\n      try {\n        const { uri } = await thumbnailModule.getThumbnailAsync(url, { quality, time: timeMills });\n        return { path: uri };\n      } catch {\n        return null;\n      }\n    },\n    async compressImage({ maxWidth, maxHeight, compressionRate = 1, uri }) {\n      const originSize = await SBUUtils.getImageSize(uri);\n      const resizingSize = getDownscaleSize(originSize, { width: maxWidth, height: maxHeight });\n\n      const { uri: compressedURI } = await imageManipulator.manipulateAsync(uri, [{ resize: resizingSize }], {\n        compress: Math.min(Math.max(0, compressionRate), 1),\n      });\n      const { size = 0 } = await fsModule.getInfoAsync(uri);\n\n      return { uri: compressedURI, size };\n    },\n  };\n};\n\nexport default createExpoMediaService;\n"],"mappings":";;;;;;;AAIA;;AAEA;;AAEA;;;;;;AAUA,MAAMA,sBAAsB,GAAG,QAKO;EAAA,IALN;IAC9BC,QAD8B;IAE9BC,eAF8B;IAG9BC,gBAH8B;IAI9BC;EAJ8B,CAKM;EACpC,OAAO;IACLC,cAAc,QAA2C;MAAA,IAA1C;QAAEC,MAAF;QAAUC,UAAV;QAAsBC,MAAtB;QAA8B,GAAGC;MAAjC,CAA0C;MACvD;MACA;MACA,oBAAO,6BAAC,QAAD,CAAU,KAAV,eAAoBA,KAApB;QAA2B,MAAM,EAAEH,MAAnC;QAA2C,UAAU,EAAEC,UAAvD;QAAmE,MAAM,EAAEC,MAA3E;QAAmF,iBAAiB;MAApG,GAAP;IACD,CALI;;IAML,MAAME,iBAAN,QAAqD;MAAA,IAA7B;QAAEC,GAAF;QAAOC,OAAP;QAAgBC;MAAhB,CAA6B;;MACnD,IAAI;QACF,MAAM;UAAEC;QAAF,IAAU,MAAMZ,eAAe,CAACa,iBAAhB,CAAkCJ,GAAlC,EAAuC;UAAEC,OAAF;UAAWI,IAAI,EAAEH;QAAjB,CAAvC,CAAtB;QACA,OAAO;UAAEI,IAAI,EAAEH;QAAR,CAAP;MACD,CAHD,CAGE,MAAM;QACN,OAAO,IAAP;MACD;IACF,CAbI;;IAcL,MAAMI,aAAN,QAAuE;MAAA,IAAnD;QAAEC,QAAF;QAAYC,SAAZ;QAAuBC,eAAe,GAAG,CAAzC;QAA4CP;MAA5C,CAAmD;MACrE,MAAMQ,UAAU,GAAG,MAAMC,iBAAA,CAASC,YAAT,CAAsBV,GAAtB,CAAzB;MACA,MAAMW,YAAY,GAAG,IAAAC,4BAAA,EAAiBJ,UAAjB,EAA6B;QAAEK,KAAK,EAAER,QAAT;QAAmBS,MAAM,EAAER;MAA3B,CAA7B,CAArB;MAEA,MAAM;QAAEN,GAAG,EAAEe;MAAP,IAAyB,MAAM1B,gBAAgB,CAAC2B,eAAjB,CAAiChB,GAAjC,EAAsC,CAAC;QAAEiB,MAAM,EAAEN;MAAV,CAAD,CAAtC,EAAkE;QACrGO,QAAQ,EAAEC,IAAI,CAACC,GAAL,CAASD,IAAI,CAACE,GAAL,CAAS,CAAT,EAAYd,eAAZ,CAAT,EAAuC,CAAvC;MAD2F,CAAlE,CAArC;MAGA,MAAM;QAAEe,IAAI,GAAG;MAAT,IAAe,MAAMhC,QAAQ,CAACiC,YAAT,CAAsBvB,GAAtB,CAA3B;MAEA,OAAO;QAAEA,GAAG,EAAEe,aAAP;QAAsBO;MAAtB,CAAP;IACD;;EAxBI,CAAP;AA0BD,CAhCD;;eAkCepC,sB"}

package/lib/commonjs/platform/createMediaService.native.js

@@ -7,18 +7,19 @@ exports.default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
+var _uikitUtils = require("@sendbird/uikit-utils");
+
+var _SBUUtils = _interopRequireDefault(require("../libs/SBUUtils"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-function hash(str) {
-  return String(Math.abs(str.split('').reduce((a, c) => (a << 5) - a + c.charCodeAt(0) | 0, 0)));
-}
-
 const createNativeMediaService = _ref => {
   let {
     VideoComponent,
-    thumbnailModule
+    thumbnailModule,
+    imageResizerModule
   } = _ref;
   return {
     VideoComponent(_ref2) {
@@ -49,7 +50,7 @@ const createNativeMediaService = _ref => {
           url,
           format: 'jpeg',
           timeStamp: timeMills,
-          cacheName: hash(url)
+          cacheName: (0, _uikitUtils.hash)(url)
         });
         return {
           path
@@ -57,6 +58,40 @@ const createNativeMediaService = _ref => {
       } catch {
         return null;
       }
+    },
+
+    async compressImage(_ref4) {
+      let {
+        uri,
+        maxWidth,
+        maxHeight,
+        compressionRate = 1
+      } = _ref4;
+      const originSize = await _SBUUtils.default.getImageSize(uri);
+      const {
+        width,
+        height
+      } = (0, _uikitUtils.getDownscaleSize)(originSize, {
+        width: maxWidth,
+        height: maxHeight
+      });
+
+      const extension = (() => {
+        return {
+          'png': 'PNG',
+          'jpeg': 'JPEG',
+          'jpg': 'JPEG'
+        }[(0, _uikitUtils.getFileExtension)(uri)] ?? 'JPEG';
+      })();
+
+      const {
+        size: resizedSize,
+        uri: compressedURI
+      } = await imageResizerModule.default.createResizedImage(uri, width, height, extension, Math.min(Math.max(0, compressionRate), 1) * 100);
+      return {
+        uri: compressedURI,
+        size: resizedSize
+      };
     }
 
   };

package/lib/commonjs/platform/createMediaService.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["hash","str","String","Math","abs","split","reduce","a","c","charCodeAt","createNativeMediaService","VideoComponent","thumbnailModule","source","resizeMode","onLoad","props","getVideoThumbnail","url","timeMills","path","createThumbnail","format","timeStamp","cacheName"],"sources":["createMediaService.native.tsx"],"sourcesContent":["import React from 'react';\nimport type * as CreateThumbnail from 'react-native-create-thumbnail';\nimport type Video from 'react-native-video';\n\nimport type { MediaServiceInterface } from './types';\n\ntype Modules = {\n  VideoComponent: typeof Video;\n  thumbnailModule: typeof CreateThumbnail;\n};\n\nfunction hash(str: string) {\n  return String(Math.abs(str.split('').reduce((a, c) => ((a << 5) - a + c.charCodeAt(0)) | 0, 0)));\n}\n\nconst createNativeMediaService = ({ VideoComponent, thumbnailModule }: Modules): MediaServiceInterface => {\n  return {\n    VideoComponent({ source, resizeMode, onLoad, ...props }) {\n      return <VideoComponent {...props} source={source} resizeMode={resizeMode} onLoad={onLoad} controls />;\n    },\n    async getVideoThumbnail({ url, timeMills }) {\n      try {\n        const { path } = await thumbnailModule.createThumbnail({\n          url,\n          format: 'jpeg',\n          timeStamp: timeMills,\n          cacheName: hash(url),\n        });\n        return { path };\n      } catch {\n        return null;\n      }\n    },\n  };\n};\n\nexport default createNativeMediaService;\n"],"mappings":";;;;;;;AAAA;;;;;;AAWA,SAASA,IAAT,CAAcC,GAAd,EAA2B;EACzB,OAAOC,MAAM,CAACC,IAAI,CAACC,GAAL,CAASH,GAAG,CAACI,KAAJ,CAAU,EAAV,EAAcC,MAAd,CAAqB,CAACC,CAAD,EAAIC,CAAJ,KAAW,CAACD,CAAC,IAAI,CAAN,IAAWA,CAAX,GAAeC,CAAC,CAACC,UAAF,CAAa,CAAb,CAAhB,GAAmC,CAAlE,EAAqE,CAArE,CAAT,CAAD,CAAb;AACD;;AAED,MAAMC,wBAAwB,GAAG,QAAyE;EAAA,IAAxE;IAAEC,cAAF;IAAkBC;EAAlB,CAAwE;EACxG,OAAO;IACLD,cAAc,QAA2C;MAAA,IAA1C;QAAEE,MAAF;QAAUC,UAAV;QAAsBC,MAAtB;QAA8B,GAAGC;MAAjC,CAA0C;MACvD,oBAAO,6BAAC,cAAD,eAAoBA,KAApB;QAA2B,MAAM,EAAEH,MAAnC;QAA2C,UAAU,EAAEC,UAAvD;QAAmE,MAAM,EAAEC,MAA3E;QAAmF,QAAQ;MAA3F,GAAP;IACD,CAHI;;IAIL,MAAME,iBAAN,QAA4C;MAAA,IAApB;QAAEC,GAAF;QAAOC;MAAP,CAAoB;;MAC1C,IAAI;QACF,MAAM;UAAEC;QAAF,IAAW,MAAMR,eAAe,CAACS,eAAhB,CAAgC;UACrDH,GADqD;UAErDI,MAAM,EAAE,MAF6C;UAGrDC,SAAS,EAAEJ,SAH0C;UAIrDK,SAAS,EAAExB,IAAI,CAACkB,GAAD;QAJsC,CAAhC,CAAvB;QAMA,OAAO;UAAEE;QAAF,CAAP;MACD,CARD,CAQE,MAAM;QACN,OAAO,IAAP;MACD;IACF;;EAhBI,CAAP;AAkBD,CAnBD;;eAqBeV,wB"}
+{"version":3,"names":["createNativeMediaService","VideoComponent","thumbnailModule","imageResizerModule","source","resizeMode","onLoad","props","getVideoThumbnail","url","timeMills","path","createThumbnail","format","timeStamp","cacheName","hash","compressImage","uri","maxWidth","maxHeight","compressionRate","originSize","SBUUtils","getImageSize","width","height","getDownscaleSize","extension","getFileExtension","size","resizedSize","compressedURI","default","createResizedImage","Math","min","max"],"sources":["createMediaService.native.tsx"],"sourcesContent":["import type * as RNImageResizer from '@bam.tech/react-native-image-resizer';\nimport React from 'react';\nimport type * as RNCreateThumbnail from 'react-native-create-thumbnail';\nimport type RNVideo from 'react-native-video';\n\nimport { getDownscaleSize, getFileExtension, hash } from '@sendbird/uikit-utils';\n\nimport SBUUtils from '../libs/SBUUtils';\nimport type { MediaServiceInterface } from './types';\n\ntype Modules = {\n  VideoComponent: typeof RNVideo;\n  thumbnailModule: typeof RNCreateThumbnail;\n  imageResizerModule: typeof RNImageResizer;\n};\n\nconst createNativeMediaService = ({\n  VideoComponent,\n  thumbnailModule,\n  imageResizerModule,\n}: Modules): MediaServiceInterface => {\n  return {\n    VideoComponent({ source, resizeMode, onLoad, ...props }) {\n      return <VideoComponent {...props} source={source} resizeMode={resizeMode} onLoad={onLoad} controls />;\n    },\n    async getVideoThumbnail({ url, timeMills }) {\n      try {\n        const { path } = await thumbnailModule.createThumbnail({\n          url,\n          format: 'jpeg',\n          timeStamp: timeMills,\n          cacheName: hash(url),\n        });\n        return { path };\n      } catch {\n        return null;\n      }\n    },\n    async compressImage({ uri, maxWidth, maxHeight, compressionRate = 1 }) {\n      const originSize = await SBUUtils.getImageSize(uri);\n      const { width, height } = getDownscaleSize(originSize, { width: maxWidth, height: maxHeight });\n      const extension = (() => {\n        return { 'png': 'PNG', 'jpeg': 'JPEG', 'jpg': 'JPEG' }[getFileExtension(uri)] ?? 'JPEG';\n      })() as 'PNG' | 'JPEG';\n\n      const { size: resizedSize, uri: compressedURI } = await imageResizerModule.default.createResizedImage(\n        uri,\n        width,\n        height,\n        extension,\n        Math.min(Math.max(0, compressionRate), 1) * 100,\n      );\n\n      return { uri: compressedURI, size: resizedSize };\n    },\n  };\n};\n\nexport default createNativeMediaService;\n"],"mappings":";;;;;;;AACA;;AAIA;;AAEA;;;;;;AASA,MAAMA,wBAAwB,GAAG,QAIK;EAAA,IAJJ;IAChCC,cADgC;IAEhCC,eAFgC;IAGhCC;EAHgC,CAII;EACpC,OAAO;IACLF,cAAc,QAA2C;MAAA,IAA1C;QAAEG,MAAF;QAAUC,UAAV;QAAsBC,MAAtB;QAA8B,GAAGC;MAAjC,CAA0C;MACvD,oBAAO,6BAAC,cAAD,eAAoBA,KAApB;QAA2B,MAAM,EAAEH,MAAnC;QAA2C,UAAU,EAAEC,UAAvD;QAAmE,MAAM,EAAEC,MAA3E;QAAmF,QAAQ;MAA3F,GAAP;IACD,CAHI;;IAIL,MAAME,iBAAN,QAA4C;MAAA,IAApB;QAAEC,GAAF;QAAOC;MAAP,CAAoB;;MAC1C,IAAI;QACF,MAAM;UAAEC;QAAF,IAAW,MAAMT,eAAe,CAACU,eAAhB,CAAgC;UACrDH,GADqD;UAErDI,MAAM,EAAE,MAF6C;UAGrDC,SAAS,EAAEJ,SAH0C;UAIrDK,SAAS,EAAE,IAAAC,gBAAA,EAAKP,GAAL;QAJ0C,CAAhC,CAAvB;QAMA,OAAO;UAAEE;QAAF,CAAP;MACD,CARD,CAQE,MAAM;QACN,OAAO,IAAP;MACD;IACF,CAhBI;;IAiBL,MAAMM,aAAN,QAAuE;MAAA,IAAnD;QAAEC,GAAF;QAAOC,QAAP;QAAiBC,SAAjB;QAA4BC,eAAe,GAAG;MAA9C,CAAmD;MACrE,MAAMC,UAAU,GAAG,MAAMC,iBAAA,CAASC,YAAT,CAAsBN,GAAtB,CAAzB;MACA,MAAM;QAAEO,KAAF;QAASC;MAAT,IAAoB,IAAAC,4BAAA,EAAiBL,UAAjB,EAA6B;QAAEG,KAAK,EAAEN,QAAT;QAAmBO,MAAM,EAAEN;MAA3B,CAA7B,CAA1B;;MACA,MAAMQ,SAAS,GAAG,CAAC,MAAM;QACvB,OAAO;UAAE,OAAO,KAAT;UAAgB,QAAQ,MAAxB;UAAgC,OAAO;QAAvC,EAAgD,IAAAC,4BAAA,EAAiBX,GAAjB,CAAhD,KAA0E,MAAjF;MACD,CAFiB,GAAlB;;MAIA,MAAM;QAAEY,IAAI,EAAEC,WAAR;QAAqBb,GAAG,EAAEc;MAA1B,IAA4C,MAAM7B,kBAAkB,CAAC8B,OAAnB,CAA2BC,kBAA3B,CACtDhB,GADsD,EAEtDO,KAFsD,EAGtDC,MAHsD,EAItDE,SAJsD,EAKtDO,IAAI,CAACC,GAAL,CAASD,IAAI,CAACE,GAAL,CAAS,CAAT,EAAYhB,eAAZ,CAAT,EAAuC,CAAvC,IAA4C,GALU,CAAxD;MAQA,OAAO;QAAEH,GAAG,EAAEc,aAAP;QAAsBF,IAAI,EAAEC;MAA5B,CAAP;IACD;;EAjCI,CAAP;AAmCD,CAxCD;;eA0Ce/B,wB"}

package/lib/commonjs/platform/dynamicModule.js

@@ -3,7 +3,6 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.checkVersion = checkVersion;
 exports.default = void 0;
 
 var _reactNative = require("react-native");
@@ -11,26 +10,14 @@ var _reactNative = require("react-native");
 var _uikitUtils = require("@sendbird/uikit-utils");
 
 /* eslint-disable no-console */
-function checkVersion(minVersion, currentVersion) {
-  const [minMajor, minMinor, minPatch] = minVersion.split('.');
-  const [currMajor, currMinor, currPatch] = currentVersion.split('.');
-  if (minMajor < currMajor) return true;
-
-  if (minMajor === currMajor) {
-    if (minMinor < currMinor) return true;
-
-    if (minMinor === currMinor) {
-      return minPatch <= currPatch;
-    }
-
-    return false;
-  }
-
-  return false;
-}
-
 function checkLink(dmi, logLevel) {
-  const nativeModule = _reactNative.NativeModules[dmi.moduleName];
+  const nativeModule = (() => {
+    if (dmi.isComponent) {
+      return _reactNative.UIManager.getViewManagerConfig(dmi.nativeModuleNamespace);
+    } else {
+      return _reactNative.NativeModules[dmi.nativeModuleNamespace];
+    }
+  })();
 
   if (!nativeModule) {
     const message = `[UIKit] Cannot use native module, you should install and link ${dmi.packageName} (${dmi.url})`;
@@ -40,44 +27,9 @@ function checkLink(dmi, logLevel) {
 }
 
 const SBUDynamicModuleRegistry = {
-  'react-native-file-access': {
-    minVersion: '2.4.3',
-    packageName: 'react-native-file-access',
-    moduleName: 'RNFileAccess',
-    url: 'https://github.com/alpha0010/react-native-file-access',
-
-    getPackage(logLevel) {
-      checkLink(this, logLevel);
-
-      try {
-        return require('react-native-file-access');
-      } catch (e) {
-        return null;
-      }
-    }
-
-  },
-  'react-native-fast-image': {
-    minVersion: '8.5.11',
-    packageName: 'react-native-fast-image',
-    moduleName: 'FastImageView',
-    url: 'https://github.com/DylanVann/react-native-fast-image',
-
-    getPackage(logLevel) {
-      checkLink(this, logLevel);
-
-      try {
-        return require('react-native-fast-image');
-      } catch (e) {
-        return null;
-      }
-    }
-
-  },
   '@react-native-community/netinfo': {
-    minVersion: '9.3.0',
     packageName: '@react-native-community/netinfo',
-    moduleName: 'RNCNetInfo',
+    nativeModuleNamespace: 'RNCNetInfo',
     url: 'https://github.com/react-native-netinfo/react-native-netinfo',
 
     getPackage(logLevel) {
@@ -94,7 +46,7 @@ const SBUDynamicModuleRegistry = {
 };
 const SBUDynamicModule = {
   register(mdi) {
-    SBUDynamicModuleRegistry[mdi.moduleName] = mdi;
+    SBUDynamicModuleRegistry[mdi.nativeModuleNamespace] = mdi;
   },
 
   getInfo(name) {

package/lib/commonjs/platform/dynamicModule.js.map

@@ -1 +1 @@
-{"version":3,"names":["checkVersion","minVersion","currentVersion","minMajor","minMinor","minPatch","split","currMajor","currMinor","currPatch","checkLink","dmi","logLevel","nativeModule","NativeModules","moduleName","message","packageName","url","console","error","warn","SBUDynamicModuleRegistry","getPackage","require","e","SBUDynamicModule","register","mdi","getInfo","name","get","Logger"],"sources":["dynamicModule.ts"],"sourcesContent":["/* eslint-disable no-console */\nimport type RNNetInfo from '@react-native-community/netinfo';\nimport { NativeModules } from 'react-native';\nimport type RNFastImage from 'react-native-fast-image';\nimport type RNFileAccess from 'react-native-file-access';\n\nimport { Logger } from '@sendbird/uikit-utils';\n\nexport interface DynamicModules {\n  'react-native-file-access': typeof RNFileAccess;\n  'react-native-fast-image': typeof RNFastImage;\n  '@react-native-community/netinfo': typeof RNNetInfo;\n}\nexport type SBUNativeModule = keyof DynamicModules;\n\ninterface SBUDynamicModuleInfo {\n  packageName: SBUNativeModule;\n  minVersion: string;\n  moduleName: string;\n  getPackage: <T>(logLevel: 'error' | 'warn' | 'none') => T;\n  url: string;\n}\n\nexport function checkVersion(minVersion: string, currentVersion: string) {\n  const [minMajor, minMinor, minPatch] = minVersion.split('.');\n  const [currMajor, currMinor, currPatch] = currentVersion.split('.');\n\n  if (minMajor < currMajor) return true;\n  if (minMajor === currMajor) {\n    if (minMinor < currMinor) return true;\n    if (minMinor === currMinor) {\n      return minPatch <= currPatch;\n    }\n    return false;\n  }\n  return false;\n}\n\nfunction checkLink(dmi: SBUDynamicModuleInfo, logLevel: 'error' | 'warn' | 'none') {\n  const nativeModule = NativeModules[dmi.moduleName];\n  if (!nativeModule) {\n    const message = `[UIKit] Cannot use native module, you should install and link ${dmi.packageName} (${dmi.url})`;\n    if (logLevel === 'error') console.error(message);\n    if (logLevel === 'warn') console.warn(message);\n  }\n}\n\nconst SBUDynamicModuleRegistry: Record<SBUNativeModule, SBUDynamicModuleInfo> = {\n  'react-native-file-access': {\n    minVersion: '2.4.3',\n    packageName: 'react-native-file-access',\n    moduleName: 'RNFileAccess',\n    url: 'https://github.com/alpha0010/react-native-file-access',\n    getPackage(logLevel) {\n      checkLink(this, logLevel);\n\n      try {\n        return require('react-native-file-access');\n      } catch (e) {\n        return null;\n      }\n    },\n  },\n  'react-native-fast-image': {\n    minVersion: '8.5.11',\n    packageName: 'react-native-fast-image',\n    moduleName: 'FastImageView',\n    url: 'https://github.com/DylanVann/react-native-fast-image',\n    getPackage(logLevel) {\n      checkLink(this, logLevel);\n\n      try {\n        return require('react-native-fast-image');\n      } catch (e) {\n        return null;\n      }\n    },\n  },\n  '@react-native-community/netinfo': {\n    minVersion: '9.3.0',\n    packageName: '@react-native-community/netinfo',\n    moduleName: 'RNCNetInfo',\n    url: 'https://github.com/react-native-netinfo/react-native-netinfo',\n    getPackage(logLevel) {\n      checkLink(this, logLevel);\n\n      try {\n        return require('@react-native-community/netinfo');\n      } catch (e) {\n        return null;\n      }\n    },\n  },\n};\n\nconst SBUDynamicModule = {\n  register(mdi: SBUDynamicModuleInfo) {\n    SBUDynamicModuleRegistry[mdi.moduleName as SBUNativeModule] = mdi;\n  },\n  getInfo(name: SBUNativeModule) {\n    return SBUDynamicModuleRegistry[name] ?? null;\n  },\n  get<K extends SBUNativeModule, T extends DynamicModules[K]>(name: K, logLevel: 'error' | 'warn' | 'none' = 'error') {\n    const dmi = this.getInfo(name);\n    if (!dmi) Logger.warn(`${name} doesn't exist in the dynamic module`);\n    return dmi?.getPackage<T>(logLevel);\n  },\n};\n\nexport default SBUDynamicModule;\n"],"mappings":"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"}
+{"version":3,"names":["checkLink","dmi","logLevel","nativeModule","isComponent","UIManager","getViewManagerConfig","nativeModuleNamespace","NativeModules","message","packageName","url","console","error","warn","SBUDynamicModuleRegistry","getPackage","require","e","SBUDynamicModule","register","mdi","getInfo","name","get","Logger"],"sources":["dynamicModule.ts"],"sourcesContent":["/* eslint-disable no-console */\nimport type * as RNCNetInfo from '@react-native-community/netinfo';\nimport { NativeModules, UIManager } from 'react-native';\n\nimport { Logger } from '@sendbird/uikit-utils';\n\nexport type SBUNativeModule = keyof DynamicModules;\n\ninterface SBUDynamicModuleInfo {\n  packageName: SBUNativeModule;\n  nativeModuleNamespace: string;\n  getPackage: <T>(logLevel: 'error' | 'warn' | 'none') => T;\n  url: string;\n  isComponent?: boolean;\n}\n\nfunction checkLink(dmi: SBUDynamicModuleInfo, logLevel: 'error' | 'warn' | 'none') {\n  const nativeModule = (() => {\n    if (dmi.isComponent) {\n      return UIManager.getViewManagerConfig(dmi.nativeModuleNamespace);\n    } else {\n      return NativeModules[dmi.nativeModuleNamespace];\n    }\n  })();\n\n  if (!nativeModule) {\n    const message = `[UIKit] Cannot use native module, you should install and link ${dmi.packageName} (${dmi.url})`;\n    if (logLevel === 'error') console.error(message);\n    if (logLevel === 'warn') console.warn(message);\n  }\n}\n\nexport interface DynamicModules {\n  '@react-native-community/netinfo': typeof RNCNetInfo;\n}\n\nconst SBUDynamicModuleRegistry: Record<SBUNativeModule, SBUDynamicModuleInfo> = {\n  '@react-native-community/netinfo': {\n    packageName: '@react-native-community/netinfo',\n    nativeModuleNamespace: 'RNCNetInfo',\n    url: 'https://github.com/react-native-netinfo/react-native-netinfo',\n    getPackage(logLevel) {\n      checkLink(this, logLevel);\n\n      try {\n        return require('@react-native-community/netinfo');\n      } catch (e) {\n        return null;\n      }\n    },\n  },\n};\n\nconst SBUDynamicModule = {\n  register(mdi: SBUDynamicModuleInfo) {\n    SBUDynamicModuleRegistry[mdi.nativeModuleNamespace as SBUNativeModule] = mdi;\n  },\n  getInfo(name: SBUNativeModule) {\n    return SBUDynamicModuleRegistry[name] ?? null;\n  },\n  get<K extends SBUNativeModule, T extends DynamicModules[K]>(name: K, logLevel: 'error' | 'warn' | 'none' = 'error') {\n    const dmi = this.getInfo(name);\n    if (!dmi) Logger.warn(`${name} doesn't exist in the dynamic module`);\n    return dmi?.getPackage<T>(logLevel);\n  },\n};\n\nexport default SBUDynamicModule;\n"],"mappings":";;;;;;;AAEA;;AAEA;;AAJA;AAgBA,SAASA,SAAT,CAAmBC,GAAnB,EAA8CC,QAA9C,EAAmF;EACjF,MAAMC,YAAY,GAAG,CAAC,MAAM;IAC1B,IAAIF,GAAG,CAACG,WAAR,EAAqB;MACnB,OAAOC,sBAAA,CAAUC,oBAAV,CAA+BL,GAAG,CAACM,qBAAnC,CAAP;IACD,CAFD,MAEO;MACL,OAAOC,0BAAA,CAAcP,GAAG,CAACM,qBAAlB,CAAP;IACD;EACF,CANoB,GAArB;;EAQA,IAAI,CAACJ,YAAL,EAAmB;IACjB,MAAMM,OAAO,GAAI,iEAAgER,GAAG,CAACS,WAAY,KAAIT,GAAG,CAACU,GAAI,GAA7G;IACA,IAAIT,QAAQ,KAAK,OAAjB,EAA0BU,OAAO,CAACC,KAAR,CAAcJ,OAAd;IAC1B,IAAIP,QAAQ,KAAK,MAAjB,EAAyBU,OAAO,CAACE,IAAR,CAAaL,OAAb;EAC1B;AACF;;AAMD,MAAMM,wBAAuE,GAAG;EAC9E,mCAAmC;IACjCL,WAAW,EAAE,iCADoB;IAEjCH,qBAAqB,EAAE,YAFU;IAGjCI,GAAG,EAAE,8DAH4B;;IAIjCK,UAAU,CAACd,QAAD,EAAW;MACnBF,SAAS,CAAC,IAAD,EAAOE,QAAP,CAAT;;MAEA,IAAI;QACF,OAAOe,OAAO,CAAC,iCAAD,CAAd;MACD,CAFD,CAEE,OAAOC,CAAP,EAAU;QACV,OAAO,IAAP;MACD;IACF;;EAZgC;AAD2C,CAAhF;AAiBA,MAAMC,gBAAgB,GAAG;EACvBC,QAAQ,CAACC,GAAD,EAA4B;IAClCN,wBAAwB,CAACM,GAAG,CAACd,qBAAL,CAAxB,GAAyEc,GAAzE;EACD,CAHsB;;EAIvBC,OAAO,CAACC,IAAD,EAAwB;IAC7B,OAAOR,wBAAwB,CAACQ,IAAD,CAAxB,IAAkC,IAAzC;EACD,CANsB;;EAOvBC,GAAG,CAAyDD,IAAzD,EAAiH;IAAA,IAA/CrB,QAA+C,uEAAT,OAAS;IAClH,MAAMD,GAAG,GAAG,KAAKqB,OAAL,CAAaC,IAAb,CAAZ;IACA,IAAI,CAACtB,GAAL,EAAUwB,kBAAA,CAAOX,IAAP,CAAa,GAAES,IAAK,sCAApB;IACV,OAAOtB,GAAP,aAAOA,GAAP,uBAAOA,GAAG,CAAEe,UAAL,CAAmBd,QAAnB,CAAP;EACD;;AAXsB,CAAzB;eAceiB,gB"}

package/lib/commonjs/platform/types.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type SBUError from '../libs/SBUError';\n\nexport type Unsubscribe = () => void | undefined;\nexport type DownloadedPath = string;\nexport type FilePickerResponse = FileType | null;\nexport type FileType = { uri: string; size: number; name: string; type: string };\n\n// ---------- NotificationService ---------- //\nexport interface NotificationServiceInterface {\n  hasPushPermission(): Promise<boolean>;\n  requestPushPermission(): Promise<boolean>;\n\n  getAPNSToken(): Promise<string | null>;\n  getFCMToken(): Promise<string | null>;\n  onTokenRefresh(handler: (token: string) => void): Unsubscribe;\n}\n\n// ---------- ClipboardService ---------- //\nexport interface ClipboardServiceInterface {\n  setString(text: string): void;\n  getString(): Promise<string>;\n}\n\n// ---------- FileService ---------- //\nexport interface FileServiceInterface extends FilePickerServiceInterface, FileSystemServiceInterface {}\n\nexport interface OpenResultListener {\n  onOpenFailure?: (error: SBUError, originError?: unknown) => void;\n}\nexport interface OpenMediaLibraryOptions extends OpenResultListener {\n  selectionLimit?: number;\n  mediaType?: 'photo' | 'video' | 'all';\n}\nexport interface OpenCameraOptions extends OpenResultListener {\n  cameraType?: 'front' | 'back';\n  mediaType?: 'photo' | 'video' | 'all';\n}\nexport type OpenDocumentOptions = OpenResultListener;\nexport interface SaveOptions {\n  fileUrl: string;\n  fileName: string;\n  fileType?: string | null;\n}\n\nexport interface FilePickerServiceInterface {\n  openMediaLibrary(options?: OpenMediaLibraryOptions): Promise<null | FilePickerResponse[]>;\n  openCamera(options?: OpenCameraOptions): Promise<FilePickerResponse>;\n  openDocument(options?: OpenDocumentOptions): Promise<FilePickerResponse>;\n}\n\nexport interface FileSystemServiceInterface {\n  // NOTE: On iOS, You can access the downloaded files by providing options below to info.plist\n  // - Supports opening documents in place\n  // - Application supports iTunes file sharing\n  save(options?: SaveOptions): Promise<DownloadedPath | null>;\n}\n\n// ---------- MediaService ---------- //\ninterface VideoProps {\n  source: { uri: string } | number;\n  resizeMode?: 'cover' | 'contain' | 'stretch';\n  onLoad?: () => void;\n}\ninterface GetVideoThumbnailOptions {\n  url: string;\n  timeMills?: number;\n  quality?: number;\n}\nexport interface MediaServiceInterface {\n  VideoComponent<Props = {}>(props: VideoProps & Props): JSX.Element;\n  getVideoThumbnail(options: GetVideoThumbnailOptions): Promise<{ path: string } | null>;\n  // compressImage(options: {\n  //   path: string;\n  //   compressionRate: number;\n  //   resizingWidth: number;\n  //   resizingHeight: number;\n  // }): Promise<{ path: string }>;\n}\n"],"mappings":""}
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type SBUError from '../libs/SBUError';\n\nexport type Unsubscribe = () => void | undefined;\nexport type DownloadedPath = string;\nexport type FilePickerResponse = FileType | null;\nexport type FileType = { uri: string; size: number; name: string; type: string };\n\n// ---------- NotificationService ---------- //\nexport interface NotificationServiceInterface {\n  hasPushPermission(): Promise<boolean>;\n  requestPushPermission(): Promise<boolean>;\n\n  getAPNSToken(): Promise<string | null>;\n  getFCMToken(): Promise<string | null>;\n  onTokenRefresh(handler: (token: string) => void): Unsubscribe;\n}\n\n// ---------- ClipboardService ---------- //\nexport interface ClipboardServiceInterface {\n  setString(text: string): void;\n  getString(): Promise<string>;\n}\n\n// ---------- FileService ---------- //\nexport interface FileServiceInterface extends FilePickerServiceInterface, FileSystemServiceInterface {}\n\nexport interface OpenResultListener {\n  onOpenFailure?: (error: SBUError, originError?: unknown) => void;\n}\nexport interface OpenMediaLibraryOptions extends OpenResultListener {\n  selectionLimit?: number;\n  mediaType?: 'photo' | 'video' | 'all';\n}\nexport interface OpenCameraOptions extends OpenResultListener {\n  cameraType?: 'front' | 'back';\n  mediaType?: 'photo' | 'video' | 'all';\n}\nexport type OpenDocumentOptions = OpenResultListener;\nexport interface SaveOptions {\n  fileUrl: string;\n  fileName: string;\n  fileType?: string | null;\n}\n\nexport interface FilePickerServiceInterface {\n  openMediaLibrary(options?: OpenMediaLibraryOptions): Promise<null | FilePickerResponse[]>;\n  openCamera(options?: OpenCameraOptions): Promise<FilePickerResponse>;\n  openDocument(options?: OpenDocumentOptions): Promise<FilePickerResponse>;\n}\n\nexport interface FileSystemServiceInterface {\n  // NOTE: On iOS, You can access the downloaded files by providing options below to info.plist\n  // - Supports opening documents in place\n  // - Application supports iTunes file sharing\n  save(options?: SaveOptions): Promise<DownloadedPath | null>;\n}\n\n// ---------- MediaService ---------- //\ninterface VideoProps {\n  source: { uri: string } | number;\n  resizeMode?: 'cover' | 'contain' | 'stretch';\n  onLoad?: () => void;\n}\ninterface GetVideoThumbnailOptions {\n  url: string;\n  timeMills?: number;\n  quality?: number;\n}\n\ninterface CompressImageOptions {\n  /**\n   * A uri of image file to compress\n   * */\n  uri: string;\n\n  /**\n   * A resize width, apply only to downscale\n   * */\n  maxWidth?: number;\n\n  /**\n   * A resize height, apply only to downscale\n   * */\n  maxHeight?: number;\n\n  /**\n   * A value in range 0.0 - 1.0 specifying compression level of the result image.\n   * 1 means highest quality and 0 the lowest quality.\n   * */\n  compressionRate?: number;\n}\n\ntype GetVideoThumbnailResult = Promise<{ path: string } | null>;\ntype CompressImageResult = Promise<{ uri: string; size: number } | null>;\n\nexport interface MediaServiceInterface {\n  VideoComponent<Props = {}>(props: VideoProps & Props): JSX.Element;\n  getVideoThumbnail(options: GetVideoThumbnailOptions): GetVideoThumbnailResult;\n  compressImage(options: CompressImageOptions): CompressImageResult;\n}\n"],"mappings":""}

package/lib/commonjs/version.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-const VERSION = '2.2.0';
+const VERSION = '2.4.0';
 var _default = VERSION;
 exports.default = _default;
 //# sourceMappingURL=version.js.map

package/lib/commonjs/version.js.map

@@ -1 +1 @@
-{"version":3,"names":["VERSION"],"sources":["version.ts"],"sourcesContent":["const VERSION = '2.2.0';\nexport default VERSION;\n"],"mappings":";;;;;;AAAA,MAAMA,OAAO,GAAG,OAAhB;eACeA,O"}
+{"version":3,"names":["VERSION"],"sources":["version.ts"],"sourcesContent":["const VERSION = '2.4.0';\nexport default VERSION;\n"],"mappings":";;;;;;AAAA,MAAMA,OAAO,GAAG,OAAhB;eACeA,O"}

package/lib/module/components/ChannelCover.js

@@ -16,50 +16,64 @@ const ChannelCover = _ref => {
   } = useSendbirdChat();
   const {
     colors
-  } = useUIKitTheme(); // custom channel cover
+  } = useUIKitTheme();
+
+  if (channel.isGroupChannel()) {
+    // custom channel cover
+    if (!isDefaultCoverImage(channel.coverUrl) || !currentUser) {
+      return /*#__PURE__*/React.createElement(Avatar, _extends({
+        uri: channel.coverUrl
+      }, avatarProps));
+    } // broadcast channel cover
 
-  if (!isDefaultCoverImage(channel.coverUrl) || !currentUser) {
-    return /*#__PURE__*/React.createElement(Avatar, _extends({
-      uri: channel.coverUrl
-    }, avatarProps));
-  } // broadcast channel cover
 
+    if (channel.isBroadcast) {
+      return /*#__PURE__*/React.createElement(View, {
+        style: avatarProps.containerStyle
+      }, /*#__PURE__*/React.createElement(Icon, {
+        icon: 'broadcast',
+        size: avatarProps.size * (4 / 7),
+        color: colors.onBackgroundReverse01,
+        containerStyle: {
+          backgroundColor: colors.secondary,
+          borderRadius: avatarProps.size * 0.5,
+          padding: avatarProps.size * (3 / 7) * 0.5
+        }
+      }));
+    } // no members, use anonymous profile
 
-  if (channel.isBroadcast) {
-    return /*#__PURE__*/React.createElement(View, {
-      style: avatarProps.containerStyle
-    }, /*#__PURE__*/React.createElement(Icon, {
-      icon: 'broadcast',
-      size: avatarProps.size * (4 / 7),
-      color: colors.onBackgroundReverse01,
-      containerStyle: {
-        backgroundColor: colors.secondary,
-        borderRadius: avatarProps.size * 0.5,
-        padding: avatarProps.size * (3 / 7) * 0.5
-      }
-    }));
-  } // no members, use anonymous profile
 
+    if (channel.memberCount <= 1) {
+      return /*#__PURE__*/React.createElement(Avatar, avatarProps);
+    } // 1:1, use member profile
 
-  if (channel.memberCount <= 1) {
-    return /*#__PURE__*/React.createElement(Avatar, avatarProps);
-  } // 1:1, use member profile
 
+    if (channel.memberCount === 2) {
+      var _channel$members$filt, _channel$members$filt2;
 
-  if (channel.memberCount === 2) {
-    var _channel$members$filt, _channel$members$filt2;
+      const otherUserProfile = (_channel$members$filt = channel.members.filter(m => m.userId !== currentUser.userId)) === null || _channel$members$filt === void 0 ? void 0 : (_channel$members$filt2 = _channel$members$filt[0]) === null || _channel$members$filt2 === void 0 ? void 0 : _channel$members$filt2.profileUrl;
+      return /*#__PURE__*/React.createElement(Avatar, _extends({
+        uri: otherUserProfile
+      }, avatarProps));
+    } // group, use members profile
 
-    const otherUserProfile = (_channel$members$filt = channel.members.filter(m => m.userId !== currentUser.userId)) === null || _channel$members$filt === void 0 ? void 0 : (_channel$members$filt2 = _channel$members$filt[0]) === null || _channel$members$filt2 === void 0 ? void 0 : _channel$members$filt2.profileUrl;
+
+    return /*#__PURE__*/React.createElement(Avatar.Group, avatarProps, getMembersExcludeMe(channel, currentUser === null || currentUser === void 0 ? void 0 : currentUser.userId).map(m => /*#__PURE__*/React.createElement(Avatar, {
+      key: m.userId,
+      uri: m.profileUrl
+    })));
+  }
+
+  if (channel.isOpenChannel()) {
+    // channel cover
     return /*#__PURE__*/React.createElement(Avatar, _extends({
-      uri: otherUserProfile
+      uri: channel.coverUrl
     }, avatarProps));
-  } // group, use members profile
-
+  }
 
-  return /*#__PURE__*/React.createElement(Avatar.Group, avatarProps, getMembersExcludeMe(channel, currentUser === null || currentUser === void 0 ? void 0 : currentUser.userId).map(m => /*#__PURE__*/React.createElement(Avatar, {
-    key: m.userId,
-    uri: m.profileUrl
-  })));
+  return /*#__PURE__*/React.createElement(Avatar, _extends({
+    uri: channel.coverUrl
+  }, avatarProps));
 };
 
 export default ChannelCover;

package/lib/module/components/ChannelCover.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","Avatar","Icon","useUIKitTheme","getMembersExcludeMe","isDefaultCoverImage","useSendbirdChat","ChannelCover","channel","avatarProps","currentUser","colors","coverUrl","isBroadcast","containerStyle","size","onBackgroundReverse01","backgroundColor","secondary","borderRadius","padding","memberCount","otherUserProfile","members","filter","m","userId","profileUrl","map"],"sources":["ChannelCover.tsx"],"sourcesContent":["import React from 'react';\nimport type { StyleProp, ViewStyle } from 'react-native';\nimport { View } from 'react-native';\n\nimport { Avatar, Icon, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport { SendbirdGroupChannel, getMembersExcludeMe, isDefaultCoverImage } from '@sendbird/uikit-utils';\n\nimport { useSendbirdChat } from '../hooks/useContext';\n\ntype Props = {\n  channel: SendbirdGroupChannel;\n  size: number;\n  containerStyle?: StyleProp<ViewStyle>;\n};\n\nconst ChannelCover = ({ channel, ...avatarProps }: Props) => {\n  const { currentUser } = useSendbirdChat();\n  const { colors } = useUIKitTheme();\n\n  // custom channel cover\n  if (!isDefaultCoverImage(channel.coverUrl) || !currentUser) {\n    return <Avatar uri={channel.coverUrl} {...avatarProps} />;\n  }\n\n  // broadcast channel cover\n  if (channel.isBroadcast) {\n    return (\n      <View style={avatarProps.containerStyle}>\n        <Icon\n          icon={'broadcast'}\n          size={avatarProps.size * (4 / 7)}\n          color={colors.onBackgroundReverse01}\n          containerStyle={{\n            backgroundColor: colors.secondary,\n            borderRadius: avatarProps.size * 0.5,\n            padding: avatarProps.size * (3 / 7) * 0.5,\n          }}\n        />\n      </View>\n    );\n  }\n\n  // no members, use anonymous profile\n  if (channel.memberCount <= 1) {\n    return <Avatar {...avatarProps} />;\n  }\n\n  // 1:1, use member profile\n  if (channel.memberCount === 2) {\n    const otherUserProfile = channel.members.filter((m) => m.userId !== currentUser.userId)?.[0]?.profileUrl;\n    return <Avatar uri={otherUserProfile} {...avatarProps} />;\n  }\n\n  // group, use members profile\n  return (\n    <Avatar.Group {...avatarProps}>\n      {getMembersExcludeMe(channel, currentUser?.userId).map((m) => (\n        <Avatar key={m.userId} uri={m.profileUrl} />\n      ))}\n    </Avatar.Group>\n  );\n};\n\nexport default ChannelCover;\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,SAASC,IAAT,QAAqB,cAArB;AAEA,SAASC,MAAT,EAAiBC,IAAjB,EAAuBC,aAAvB,QAA4C,yCAA5C;AACA,SAA+BC,mBAA/B,EAAoDC,mBAApD,QAA+E,uBAA/E;AAEA,SAASC,eAAT,QAAgC,qBAAhC;;AAQA,MAAMC,YAAY,GAAG,QAAwC;EAAA,IAAvC;IAAEC,OAAF;IAAW,GAAGC;EAAd,CAAuC;EAC3D,MAAM;IAAEC;EAAF,IAAkBJ,eAAe,EAAvC;EACA,MAAM;IAAEK;EAAF,IAAaR,aAAa,EAAhC,CAF2D,CAI3D;;EACA,IAAI,CAACE,mBAAmB,CAACG,OAAO,CAACI,QAAT,CAApB,IAA0C,CAACF,WAA/C,EAA4D;IAC1D,oBAAO,oBAAC,MAAD;MAAQ,GAAG,EAAEF,OAAO,CAACI;IAArB,GAAmCH,WAAnC,EAAP;EACD,CAP0D,CAS3D;;;EACA,IAAID,OAAO,CAACK,WAAZ,EAAyB;IACvB,oBACE,oBAAC,IAAD;MAAM,KAAK,EAAEJ,WAAW,CAACK;IAAzB,gBACE,oBAAC,IAAD;MACE,IAAI,EAAE,WADR;MAEE,IAAI,EAAEL,WAAW,CAACM,IAAZ,IAAoB,IAAI,CAAxB,CAFR;MAGE,KAAK,EAAEJ,MAAM,CAACK,qBAHhB;MAIE,cAAc,EAAE;QACdC,eAAe,EAAEN,MAAM,CAACO,SADV;QAEdC,YAAY,EAAEV,WAAW,CAACM,IAAZ,GAAmB,GAFnB;QAGdK,OAAO,EAAEX,WAAW,CAACM,IAAZ,IAAoB,IAAI,CAAxB,IAA6B;MAHxB;IAJlB,EADF,CADF;EAcD,CAzB0D,CA2B3D;;;EACA,IAAIP,OAAO,CAACa,WAAR,IAAuB,CAA3B,EAA8B;IAC5B,oBAAO,oBAAC,MAAD,EAAYZ,WAAZ,CAAP;EACD,CA9B0D,CAgC3D;;;EACA,IAAID,OAAO,CAACa,WAAR,KAAwB,CAA5B,EAA+B;IAAA;;IAC7B,MAAMC,gBAAgB,4BAAGd,OAAO,CAACe,OAAR,CAAgBC,MAAhB,CAAwBC,CAAD,IAAOA,CAAC,CAACC,MAAF,KAAahB,WAAW,CAACgB,MAAvD,CAAH,oFAAG,sBAAiE,CAAjE,CAAH,2DAAG,uBAAqEC,UAA9F;IACA,oBAAO,oBAAC,MAAD;MAAQ,GAAG,EAAEL;IAAb,GAAmCb,WAAnC,EAAP;EACD,CApC0D,CAsC3D;;;EACA,oBACE,oBAAC,MAAD,CAAQ,KAAR,EAAkBA,WAAlB,EACGL,mBAAmB,CAACI,OAAD,EAAUE,WAAV,aAAUA,WAAV,uBAAUA,WAAW,CAAEgB,MAAvB,CAAnB,CAAkDE,GAAlD,CAAuDH,CAAD,iBACrD,oBAAC,MAAD;IAAQ,GAAG,EAAEA,CAAC,CAACC,MAAf;IAAuB,GAAG,EAAED,CAAC,CAACE;EAA9B,EADD,CADH,CADF;AAOD,CA9CD;;AAgDA,eAAepB,YAAf"}
+{"version":3,"names":["React","View","Avatar","Icon","useUIKitTheme","getMembersExcludeMe","isDefaultCoverImage","useSendbirdChat","ChannelCover","channel","avatarProps","currentUser","colors","isGroupChannel","coverUrl","isBroadcast","containerStyle","size","onBackgroundReverse01","backgroundColor","secondary","borderRadius","padding","memberCount","otherUserProfile","members","filter","m","userId","profileUrl","map","isOpenChannel"],"sources":["ChannelCover.tsx"],"sourcesContent":["import React from 'react';\nimport type { StyleProp, ViewStyle } from 'react-native';\nimport { View } from 'react-native';\n\nimport { Avatar, Icon, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport { SendbirdBaseChannel, getMembersExcludeMe, isDefaultCoverImage } from '@sendbird/uikit-utils';\n\nimport { useSendbirdChat } from '../hooks/useContext';\n\ntype Props = {\n  channel: SendbirdBaseChannel;\n  size: number;\n  containerStyle?: StyleProp<ViewStyle>;\n};\n\nconst ChannelCover = ({ channel, ...avatarProps }: Props) => {\n  const { currentUser } = useSendbirdChat();\n  const { colors } = useUIKitTheme();\n\n  if (channel.isGroupChannel()) {\n    // custom channel cover\n    if (!isDefaultCoverImage(channel.coverUrl) || !currentUser) {\n      return <Avatar uri={channel.coverUrl} {...avatarProps} />;\n    }\n\n    // broadcast channel cover\n    if (channel.isBroadcast) {\n      return (\n        <View style={avatarProps.containerStyle}>\n          <Icon\n            icon={'broadcast'}\n            size={avatarProps.size * (4 / 7)}\n            color={colors.onBackgroundReverse01}\n            containerStyle={{\n              backgroundColor: colors.secondary,\n              borderRadius: avatarProps.size * 0.5,\n              padding: avatarProps.size * (3 / 7) * 0.5,\n            }}\n          />\n        </View>\n      );\n    }\n\n    // no members, use anonymous profile\n    if (channel.memberCount <= 1) {\n      return <Avatar {...avatarProps} />;\n    }\n\n    // 1:1, use member profile\n    if (channel.memberCount === 2) {\n      const otherUserProfile = channel.members.filter((m) => m.userId !== currentUser.userId)?.[0]?.profileUrl;\n      return <Avatar uri={otherUserProfile} {...avatarProps} />;\n    }\n\n    // group, use members profile\n    return (\n      <Avatar.Group {...avatarProps}>\n        {getMembersExcludeMe(channel, currentUser?.userId).map((m) => (\n          <Avatar key={m.userId} uri={m.profileUrl} />\n        ))}\n      </Avatar.Group>\n    );\n  }\n\n  if (channel.isOpenChannel()) {\n    // channel cover\n    return <Avatar uri={channel.coverUrl} {...avatarProps} />;\n  }\n\n  return <Avatar uri={channel.coverUrl} {...avatarProps} />;\n};\n\nexport default ChannelCover;\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,SAASC,IAAT,QAAqB,cAArB;AAEA,SAASC,MAAT,EAAiBC,IAAjB,EAAuBC,aAAvB,QAA4C,yCAA5C;AACA,SAA8BC,mBAA9B,EAAmDC,mBAAnD,QAA8E,uBAA9E;AAEA,SAASC,eAAT,QAAgC,qBAAhC;;AAQA,MAAMC,YAAY,GAAG,QAAwC;EAAA,IAAvC;IAAEC,OAAF;IAAW,GAAGC;EAAd,CAAuC;EAC3D,MAAM;IAAEC;EAAF,IAAkBJ,eAAe,EAAvC;EACA,MAAM;IAAEK;EAAF,IAAaR,aAAa,EAAhC;;EAEA,IAAIK,OAAO,CAACI,cAAR,EAAJ,EAA8B;IAC5B;IACA,IAAI,CAACP,mBAAmB,CAACG,OAAO,CAACK,QAAT,CAApB,IAA0C,CAACH,WAA/C,EAA4D;MAC1D,oBAAO,oBAAC,MAAD;QAAQ,GAAG,EAAEF,OAAO,CAACK;MAArB,GAAmCJ,WAAnC,EAAP;IACD,CAJ2B,CAM5B;;;IACA,IAAID,OAAO,CAACM,WAAZ,EAAyB;MACvB,oBACE,oBAAC,IAAD;QAAM,KAAK,EAAEL,WAAW,CAACM;MAAzB,gBACE,oBAAC,IAAD;QACE,IAAI,EAAE,WADR;QAEE,IAAI,EAAEN,WAAW,CAACO,IAAZ,IAAoB,IAAI,CAAxB,CAFR;QAGE,KAAK,EAAEL,MAAM,CAACM,qBAHhB;QAIE,cAAc,EAAE;UACdC,eAAe,EAAEP,MAAM,CAACQ,SADV;UAEdC,YAAY,EAAEX,WAAW,CAACO,IAAZ,GAAmB,GAFnB;UAGdK,OAAO,EAAEZ,WAAW,CAACO,IAAZ,IAAoB,IAAI,CAAxB,IAA6B;QAHxB;MAJlB,EADF,CADF;IAcD,CAtB2B,CAwB5B;;;IACA,IAAIR,OAAO,CAACc,WAAR,IAAuB,CAA3B,EAA8B;MAC5B,oBAAO,oBAAC,MAAD,EAAYb,WAAZ,CAAP;IACD,CA3B2B,CA6B5B;;;IACA,IAAID,OAAO,CAACc,WAAR,KAAwB,CAA5B,EAA+B;MAAA;;MAC7B,MAAMC,gBAAgB,4BAAGf,OAAO,CAACgB,OAAR,CAAgBC,MAAhB,CAAwBC,CAAD,IAAOA,CAAC,CAACC,MAAF,KAAajB,WAAW,CAACiB,MAAvD,CAAH,oFAAG,sBAAiE,CAAjE,CAAH,2DAAG,uBAAqEC,UAA9F;MACA,oBAAO,oBAAC,MAAD;QAAQ,GAAG,EAAEL;MAAb,GAAmCd,WAAnC,EAAP;IACD,CAjC2B,CAmC5B;;;IACA,oBACE,oBAAC,MAAD,CAAQ,KAAR,EAAkBA,WAAlB,EACGL,mBAAmB,CAACI,OAAD,EAAUE,WAAV,aAAUA,WAAV,uBAAUA,WAAW,CAAEiB,MAAvB,CAAnB,CAAkDE,GAAlD,CAAuDH,CAAD,iBACrD,oBAAC,MAAD;MAAQ,GAAG,EAAEA,CAAC,CAACC,MAAf;MAAuB,GAAG,EAAED,CAAC,CAACE;IAA9B,EADD,CADH,CADF;EAOD;;EAED,IAAIpB,OAAO,CAACsB,aAAR,EAAJ,EAA6B;IAC3B;IACA,oBAAO,oBAAC,MAAD;MAAQ,GAAG,EAAEtB,OAAO,CAACK;IAArB,GAAmCJ,WAAnC,EAAP;EACD;;EAED,oBAAO,oBAAC,MAAD;IAAQ,GAAG,EAAED,OAAO,CAACK;EAArB,GAAmCJ,WAAnC,EAAP;AACD,CAvDD;;AAyDA,eAAeF,YAAf"}

package/lib/module/{domain/groupChannel/component/GroupChannelInput → components/ChannelInput}/EditInput.js

@@ -2,18 +2,19 @@ import React, { forwardRef } from 'react';
 import { Platform, View } from 'react-native';
 import { MentionType } from '@sendbird/chat/message';
 import { Button, TextInput, createStyleSheet, useToast } from '@sendbird/uikit-react-native-foundation';
-import { useLocalization, useSendbirdChat } from '../../../../hooks/useContext';
+import { useLocalization, useSendbirdChat } from '../../hooks/useContext';
 const EditInput = /*#__PURE__*/forwardRef(function EditInput(_ref, ref) {
   let {
     text,
     onChangeText,
     messageToEdit,
     setMessageToEdit,
+    onPressUpdateUserMessage,
     onUpdateUserMessage,
     onSelectionChange,
-    disabled,
     autoFocus,
-    mentionedUsers
+    mentionedUsers,
+    inputDisabled
   } = _ref;
   const {
     mentionManager
@@ -30,18 +31,32 @@ const EditInput = /*#__PURE__*/forwardRef(function EditInput(_ref, ref) {
 
   const onPressSave = () => {
     if (messageToEdit.isUserMessage()) {
-      const mention = {
-        userIds: mentionedUsers.map(it => it.user.userId),
-        messageTemplate: mentionManager.textToMentionedMessageTemplate(text, mentionedUsers),
-        type: MentionType.USERS
-      };
-      onUpdateUserMessage(text, messageToEdit, mention).catch(() => toast.show(STRINGS.TOAST.UPDATE_MSG_ERROR, 'error'));
+      const mentionType = MentionType.USERS;
+      const mentionedUserIds = mentionedUsers.map(it => it.user.userId);
+      const mentionedMessageTemplate = mentionManager.textToMentionedMessageTemplate(text, mentionedUsers);
+
+      if (onPressUpdateUserMessage) {
+        onPressUpdateUserMessage(messageToEdit, {
+          message: text,
+          mentionType,
+          mentionedUserIds,
+          mentionedMessageTemplate
+        }).catch(onFailureToUpdate);
+      } else if (onUpdateUserMessage) {
+        onUpdateUserMessage(text, messageToEdit, {
+          type: MentionType.USERS,
+          userIds: mentionedUserIds,
+          messageTemplate: mentionedMessageTemplate
+        }).catch(onFailureToUpdate);
+      }
     }
 
     setMessageToEdit();
     onChangeText('');
   };
 
+  const onFailureToUpdate = () => toast.show(STRINGS.TOAST.UPDATE_MSG_ERROR, 'error');
+
   return /*#__PURE__*/React.createElement(View, {
     style: styles.editInputContainer
   }, /*#__PURE__*/React.createElement(View, {
@@ -50,11 +65,11 @@ const EditInput = /*#__PURE__*/forwardRef(function EditInput(_ref, ref) {
     ref: ref,
     multiline: true,
     disableFullscreenUI: true,
-    editable: !disabled,
+    editable: !inputDisabled,
     autoFocus: autoFocus,
     onChangeText: onChangeText,
     style: styles.input,
-    placeholder: STRINGS.GROUP_CHANNEL.INPUT_PLACEHOLDER_ACTIVE,
+    placeholder: STRINGS.LABELS.CHANNEL_INPUT_PLACEHOLDER_ACTIVE,
     onSelectionChange: onSelectionChange
   }, mentionManager.textToMentionedComponents(text, mentionedUsers))), /*#__PURE__*/React.createElement(View, {
     style: {
@@ -64,12 +79,12 @@ const EditInput = /*#__PURE__*/forwardRef(function EditInput(_ref, ref) {
   }, /*#__PURE__*/React.createElement(Button, {
     variant: 'text',
     onPress: onPressCancel
-  }, STRINGS.GROUP_CHANNEL.INPUT_EDIT_CANCEL), /*#__PURE__*/React.createElement(View, {
+  }, STRINGS.LABELS.CHANNEL_INPUT_EDIT_CANCEL), /*#__PURE__*/React.createElement(View, {
     style: styles.space
   }), /*#__PURE__*/React.createElement(Button, {
     variant: 'contained',
     onPress: onPressSave
-  }, STRINGS.GROUP_CHANNEL.INPUT_EDIT_OK)));
+  }, STRINGS.LABELS.CHANNEL_INPUT_EDIT_OK)));
 });
 const styles = createStyleSheet({
   editInputContainer: {

package/lib/module/components/ChannelInput/EditInput.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","forwardRef","Platform","View","MentionType","Button","TextInput","createStyleSheet","useToast","useLocalization","useSendbirdChat","EditInput","ref","text","onChangeText","messageToEdit","setMessageToEdit","onPressUpdateUserMessage","onUpdateUserMessage","onSelectionChange","autoFocus","mentionedUsers","inputDisabled","mentionManager","STRINGS","toast","onPressCancel","onPressSave","isUserMessage","mentionType","USERS","mentionedUserIds","map","it","user","userId","mentionedMessageTemplate","textToMentionedMessageTemplate","message","catch","onFailureToUpdate","type","userIds","messageTemplate","show","TOAST","UPDATE_MSG_ERROR","styles","editInputContainer","inputWrapper","input","LABELS","CHANNEL_INPUT_PLACEHOLDER_ACTIVE","textToMentionedComponents","marginTop","flexDirection","CHANNEL_INPUT_EDIT_CANCEL","space","CHANNEL_INPUT_EDIT_OK","paddingVertical","paddingHorizontal","alignItems","flex","marginRight","minHeight","maxHeight","select","ios","default","borderRadius"],"sources":["EditInput.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n  NativeSyntheticEvent,\n  Platform,\n  TextInput as RNTextInput,\n  TextInputSelectionChangeEventData,\n  View,\n} from 'react-native';\n\nimport { MentionType } from '@sendbird/chat/message';\nimport { Button, TextInput, createStyleSheet, useToast } from '@sendbird/uikit-react-native-foundation';\nimport type { SendbirdFileMessage, SendbirdUserMessage } from '@sendbird/uikit-utils';\n\nimport { useLocalization, useSendbirdChat } from '../../hooks/useContext';\nimport type { MentionedUser } from '../../types';\nimport type { ChannelInputProps } from './index';\n\ninterface EditInputProps extends ChannelInputProps {\n  text: string;\n  onChangeText: (val: string) => void;\n  messageToEdit: SendbirdUserMessage | SendbirdFileMessage;\n  setMessageToEdit: (msg?: SendbirdUserMessage | SendbirdFileMessage) => void;\n  onSelectionChange: (e: NativeSyntheticEvent<TextInputSelectionChangeEventData>) => void;\n  autoFocus: boolean;\n  mentionedUsers: MentionedUser[];\n}\n\nconst EditInput = forwardRef<RNTextInput, EditInputProps>(function EditInput(\n  {\n    text,\n    onChangeText,\n    messageToEdit,\n    setMessageToEdit,\n    onPressUpdateUserMessage,\n    onUpdateUserMessage,\n    onSelectionChange,\n    autoFocus,\n    mentionedUsers,\n    inputDisabled,\n  },\n  ref,\n) {\n  const { mentionManager } = useSendbirdChat();\n  const { STRINGS } = useLocalization();\n  const toast = useToast();\n\n  const onPressCancel = () => {\n    setMessageToEdit();\n    onChangeText('');\n  };\n\n  const onPressSave = () => {\n    if (messageToEdit.isUserMessage()) {\n      const mentionType = MentionType.USERS;\n      const mentionedUserIds = mentionedUsers.map((it) => it.user.userId);\n      const mentionedMessageTemplate = mentionManager.textToMentionedMessageTemplate(text, mentionedUsers);\n\n      if (onPressUpdateUserMessage) {\n        onPressUpdateUserMessage(messageToEdit, {\n          message: text,\n          mentionType,\n          mentionedUserIds,\n          mentionedMessageTemplate,\n        }).catch(onFailureToUpdate);\n      } else if (onUpdateUserMessage) {\n        onUpdateUserMessage(text, messageToEdit, {\n          type: MentionType.USERS,\n          userIds: mentionedUserIds,\n          messageTemplate: mentionedMessageTemplate,\n        }).catch(onFailureToUpdate);\n      }\n    }\n    setMessageToEdit();\n    onChangeText('');\n  };\n\n  const onFailureToUpdate = () => toast.show(STRINGS.TOAST.UPDATE_MSG_ERROR, 'error');\n\n  return (\n    <View style={styles.editInputContainer}>\n      <View style={styles.inputWrapper}>\n        <TextInput\n          ref={ref}\n          multiline\n          disableFullscreenUI\n          editable={!inputDisabled}\n          autoFocus={autoFocus}\n          onChangeText={onChangeText}\n          style={styles.input}\n          placeholder={STRINGS.LABELS.CHANNEL_INPUT_PLACEHOLDER_ACTIVE}\n          onSelectionChange={onSelectionChange}\n        >\n          {mentionManager.textToMentionedComponents(text, mentionedUsers)}\n        </TextInput>\n      </View>\n      <View style={{ marginTop: 8, flexDirection: 'row' }}>\n        <Button variant={'text'} onPress={onPressCancel}>\n          {STRINGS.LABELS.CHANNEL_INPUT_EDIT_CANCEL}\n        </Button>\n        <View style={styles.space} />\n        <Button variant={'contained'} onPress={onPressSave}>\n          {STRINGS.LABELS.CHANNEL_INPUT_EDIT_OK}\n        </Button>\n      </View>\n    </View>\n  );\n});\n\nconst styles = createStyleSheet({\n  editInputContainer: {\n    paddingVertical: 10,\n    paddingHorizontal: 16,\n    flexDirection: 'column',\n    alignItems: 'center',\n  },\n  input: {\n    flex: 1,\n    marginRight: 4,\n    minHeight: 36,\n    maxHeight: 36 * Platform.select({ ios: 2.5, default: 2 }),\n    borderRadius: 20,\n  },\n  inputWrapper: {\n    flexDirection: 'row',\n  },\n  space: {\n    flex: 1,\n  },\n});\n\nexport default EditInput;\n"],"mappings":"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"}