@sendbird/uikit-react-native 3.7.6 → 3.8.0

package/lib/commonjs/components/ChannelCover.js

@@ -9,13 +9,12 @@ var _reactNative = require("react-native");
 var _uikitReactNativeFoundation = require("@sendbird/uikit-react-native-foundation");
 var _uikitUtils = require("@sendbird/uikit-utils");
 var _useContext = require("../hooks/useContext");
-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); }
-const ChannelCover = _ref => {
-  let {
-    channel,
-    ...avatarProps
-  } = _ref;
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+const ChannelCover = ({
+  channel,
+  ...avatarProps
+}) => {
   const {
     currentUser
   } = (0, _useContext.useSendbirdChat)();
@@ -53,8 +52,8 @@ const ChannelCover = _ref => {
 
     // 1:1, use member profile
     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;
+      var _channel$members$filt;
+      const otherUserProfile = (_channel$members$filt = channel.members.filter(m => m.userId !== currentUser.userId)) === null || _channel$members$filt === void 0 || (_channel$members$filt = _channel$members$filt[0]) === null || _channel$members$filt === void 0 ? void 0 : _channel$members$filt.profileUrl;
       return /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Avatar, _extends({
         uri: otherUserProfile
       }, avatarProps));
@@ -76,6 +75,5 @@ const ChannelCover = _ref => {
     uri: channel.coverUrl
   }, avatarProps));
 };
-var _default = ChannelCover;
-exports.default = _default;
+var _default = exports.default = ChannelCover;
 //# sourceMappingURL=ChannelCover.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_uikitReactNativeFoundation","_uikitUtils","_useContext","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","ChannelCover","_ref","channel","avatarProps","currentUser","useSendbirdChat","colors","useUIKitTheme","isGroupChannel","isDefaultCoverImage","coverUrl","createElement","Avatar","uri","isBroadcast","View","style","containerStyle","Icon","icon","size","color","onBackgroundReverse01","backgroundColor","secondary","borderRadius","padding","memberCount","_channel$members$filt","_channel$members$filt2","otherUserProfile","members","filter","m","userId","profileUrl","Group","getMembersExcludeMe","map","isOpenChannel","_default","exports"],"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":"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"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_uikitReactNativeFoundation","_uikitUtils","_useContext","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","ChannelCover","channel","avatarProps","currentUser","useSendbirdChat","colors","useUIKitTheme","isGroupChannel","isDefaultCoverImage","coverUrl","createElement","Avatar","uri","isBroadcast","View","style","containerStyle","Icon","icon","size","color","onBackgroundReverse01","backgroundColor","secondary","borderRadius","padding","memberCount","_channel$members$filt","otherUserProfile","members","filter","m","userId","profileUrl","Group","getMembersExcludeMe","map","key","isOpenChannel","_default","exports"],"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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,2BAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AAEA,IAAAI,WAAA,GAAAJ,OAAA;AAAsD,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAG,SAAA,WAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,CAAA,aAAAP,CAAA,MAAAA,CAAA,GAAAQ,SAAA,CAAAC,MAAA,EAAAT,CAAA,UAAAU,CAAA,GAAAF,SAAA,CAAAR,CAAA,YAAAW,CAAA,IAAAD,CAAA,OAAAE,cAAA,CAAAC,IAAA,CAAAH,CAAA,EAAAC,CAAA,MAAAJ,CAAA,CAAAI,CAAA,IAAAD,CAAA,CAAAC,CAAA,aAAAJ,CAAA,KAAAJ,QAAA,CAAAW,KAAA,OAAAN,SAAA;AAQtD,MAAMO,YAAY,GAAGA,CAAC;EAAEC,OAAO;EAAE,GAAGC;AAAmB,CAAC,KAAK;EAC3D,MAAM;IAAEC;EAAY,CAAC,GAAG,IAAAC,2BAAe,EAAC,CAAC;EACzC,MAAM;IAAEC;EAAO,CAAC,GAAG,IAAAC,yCAAa,EAAC,CAAC;EAElC,IAAIL,OAAO,CAACM,cAAc,CAAC,CAAC,EAAE;IAC5B;IACA,IAAI,CAAC,IAAAC,+BAAmB,EAACP,OAAO,CAACQ,QAAQ,CAAC,IAAI,CAACN,WAAW,EAAE;MAC1D,oBAAOzB,MAAA,CAAAS,OAAA,CAAAuB,aAAA,CAAC5B,2BAAA,CAAA6B,MAAM,EAAAvB,QAAA;QAACwB,GAAG,EAAEX,OAAO,CAACQ;MAAS,GAAKP,WAAW,CAAG,CAAC;IAC3D;;IAEA;IACA,IAAID,OAAO,CAACY,WAAW,EAAE;MACvB,oBACEnC,MAAA,CAAAS,OAAA,CAAAuB,aAAA,CAAC7B,YAAA,CAAAiC,IAAI;QAACC,KAAK,EAAEb,WAAW,CAACc;MAAe,gBACtCtC,MAAA,CAAAS,OAAA,CAAAuB,aAAA,CAAC5B,2BAAA,CAAAmC,IAAI;QACHC,IAAI,EAAE,WAAY;QAClBC,IAAI,EAAEjB,WAAW,CAACiB,IAAI,IAAI,CAAC,GAAG,CAAC,CAAE;QACjCC,KAAK,EAAEf,MAAM,CAACgB,qBAAsB;QACpCL,cAAc,EAAE;UACdM,eAAe,EAAEjB,MAAM,CAACkB,SAAS;UACjCC,YAAY,EAAEtB,WAAW,CAACiB,IAAI,GAAG,GAAG;UACpCM,OAAO,EAAEvB,WAAW,CAACiB,IAAI,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG;QACxC;MAAE,CACH,CACG,CAAC;IAEX;;IAEA;IACA,IAAIlB,OAAO,CAACyB,WAAW,IAAI,CAAC,EAAE;MAC5B,oBAAOhD,MAAA,CAAAS,OAAA,CAAAuB,aAAA,CAAC5B,2BAAA,CAAA6B,MAAM,EAAKT,WAAc,CAAC;IACpC;;IAEA;IACA,IAAID,OAAO,CAACyB,WAAW,KAAK,CAAC,EAAE;MAAA,IAAAC,qBAAA;MAC7B,MAAMC,gBAAgB,IAAAD,qBAAA,GAAG1B,OAAO,CAAC4B,OAAO,CAACC,MAAM,CAAEC,CAAC,IAAKA,CAAC,CAACC,MAAM,KAAK7B,WAAW,CAAC6B,MAAM,CAAC,cAAAL,qBAAA,gBAAAA,qBAAA,GAA9DA,qBAAA,CAAiE,CAAC,CAAC,cAAAA,qBAAA,uBAAnEA,qBAAA,CAAqEM,UAAU;MACxG,oBAAOvD,MAAA,CAAAS,OAAA,CAAAuB,aAAA,CAAC5B,2BAAA,CAAA6B,MAAM,EAAAvB,QAAA;QAACwB,GAAG,EAAEgB;MAAiB,GAAK1B,WAAW,CAAG,CAAC;IAC3D;;IAEA;IACA,oBACExB,MAAA,CAAAS,OAAA,CAAAuB,aAAA,CAAC5B,2BAAA,CAAA6B,MAAM,CAACuB,KAAK,EAAKhC,WAAW,EAC1B,IAAAiC,+BAAmB,EAAClC,OAAO,EAAEE,WAAW,aAAXA,WAAW,uBAAXA,WAAW,CAAE6B,MAAM,CAAC,CAACI,GAAG,CAAEL,CAAC,iBACvDrD,MAAA,CAAAS,OAAA,CAAAuB,aAAA,CAAC5B,2BAAA,CAAA6B,MAAM;MAAC0B,GAAG,EAAEN,CAAC,CAACC,MAAO;MAACpB,GAAG,EAAEmB,CAAC,CAACE;IAAW,CAAE,CAC5C,CACW,CAAC;EAEnB;EAEA,IAAIhC,OAAO,CAACqC,aAAa,CAAC,CAAC,EAAE;IAC3B;IACA,oBAAO5D,MAAA,CAAAS,OAAA,CAAAuB,aAAA,CAAC5B,2BAAA,CAAA6B,MAAM,EAAAvB,QAAA;MAACwB,GAAG,EAAEX,OAAO,CAACQ;IAAS,GAAKP,WAAW,CAAG,CAAC;EAC3D;EAEA,oBAAOxB,MAAA,CAAAS,OAAA,CAAAuB,aAAA,CAAC5B,2BAAA,CAAA6B,MAAM,EAAAvB,QAAA;IAACwB,GAAG,EAAEX,OAAO,CAACQ;EAAS,GAAKP,WAAW,CAAG,CAAC;AAC3D,CAAC;AAAC,IAAAqC,QAAA,GAAAC,OAAA,CAAArD,OAAA,GAEaa,YAAY","ignoreList":[]}

package/lib/commonjs/components/ChannelInput/AttachmentsButton.js

@@ -7,12 +7,11 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactNative = require("react-native");
 var _uikitReactNativeFoundation = require("@sendbird/uikit-react-native-foundation");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const AttachmentsButton = _ref => {
-  let {
-    onPress,
-    disabled
-  } = _ref;
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const AttachmentsButton = ({
+  onPress,
+  disabled
+}) => {
   const {
     colors
   } = (0, _uikitReactNativeFoundation.useUIKitTheme)();
@@ -28,10 +27,9 @@ const AttachmentsButton = _ref => {
 };
 const styles = (0, _uikitReactNativeFoundation.createStyleSheet)({
   container: {
-    marginRight: 8,
+    marginEnd: 8,
     padding: 4
   }
 });
-var _default = AttachmentsButton;
-exports.default = _default;
+var _default = exports.default = AttachmentsButton;
 //# sourceMappingURL=AttachmentsButton.js.map

package/lib/commonjs/components/ChannelInput/AttachmentsButton.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_uikitReactNativeFoundation","obj","__esModule","default","AttachmentsButton","_ref","onPress","disabled","colors","useUIKitTheme","createElement","TouchableOpacity","Icon","color","ui","input","highlight","active","icon","size","containerStyle","styles","container","createStyleSheet","marginRight","padding","_default","exports"],"sources":["AttachmentsButton.tsx"],"sourcesContent":["import React from 'react';\nimport { TouchableOpacity } from 'react-native';\n\nimport { Icon, createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\n\nexport type AttachmentsButtonProps = {\n  onPress: () => void;\n  disabled: boolean;\n};\n\nconst AttachmentsButton = ({ onPress, disabled }: AttachmentsButtonProps) => {\n  const { colors } = useUIKitTheme();\n  return (\n    <TouchableOpacity onPress={onPress} disabled={disabled}>\n      <Icon\n        color={disabled ? colors.ui.input.default.disabled.highlight : colors.ui.input.default.active.highlight}\n        icon={'add'}\n        size={24}\n        containerStyle={styles.container}\n      />\n    </TouchableOpacity>\n  );\n};\n\nconst styles = createStyleSheet({\n  container: {\n    marginRight: 8,\n    padding: 4,\n  },\n});\n\nexport default AttachmentsButton;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,2BAAA,GAAAF,OAAA;AAAgG,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAOhG,MAAMG,iBAAiB,GAAGC,IAAA,IAAmD;EAAA,IAAlD;IAAEC,OAAO;IAAEC;EAAiC,CAAC,GAAAF,IAAA;EACtE,MAAM;IAAEG;EAAO,CAAC,GAAG,IAAAC,yCAAa,GAAE;EAClC,oBACEb,MAAA,CAAAO,OAAA,CAAAO,aAAA,CAACX,YAAA,CAAAY,gBAAgB;IAACL,OAAO,EAAEA,OAAQ;IAACC,QAAQ,EAAEA;EAAS,gBACrDX,MAAA,CAAAO,OAAA,CAAAO,aAAA,CAACV,2BAAA,CAAAY,IAAI;IACHC,KAAK,EAAEN,QAAQ,GAAGC,MAAM,CAACM,EAAE,CAACC,KAAK,CAACZ,OAAO,CAACI,QAAQ,CAACS,SAAS,GAAGR,MAAM,CAACM,EAAE,CAACC,KAAK,CAACZ,OAAO,CAACc,MAAM,CAACD,SAAU;IACxGE,IAAI,EAAE,KAAM;IACZC,IAAI,EAAE,EAAG;IACTC,cAAc,EAAEC,MAAM,CAACC;EAAU,EACjC,CACe;AAEvB,CAAC;AAED,MAAMD,MAAM,GAAG,IAAAE,4CAAgB,EAAC;EAC9BD,SAAS,EAAE;IACTE,WAAW,EAAE,CAAC;IACdC,OAAO,EAAE;EACX;AACF,CAAC,CAAC;AAAC,IAAAC,QAAA,GAEYtB,iBAAiB;AAAAuB,OAAA,CAAAxB,OAAA,GAAAuB,QAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_uikitReactNativeFoundation","e","__esModule","default","AttachmentsButton","onPress","disabled","colors","useUIKitTheme","createElement","TouchableOpacity","Icon","color","ui","input","highlight","active","icon","size","containerStyle","styles","container","createStyleSheet","marginEnd","padding","_default","exports"],"sources":["AttachmentsButton.tsx"],"sourcesContent":["import React from 'react';\nimport { TouchableOpacity } from 'react-native';\n\nimport { Icon, createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\n\nexport type AttachmentsButtonProps = {\n  onPress: () => void;\n  disabled: boolean;\n};\n\nconst AttachmentsButton = ({ onPress, disabled }: AttachmentsButtonProps) => {\n  const { colors } = useUIKitTheme();\n  return (\n    <TouchableOpacity onPress={onPress} disabled={disabled}>\n      <Icon\n        color={disabled ? colors.ui.input.default.disabled.highlight : colors.ui.input.default.active.highlight}\n        icon={'add'}\n        size={24}\n        containerStyle={styles.container}\n      />\n    </TouchableOpacity>\n  );\n};\n\nconst styles = createStyleSheet({\n  container: {\n    marginEnd: 8,\n    padding: 4,\n  },\n});\n\nexport default AttachmentsButton;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,2BAAA,GAAAF,OAAA;AAAgG,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAOhG,MAAMG,iBAAiB,GAAGA,CAAC;EAAEC,OAAO;EAAEC;AAAiC,CAAC,KAAK;EAC3E,MAAM;IAAEC;EAAO,CAAC,GAAG,IAAAC,yCAAa,EAAC,CAAC;EAClC,oBACEZ,MAAA,CAAAO,OAAA,CAAAM,aAAA,CAACV,YAAA,CAAAW,gBAAgB;IAACL,OAAO,EAAEA,OAAQ;IAACC,QAAQ,EAAEA;EAAS,gBACrDV,MAAA,CAAAO,OAAA,CAAAM,aAAA,CAACT,2BAAA,CAAAW,IAAI;IACHC,KAAK,EAAEN,QAAQ,GAAGC,MAAM,CAACM,EAAE,CAACC,KAAK,CAACX,OAAO,CAACG,QAAQ,CAACS,SAAS,GAAGR,MAAM,CAACM,EAAE,CAACC,KAAK,CAACX,OAAO,CAACa,MAAM,CAACD,SAAU;IACxGE,IAAI,EAAE,KAAM;IACZC,IAAI,EAAE,EAAG;IACTC,cAAc,EAAEC,MAAM,CAACC;EAAU,CAClC,CACe,CAAC;AAEvB,CAAC;AAED,MAAMD,MAAM,GAAG,IAAAE,4CAAgB,EAAC;EAC9BD,SAAS,EAAE;IACTE,SAAS,EAAE,CAAC;IACZC,OAAO,EAAE;EACX;AACF,CAAC,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAvB,OAAA,GAEYC,iBAAiB","ignoreList":[]}

package/lib/commonjs/components/ChannelInput/EditInput.js

@@ -9,21 +9,20 @@ var _reactNative = require("react-native");
 var _message = require("@sendbird/chat/message");
 var _uikitReactNativeFoundation = require("@sendbird/uikit-react-native-foundation");
 var _useContext = require("../../hooks/useContext");
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-const EditInput = /*#__PURE__*/(0, _react.forwardRef)(function EditInput(_ref, ref) {
-  let {
-    style,
-    text,
-    onChangeText,
-    messageToEdit,
-    setMessageToEdit,
-    onPressUpdateUserMessage,
-    onSelectionChange,
-    autoFocus,
-    mentionedUsers,
-    inputDisabled
-  } = _ref;
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const EditInput = /*#__PURE__*/(0, _react.forwardRef)(function EditInput({
+  style,
+  text,
+  onChangeText,
+  messageToEdit,
+  setMessageToEdit,
+  onPressUpdateUserMessage,
+  onSelectionChange,
+  autoFocus,
+  mentionedUsers,
+  inputDisabled
+}, ref) {
   const {
     mentionManager,
     sbOptions
@@ -65,7 +64,9 @@ const EditInput = /*#__PURE__*/(0, _react.forwardRef)(function EditInput(_ref, r
     onChangeText: onChangeText,
     style: style,
     placeholder: STRINGS.LABELS.CHANNEL_INPUT_PLACEHOLDER_ACTIVE,
-    onSelectionChange: onSelectionChange
+    onSelectionChange: onSelectionChange,
+    originalText: text,
+    supportRTLAlign: true
   }, mentionManager.textToMentionedComponents(text, mentionedUsers, sbOptions.uikit.groupChannel.channel.enableMention))), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: {
       marginTop: 8,
@@ -95,6 +96,5 @@ const styles = (0, _uikitReactNativeFoundation.createStyleSheet)({
     flex: 1
   }
 });
-var _default = EditInput;
-exports.default = _default;
+var _default = exports.default = EditInput;
 //# sourceMappingURL=EditInput.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_message","_uikitReactNativeFoundation","_useContext","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","EditInput","forwardRef","_ref","ref","style","text","onChangeText","messageToEdit","setMessageToEdit","onPressUpdateUserMessage","onSelectionChange","autoFocus","mentionedUsers","inputDisabled","mentionManager","sbOptions","useSendbirdChat","STRINGS","useLocalization","toast","useToast","onPressCancel","onPressSave","isUserMessage","mentionType","MentionType","USERS","mentionedUserIds","map","it","user","userId","mentionedMessageTemplate","textToMentionedMessageTemplate","uikit","groupChannel","channel","enableMention","message","catch","onFailureToUpdate","show","TOAST","UPDATE_MSG_ERROR","createElement","View","styles","editInputContainer","inputWrapper","TextInput","multiline","disableFullscreenUI","editable","placeholder","LABELS","CHANNEL_INPUT_PLACEHOLDER_ACTIVE","textToMentionedComponents","marginTop","flexDirection","Button","variant","onPress","CHANNEL_INPUT_EDIT_CANCEL","space","CHANNEL_INPUT_EDIT_OK","createStyleSheet","paddingVertical","paddingHorizontal","alignItems","flex","_default","exports"],"sources":["EditInput.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { NativeSyntheticEvent, TextInput as RNTextInput, TextInputSelectionChangeEventData, View } 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    style,\n    text,\n    onChangeText,\n    messageToEdit,\n    setMessageToEdit,\n    onPressUpdateUserMessage,\n    onSelectionChange,\n    autoFocus,\n    mentionedUsers,\n    inputDisabled,\n  },\n  ref,\n) {\n  const { mentionManager, sbOptions } = 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(\n        text,\n        mentionedUsers,\n        sbOptions.uikit.groupChannel.channel.enableMention,\n      );\n\n      onPressUpdateUserMessage(messageToEdit, {\n        message: text,\n        mentionType,\n        mentionedUserIds,\n        mentionedMessageTemplate,\n      }).catch(onFailureToUpdate);\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={style}\n          placeholder={STRINGS.LABELS.CHANNEL_INPUT_PLACEHOLDER_ACTIVE}\n          onSelectionChange={onSelectionChange}\n        >\n          {mentionManager.textToMentionedComponents(\n            text,\n            mentionedUsers,\n            sbOptions.uikit.groupChannel.channel.enableMention,\n          )}\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  inputWrapper: {\n    flexDirection: 'row',\n  },\n  space: {\n    flex: 1,\n  },\n});\n\nexport default EditInput;\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_message","_uikitReactNativeFoundation","_useContext","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","EditInput","forwardRef","style","text","onChangeText","messageToEdit","setMessageToEdit","onPressUpdateUserMessage","onSelectionChange","autoFocus","mentionedUsers","inputDisabled","ref","mentionManager","sbOptions","useSendbirdChat","STRINGS","useLocalization","toast","useToast","onPressCancel","onPressSave","isUserMessage","mentionType","MentionType","USERS","mentionedUserIds","map","it","user","userId","mentionedMessageTemplate","textToMentionedMessageTemplate","uikit","groupChannel","channel","enableMention","message","catch","onFailureToUpdate","show","TOAST","UPDATE_MSG_ERROR","createElement","View","styles","editInputContainer","inputWrapper","TextInput","multiline","disableFullscreenUI","editable","placeholder","LABELS","CHANNEL_INPUT_PLACEHOLDER_ACTIVE","originalText","supportRTLAlign","textToMentionedComponents","marginTop","flexDirection","Button","variant","onPress","CHANNEL_INPUT_EDIT_CANCEL","space","CHANNEL_INPUT_EDIT_OK","createStyleSheet","paddingVertical","paddingHorizontal","alignItems","flex","_default","exports"],"sources":["EditInput.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { NativeSyntheticEvent, TextInput as RNTextInput, TextInputSelectionChangeEventData, View } 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    style,\n    text,\n    onChangeText,\n    messageToEdit,\n    setMessageToEdit,\n    onPressUpdateUserMessage,\n    onSelectionChange,\n    autoFocus,\n    mentionedUsers,\n    inputDisabled,\n  },\n  ref,\n) {\n  const { mentionManager, sbOptions } = 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(\n        text,\n        mentionedUsers,\n        sbOptions.uikit.groupChannel.channel.enableMention,\n      );\n\n      onPressUpdateUserMessage(messageToEdit, {\n        message: text,\n        mentionType,\n        mentionedUserIds,\n        mentionedMessageTemplate,\n      }).catch(onFailureToUpdate);\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={style}\n          placeholder={STRINGS.LABELS.CHANNEL_INPUT_PLACEHOLDER_ACTIVE}\n          onSelectionChange={onSelectionChange}\n          originalText={text}\n          supportRTLAlign\n        >\n          {mentionManager.textToMentionedComponents(\n            text,\n            mentionedUsers,\n            sbOptions.uikit.groupChannel.channel.enableMention,\n          )}\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  inputWrapper: {\n    flexDirection: 'row',\n  },\n  space: {\n    flex: 1,\n  },\n});\n\nexport default EditInput;\n"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/ChannelInput/MessageToReplyPreview.js

@@ -9,12 +9,11 @@ var _reactNative = require("react-native");
 var _uikitReactNativeFoundation = require("@sendbird/uikit-react-native-foundation");
 var _uikitUtils = require("@sendbird/uikit-utils");
 var _useContext = require("../../hooks/useContext");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const MessageToReplyPreview = _ref => {
-  let {
-    messageToReply,
-    setMessageToReply
-  } = _ref;
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const MessageToReplyPreview = ({
+  messageToReply,
+  setMessageToReply
+}) => {
   const {
     colors,
     select,
@@ -31,12 +30,12 @@ const MessageToReplyPreview = _ref => {
       source: {
         uri: url
       },
-      style: styles.previewImage
+      style: styles.filePreview
     });
   };
   const getFileIconAsVideoThumbnail = url => {
     return /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.VideoThumbnail, {
-      style: styles.previewImage,
+      style: styles.filePreview,
       iconSize: 0,
       source: url,
       fetchThumbnailFromVideoSource: uri => mediaService.getVideoThumbnail({
@@ -50,7 +49,7 @@ const MessageToReplyPreview = _ref => {
       icon: icon,
       size: 20,
       color: colors.onBackground02,
-      containerStyle: [styles.fileIcon, {
+      containerStyle: [styles.filePreview, {
         backgroundColor: select({
           light: palette.background100,
           dark: palette.background500
@@ -80,66 +79,54 @@ const MessageToReplyPreview = _ref => {
       borderColor: colors.onBackground04
     }]
   }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: {
-      flex: 1,
-      flexDirection: 'row'
-    }
+    style: styles.infoContainer
   }, getFileIcon(messageToReply), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: {
-      flex: 1,
-      flexDirection: 'column'
-    }
+    style: styles.infoText
   }, /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Text, {
-    numberOfLines: 1,
-    style: {
-      fontSize: 13,
-      fontWeight: '900',
-      marginBottom: 4
-    }
+    caption1: true,
+    numberOfLines: 1
   }, STRINGS.LABELS.CHANNEL_INPUT_REPLY_PREVIEW_TITLE(messageToReply.sender)), /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Text, {
+    caption2: true,
     numberOfLines: 1,
+    color: colors.onBackground03
+  }, STRINGS.LABELS.CHANNEL_INPUT_REPLY_PREVIEW_BODY(messageToReply)))), /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
+    onPress: () => setMessageToReply === null || setMessageToReply === void 0 ? void 0 : setMessageToReply(undefined),
     style: {
-      fontSize: 13,
-      color: colors.onBackground03
+      marginStart: 16
     }
-  }, STRINGS.LABELS.CHANNEL_INPUT_REPLY_PREVIEW_BODY(messageToReply)))), /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
-    onPress: () => setMessageToReply === null || setMessageToReply === void 0 ? void 0 : setMessageToReply(undefined)
   }, /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Icon, {
     icon: 'close',
     size: 24,
-    color: colors.onBackground01,
-    containerStyle: styles.closeIcon
+    color: colors.onBackground01
   })));
 };
 exports.MessageToReplyPreview = MessageToReplyPreview;
 const styles = (0, _uikitReactNativeFoundation.createStyleSheet)({
-  previewImage: {
-    width: 36,
-    height: 36,
-    borderRadius: 10,
-    marginTop: 2,
-    marginRight: 10,
-    overflow: 'hidden'
-  },
   messageToReplyContainer: {
     flexDirection: 'row',
-    paddingLeft: 18,
-    paddingRight: 16,
-    paddingTop: 10,
-    paddingBottom: 8,
+    paddingStart: 18,
+    paddingEnd: 16,
+    paddingVertical: 12,
     alignItems: 'center',
     borderTopWidth: 1
   },
-  fileIcon: {
-    width: 36,
-    height: 36,
-    borderRadius: 10,
-    marginRight: 10,
-    marginTop: 2
+  infoContainer: {
+    flex: 1,
+    flexDirection: 'row',
+    alignItems: 'center'
+  },
+  infoText: {
+    flex: 1,
+    height: 32,
+    justifyContent: 'space-between',
+    alignItems: 'flex-start'
   },
-  closeIcon: {
-    marginLeft: 4,
-    padding: 4
+  filePreview: {
+    width: 32,
+    height: 32,
+    borderRadius: 8,
+    marginEnd: 10,
+    overflow: 'hidden'
   }
 });
 //# sourceMappingURL=MessageToReplyPreview.js.map

package/lib/commonjs/components/ChannelInput/MessageToReplyPreview.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_uikitReactNativeFoundation","_uikitUtils","_useContext","obj","__esModule","default","MessageToReplyPreview","_ref","messageToReply","setMessageToReply","colors","select","palette","useUIKitTheme","mediaService","usePlatformService","STRINGS","useLocalization","getFileIconAsImage","url","createElement","ImageWithPlaceholder","source","uri","style","styles","previewImage","getFileIconAsVideoThumbnail","VideoThumbnail","iconSize","fetchThumbnailFromVideoSource","getVideoThumbnail","timeMills","getFileIconAsSymbol","icon","Icon","size","color","onBackground02","containerStyle","fileIcon","backgroundColor","light","background100","dark","background500","getFileIcon","isFileMessage","messageType","getMessageType","getThumbnailUriFromFileMessage","getFileIconFromMessageType","View","messageToReplyContainer","borderColor","onBackground04","flex","flexDirection","Text","numberOfLines","fontSize","fontWeight","marginBottom","LABELS","CHANNEL_INPUT_REPLY_PREVIEW_TITLE","sender","onBackground03","CHANNEL_INPUT_REPLY_PREVIEW_BODY","TouchableOpacity","onPress","undefined","onBackground01","closeIcon","exports","createStyleSheet","width","height","borderRadius","marginTop","marginRight","overflow","paddingLeft","paddingRight","paddingTop","paddingBottom","alignItems","borderTopWidth","marginLeft","padding"],"sources":["MessageToReplyPreview.tsx"],"sourcesContent":["import React from 'react';\nimport { TouchableOpacity, View } from 'react-native';\n\nimport {\n  Icon,\n  ImageWithPlaceholder,\n  Text,\n  VideoThumbnail,\n  createStyleSheet,\n  useUIKitTheme,\n} from '@sendbird/uikit-react-native-foundation';\nimport {\n  FileIcon,\n  SendbirdBaseMessage,\n  SendbirdFileMessage,\n  SendbirdUserMessage,\n  getFileIconFromMessageType,\n  getMessageType,\n  getThumbnailUriFromFileMessage,\n} from '@sendbird/uikit-utils';\n\nimport { useLocalization, usePlatformService } from '../../hooks/useContext';\n\nexport type MessageToReplyPreviewProps = {\n  messageToReply?: SendbirdFileMessage | SendbirdUserMessage;\n  setMessageToReply?: (message?: undefined | SendbirdFileMessage | SendbirdUserMessage) => void;\n};\n\nexport const MessageToReplyPreview = ({ messageToReply, setMessageToReply }: MessageToReplyPreviewProps) => {\n  const { colors, select, palette } = useUIKitTheme();\n  const { mediaService } = usePlatformService();\n  const { STRINGS } = useLocalization();\n\n  const getFileIconAsImage = (url: string) => {\n    return <ImageWithPlaceholder source={{ uri: url }} style={styles.previewImage} />;\n  };\n\n  const getFileIconAsVideoThumbnail = (url: string) => {\n    return (\n      <VideoThumbnail\n        style={styles.previewImage}\n        iconSize={0}\n        source={url}\n        fetchThumbnailFromVideoSource={(uri) => mediaService.getVideoThumbnail({ url: uri, timeMills: 1000 })}\n      />\n    );\n  };\n\n  const getFileIconAsSymbol = (icon: FileIcon) => {\n    return (\n      <Icon\n        icon={icon}\n        size={20}\n        color={colors.onBackground02}\n        containerStyle={[\n          styles.fileIcon,\n          {\n            backgroundColor: select({ light: palette.background100, dark: palette.background500 }),\n          },\n        ]}\n      />\n    );\n  };\n\n  const getFileIcon = (messageToReply: SendbirdBaseMessage) => {\n    if (messageToReply?.isFileMessage()) {\n      const messageType = getMessageType(messageToReply);\n      switch (messageType) {\n        case 'file.image':\n          return getFileIconAsImage(getThumbnailUriFromFileMessage(messageToReply));\n        case 'file.video':\n          return getFileIconAsVideoThumbnail(getThumbnailUriFromFileMessage(messageToReply));\n        case 'file.voice':\n          return null;\n        default:\n          return getFileIconAsSymbol(getFileIconFromMessageType(messageType));\n      }\n    }\n    return null;\n  };\n\n  if (!messageToReply) return null;\n\n  return (\n    <View style={[styles.messageToReplyContainer, { borderColor: colors.onBackground04 }]}>\n      <View style={{ flex: 1, flexDirection: 'row' }}>\n        {getFileIcon(messageToReply)}\n        <View style={{ flex: 1, flexDirection: 'column' }}>\n          <Text numberOfLines={1} style={{ fontSize: 13, fontWeight: '900', marginBottom: 4 }}>\n            {STRINGS.LABELS.CHANNEL_INPUT_REPLY_PREVIEW_TITLE(messageToReply.sender)}\n          </Text>\n          <Text numberOfLines={1} style={{ fontSize: 13, color: colors.onBackground03 }}>\n            {STRINGS.LABELS.CHANNEL_INPUT_REPLY_PREVIEW_BODY(messageToReply)}\n          </Text>\n        </View>\n      </View>\n      <TouchableOpacity onPress={() => setMessageToReply?.(undefined)}>\n        <Icon icon={'close'} size={24} color={colors.onBackground01} containerStyle={styles.closeIcon} />\n      </TouchableOpacity>\n    </View>\n  );\n};\n\nconst styles = createStyleSheet({\n  previewImage: {\n    width: 36,\n    height: 36,\n    borderRadius: 10,\n    marginTop: 2,\n    marginRight: 10,\n    overflow: 'hidden',\n  },\n  messageToReplyContainer: {\n    flexDirection: 'row',\n    paddingLeft: 18,\n    paddingRight: 16,\n    paddingTop: 10,\n    paddingBottom: 8,\n    alignItems: 'center',\n    borderTopWidth: 1,\n  },\n  fileIcon: {\n    width: 36,\n    height: 36,\n    borderRadius: 10,\n    marginRight: 10,\n    marginTop: 2,\n  },\n  closeIcon: {\n    marginLeft: 4,\n    padding: 4,\n  },\n});\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_uikitReactNativeFoundation","_uikitUtils","_useContext","e","__esModule","default","MessageToReplyPreview","messageToReply","setMessageToReply","colors","select","palette","useUIKitTheme","mediaService","usePlatformService","STRINGS","useLocalization","getFileIconAsImage","url","createElement","ImageWithPlaceholder","source","uri","style","styles","filePreview","getFileIconAsVideoThumbnail","VideoThumbnail","iconSize","fetchThumbnailFromVideoSource","getVideoThumbnail","timeMills","getFileIconAsSymbol","icon","Icon","size","color","onBackground02","containerStyle","backgroundColor","light","background100","dark","background500","getFileIcon","isFileMessage","messageType","getMessageType","getThumbnailUriFromFileMessage","getFileIconFromMessageType","View","messageToReplyContainer","borderColor","onBackground04","infoContainer","infoText","Text","caption1","numberOfLines","LABELS","CHANNEL_INPUT_REPLY_PREVIEW_TITLE","sender","caption2","onBackground03","CHANNEL_INPUT_REPLY_PREVIEW_BODY","TouchableOpacity","onPress","undefined","marginStart","onBackground01","exports","createStyleSheet","flexDirection","paddingStart","paddingEnd","paddingVertical","alignItems","borderTopWidth","flex","height","justifyContent","width","borderRadius","marginEnd","overflow"],"sources":["MessageToReplyPreview.tsx"],"sourcesContent":["import React from 'react';\nimport { TouchableOpacity, View } from 'react-native';\n\nimport {\n  Icon,\n  ImageWithPlaceholder,\n  Text,\n  VideoThumbnail,\n  createStyleSheet,\n  useUIKitTheme,\n} from '@sendbird/uikit-react-native-foundation';\nimport {\n  FileIcon,\n  SendbirdBaseMessage,\n  SendbirdFileMessage,\n  SendbirdUserMessage,\n  getFileIconFromMessageType,\n  getMessageType,\n  getThumbnailUriFromFileMessage,\n} from '@sendbird/uikit-utils';\n\nimport { useLocalization, usePlatformService } from '../../hooks/useContext';\n\nexport type MessageToReplyPreviewProps = {\n  messageToReply?: SendbirdFileMessage | SendbirdUserMessage;\n  setMessageToReply?: (message?: undefined | SendbirdFileMessage | SendbirdUserMessage) => void;\n};\n\nexport const MessageToReplyPreview = ({ messageToReply, setMessageToReply }: MessageToReplyPreviewProps) => {\n  const { colors, select, palette } = useUIKitTheme();\n  const { mediaService } = usePlatformService();\n  const { STRINGS } = useLocalization();\n\n  const getFileIconAsImage = (url: string) => {\n    return <ImageWithPlaceholder source={{ uri: url }} style={styles.filePreview} />;\n  };\n\n  const getFileIconAsVideoThumbnail = (url: string) => {\n    return (\n      <VideoThumbnail\n        style={styles.filePreview}\n        iconSize={0}\n        source={url}\n        fetchThumbnailFromVideoSource={(uri) => mediaService.getVideoThumbnail({ url: uri, timeMills: 1000 })}\n      />\n    );\n  };\n\n  const getFileIconAsSymbol = (icon: FileIcon) => {\n    return (\n      <Icon\n        icon={icon}\n        size={20}\n        color={colors.onBackground02}\n        containerStyle={[\n          styles.filePreview,\n          { backgroundColor: select({ light: palette.background100, dark: palette.background500 }) },\n        ]}\n      />\n    );\n  };\n\n  const getFileIcon = (messageToReply: SendbirdBaseMessage) => {\n    if (messageToReply?.isFileMessage()) {\n      const messageType = getMessageType(messageToReply);\n      switch (messageType) {\n        case 'file.image':\n          return getFileIconAsImage(getThumbnailUriFromFileMessage(messageToReply));\n        case 'file.video':\n          return getFileIconAsVideoThumbnail(getThumbnailUriFromFileMessage(messageToReply));\n        case 'file.voice':\n          return null;\n        default:\n          return getFileIconAsSymbol(getFileIconFromMessageType(messageType));\n      }\n    }\n    return null;\n  };\n\n  if (!messageToReply) return null;\n\n  return (\n    <View style={[styles.messageToReplyContainer, { borderColor: colors.onBackground04 }]}>\n      <View style={styles.infoContainer}>\n        {getFileIcon(messageToReply)}\n        <View style={styles.infoText}>\n          <Text caption1 numberOfLines={1}>\n            {STRINGS.LABELS.CHANNEL_INPUT_REPLY_PREVIEW_TITLE(messageToReply.sender)}\n          </Text>\n          <Text caption2 numberOfLines={1} color={colors.onBackground03}>\n            {STRINGS.LABELS.CHANNEL_INPUT_REPLY_PREVIEW_BODY(messageToReply)}\n          </Text>\n        </View>\n      </View>\n      <TouchableOpacity onPress={() => setMessageToReply?.(undefined)} style={{ marginStart: 16 }}>\n        <Icon icon={'close'} size={24} color={colors.onBackground01} />\n      </TouchableOpacity>\n    </View>\n  );\n};\n\nconst styles = createStyleSheet({\n  messageToReplyContainer: {\n    flexDirection: 'row',\n    paddingStart: 18,\n    paddingEnd: 16,\n    paddingVertical: 12,\n    alignItems: 'center',\n    borderTopWidth: 1,\n  },\n  infoContainer: {\n    flex: 1,\n    flexDirection: 'row',\n    alignItems: 'center',\n  },\n  infoText: {\n    flex: 1,\n    height: 32,\n    justifyContent: 'space-between',\n    alignItems: 'flex-start',\n  },\n  filePreview: {\n    width: 32,\n    height: 32,\n    borderRadius: 8,\n    marginEnd: 10,\n    overflow: 'hidden',\n  },\n});\n"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/ChannelInput/SendInput.js

@@ -13,29 +13,28 @@ var _constants = require("../../constants");
 var _useChannelInputItems = require("../../hooks/useChannelInputItems");
 var _useContext = require("../../hooks/useContext");
 var _SBUUtils = _interopRequireDefault(require("../../libs/SBUUtils"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-const SendInput = /*#__PURE__*/(0, _react.forwardRef)(function SendInput(_ref, ref) {
-  let {
-    style,
-    VoiceMessageInput,
-    MessageToReplyPreview,
-    AttachmentsButton,
-    onPressSendUserMessage,
-    onPressSendFileMessage,
-    text,
-    onChangeText,
-    onSelectionChange,
-    mentionedUsers,
-    inputDisabled,
-    inputFrozen,
-    inputMuted,
-    channel,
-    messageToReply,
-    setMessageToReply,
-    messageForThread
-  } = _ref;
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const SendInput = /*#__PURE__*/(0, _react.forwardRef)(function SendInput({
+  style,
+  VoiceMessageInput,
+  MessageToReplyPreview,
+  AttachmentsButton,
+  onPressSendUserMessage,
+  onPressSendFileMessage,
+  text,
+  onChangeText,
+  onSelectionChange,
+  mentionedUsers,
+  inputDisabled,
+  inputFrozen,
+  inputMuted,
+  channel,
+  messageToReply,
+  setMessageToReply,
+  messageForThread
+}, ref) {
   const {
     playerService,
     recorderService
@@ -98,14 +97,14 @@ const SendInput = /*#__PURE__*/(0, _react.forwardRef)(function SendInput(_ref, r
       ...messageReplyParams
     }).catch(onFailureToSend);
     onChangeText('');
-    setMessageToReply === null || setMessageToReply === void 0 ? void 0 : setMessageToReply();
+    setMessageToReply === null || setMessageToReply === void 0 || setMessageToReply();
   };
   const sendFileMessage = file => {
     onPressSendFileMessage({
       file,
       ...messageReplyParams
     }).catch(onFailureToSend);
-    setMessageToReply === null || setMessageToReply === void 0 ? void 0 : setMessageToReply();
+    setMessageToReply === null || setMessageToReply === void 0 || setMessageToReply();
   };
   const sendVoiceMessage = (file, durationMills) => {
     if (inputMuted) {
@@ -128,7 +127,7 @@ const SendInput = /*#__PURE__*/(0, _react.forwardRef)(function SendInput(_ref, r
       }).catch(onFailureToSend);
     }
     onChangeText('');
-    setMessageToReply === null || setMessageToReply === void 0 ? void 0 : setMessageToReply();
+    setMessageToReply === null || setMessageToReply === void 0 || setMessageToReply();
   };
   const sheetItems = (0, _useChannelInputItems.useChannelInputItems)(channel, sendFileMessage);
   const getPlaceholder = () => {
@@ -165,7 +164,9 @@ const SendInput = /*#__PURE__*/(0, _react.forwardRef)(function SendInput(_ref, r
     editable: !inputDisabled,
     onChangeText: onChangeText,
     style: style,
-    placeholder: getPlaceholder()
+    placeholder: getPlaceholder(),
+    originalText: text,
+    supportRTLAlign: true
   }, mentionManager.textToMentionedComponents(text, mentionedUsers, sbOptions.uikit.groupChannel.channel.enableMention)), voiceMessageEnabled && /*#__PURE__*/_react.default.createElement(VoiceMessageButton, {
     visible: !sendButtonVisible,
     disabled: inputDisabled,
@@ -189,21 +190,17 @@ const SendInput = /*#__PURE__*/(0, _react.forwardRef)(function SendInput(_ref, r
     type: 'slide-no-gesture'
   }, /*#__PURE__*/_react.default.createElement(VoiceMessageInput, {
     onClose: onClose,
-    onSend: _ref2 => {
-      let {
-        file,
-        duration
-      } = _ref2;
-      return sendVoiceMessage(file, duration);
-    }
+    onSend: ({
+      file,
+      duration
+    }) => sendVoiceMessage(file, duration)
   }))));
 });
-const VoiceMessageButton = _ref3 => {
-  let {
-    visible,
-    disabled,
-    onPress
-  } = _ref3;
+const VoiceMessageButton = ({
+  visible,
+  disabled,
+  onPress
+}) => {
   const {
     STRINGS
   } = (0, _useContext.useLocalization)();
@@ -257,12 +254,11 @@ const VoiceMessageButton = _ref3 => {
     containerStyle: styles.sendIcon
   }));
 };
-const UserMessageSendButton = _ref4 => {
-  let {
-    visible,
-    disabled,
-    onPress
-  } = _ref4;
+const UserMessageSendButton = ({
+  visible,
+  disabled,
+  onPress
+}) => {
   const {
     colors
   } = (0, _uikitReactNativeFoundation.useUIKitTheme)();
@@ -285,10 +281,9 @@ const styles = (0, _uikitReactNativeFoundation.createStyleSheet)({
     flexDirection: 'row'
   },
   sendIcon: {
-    marginLeft: 4,
+    marginStart: 4,
     padding: 4
   }
 });
-var _default = SendInput;
-exports.default = _default;
+var _default = exports.default = SendInput;
 //# sourceMappingURL=SendInput.js.map