@sendbird/uikit-react-native-foundation 3.1.2 → 3.2.0

package/lib/commonjs/ui/GroupChannelMessage/Message.file.voice.js

@@ -0,0 +1,108 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _uikitUtils = require("@sendbird/uikit-utils");
+var _Box = _interopRequireDefault(require("../../components/Box"));
+var _Icon = _interopRequireDefault(require("../../components/Icon"));
+var _PressBox = _interopRequireDefault(require("../../components/PressBox"));
+var _ProgressBar = _interopRequireDefault(require("../../components/ProgressBar"));
+var _Text = _interopRequireDefault(require("../../components/Text"));
+var _createStyleSheet = _interopRequireDefault(require("../../styles/createStyleSheet"));
+var _useUIKitTheme = _interopRequireDefault(require("../../theme/useUIKitTheme"));
+var _LoadingSpinner = _interopRequireDefault(require("../LoadingSpinner"));
+var _MessageContainer = _interopRequireDefault(require("./MessageContainer"));
+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 VoiceFileMessage = props => {
+  const {
+    onLongPress,
+    variant = 'incoming',
+    onToggleVoiceMessage,
+    message,
+    durationMetaArrayKey = 'KEY_VOICE_MESSAGE_DURATION',
+    onUnmount
+  } = props;
+  const {
+    colors
+  } = (0, _useUIKitTheme.default)();
+  const [state, setState] = (0, _react.useState)(() => {
+    var _meta$value;
+    const meta = message.metaArrays.find(it => it.key === durationMetaArrayKey);
+    const value = meta === null || meta === void 0 ? void 0 : (_meta$value = meta.value) === null || _meta$value === void 0 ? void 0 : _meta$value[0];
+    const initialDuration = value ? parseInt(value, 10) : 0;
+    return {
+      status: 'paused',
+      currentTime: 0,
+      duration: initialDuration
+    };
+  });
+  (0, _react.useEffect)(() => {
+    return () => {
+      onUnmount();
+    };
+  }, []);
+  const uiColors = colors.ui.groupChannelMessage[variant];
+  const remainingTime = state.duration - state.currentTime;
+  return /*#__PURE__*/_react.default.createElement(_MessageContainer.default, props, /*#__PURE__*/_react.default.createElement(_Box.default, {
+    style: styles.container,
+    backgroundColor: uiColors.enabled.background
+  }, /*#__PURE__*/_react.default.createElement(_PressBox.default, {
+    onPress: () => onToggleVoiceMessage === null || onToggleVoiceMessage === void 0 ? void 0 : onToggleVoiceMessage(state, setState),
+    onLongPress: onLongPress
+  }, /*#__PURE__*/_react.default.createElement(_ProgressBar.default, {
+    current: state.currentTime,
+    total: state.duration,
+    style: {
+      minWidth: 136,
+      height: 44
+    },
+    trackColor: uiColors.enabled.voiceProgressTrack,
+    overlay: /*#__PURE__*/_react.default.createElement(_Box.default, {
+      flex: 1,
+      flexDirection: 'row',
+      alignItems: 'center',
+      justifyContent: 'space-between',
+      paddingHorizontal: 12
+    }, state.status === 'preparing' ? /*#__PURE__*/_react.default.createElement(_LoadingSpinner.default, {
+      size: 24,
+      color: uiColors.enabled.voiceSpinner
+    }) : /*#__PURE__*/_react.default.createElement(_Icon.default, {
+      size: 16,
+      containerStyle: {
+        backgroundColor: uiColors.enabled.voiceActionIconBackground,
+        padding: 6,
+        borderRadius: 16
+      },
+      icon: state.status === 'paused' ? 'play' : 'pause'
+    }), /*#__PURE__*/_react.default.createElement(_Text.default, {
+      body3: true,
+      style: {
+        lineHeight: undefined,
+        marginLeft: 6,
+        opacity: 0.88
+      },
+      color: uiColors.enabled.textVoicePlaytime
+    }, (0, _uikitUtils.millsToMSS)(state.currentTime === 0 ? state.duration : remainingTime)))
+  })), props.children));
+};
+const styles = (0, _createStyleSheet.default)({
+  container: {
+    borderRadius: 16,
+    overflow: 'hidden'
+  },
+  image: {
+    maxWidth: 240,
+    width: 240,
+    height: 160,
+    borderRadius: 16,
+    overflow: 'hidden'
+  }
+});
+var _default = VoiceFileMessage;
+exports.default = _default;
+//# sourceMappingURL=Message.file.voice.js.map

package/lib/commonjs/ui/GroupChannelMessage/Message.file.voice.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_uikitUtils","_Box","_interopRequireDefault","_Icon","_PressBox","_ProgressBar","_Text","_createStyleSheet","_useUIKitTheme","_LoadingSpinner","_MessageContainer","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","VoiceFileMessage","props","onLongPress","variant","onToggleVoiceMessage","message","durationMetaArrayKey","onUnmount","colors","useUIKitTheme","state","setState","useState","_meta$value","meta","metaArrays","find","it","value","initialDuration","parseInt","status","currentTime","duration","useEffect","uiColors","ui","groupChannelMessage","remainingTime","createElement","style","styles","container","backgroundColor","enabled","background","onPress","current","total","minWidth","height","trackColor","voiceProgressTrack","overlay","flex","flexDirection","alignItems","justifyContent","paddingHorizontal","size","color","voiceSpinner","containerStyle","voiceActionIconBackground","padding","borderRadius","icon","body3","lineHeight","undefined","marginLeft","opacity","textVoicePlaytime","millsToMSS","children","createStyleSheet","overflow","image","maxWidth","width","_default","exports"],"sources":["Message.file.voice.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\n\nimport type { SendbirdFileMessage } from '@sendbird/uikit-utils';\nimport { millsToMSS } from '@sendbird/uikit-utils';\n\nimport Box from '../../components/Box';\nimport Icon from '../../components/Icon';\nimport PressBox from '../../components/PressBox';\nimport ProgressBar from '../../components/ProgressBar';\nimport Text from '../../components/Text';\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\nimport LoadingSpinner from '../LoadingSpinner';\nimport MessageContainer from './MessageContainer';\nimport type { GroupChannelMessageProps } from './index';\n\nexport type VoiceFileMessageState = {\n  status: 'preparing' | 'playing' | 'paused';\n  currentTime: number;\n  duration: number;\n};\n\ntype Props = GroupChannelMessageProps<\n  SendbirdFileMessage,\n  {\n    durationMetaArrayKey?: string;\n    onUnmount: () => void;\n  }\n>;\nconst VoiceFileMessage = (props: Props) => {\n  const {\n    onLongPress,\n    variant = 'incoming',\n    onToggleVoiceMessage,\n    message,\n    durationMetaArrayKey = 'KEY_VOICE_MESSAGE_DURATION',\n    onUnmount,\n  } = props;\n\n  const { colors } = useUIKitTheme();\n\n  const [state, setState] = useState<VoiceFileMessageState>(() => {\n    const meta = message.metaArrays.find((it) => it.key === durationMetaArrayKey);\n    const value = meta?.value?.[0];\n    const initialDuration = value ? parseInt(value, 10) : 0;\n    return {\n      status: 'paused',\n      currentTime: 0,\n      duration: initialDuration,\n    };\n  });\n\n  useEffect(() => {\n    return () => {\n      onUnmount();\n    };\n  }, []);\n\n  const uiColors = colors.ui.groupChannelMessage[variant];\n  const remainingTime = state.duration - state.currentTime;\n\n  return (\n    <MessageContainer {...props}>\n      <Box style={styles.container} backgroundColor={uiColors.enabled.background}>\n        <PressBox onPress={() => onToggleVoiceMessage?.(state, setState)} onLongPress={onLongPress}>\n          <ProgressBar\n            current={state.currentTime}\n            total={state.duration}\n            style={{ minWidth: 136, height: 44 }}\n            trackColor={uiColors.enabled.voiceProgressTrack}\n            overlay={\n              <Box\n                flex={1}\n                flexDirection={'row'}\n                alignItems={'center'}\n                justifyContent={'space-between'}\n                paddingHorizontal={12}\n              >\n                {state.status === 'preparing' ? (\n                  <LoadingSpinner size={24} color={uiColors.enabled.voiceSpinner} />\n                ) : (\n                  <Icon\n                    size={16}\n                    containerStyle={{\n                      backgroundColor: uiColors.enabled.voiceActionIconBackground,\n                      padding: 6,\n                      borderRadius: 16,\n                    }}\n                    icon={state.status === 'paused' ? 'play' : 'pause'}\n                  />\n                )}\n                <Text\n                  body3\n                  style={{ lineHeight: undefined, marginLeft: 6, opacity: 0.88 }}\n                  color={uiColors.enabled.textVoicePlaytime}\n                >\n                  {millsToMSS(state.currentTime === 0 ? state.duration : remainingTime)}\n                </Text>\n              </Box>\n            }\n          />\n        </PressBox>\n        {props.children}\n      </Box>\n    </MessageContainer>\n  );\n};\n\nconst styles = createStyleSheet({\n  container: {\n    borderRadius: 16,\n    overflow: 'hidden',\n  },\n  image: {\n    maxWidth: 240,\n    width: 240,\n    height: 160,\n    borderRadius: 16,\n    overflow: 'hidden',\n  },\n});\n\nexport default VoiceFileMessage;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAGA,IAAAC,WAAA,GAAAD,OAAA;AAEA,IAAAE,IAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,KAAA,GAAAD,sBAAA,CAAAH,OAAA;AACA,IAAAK,SAAA,GAAAF,sBAAA,CAAAH,OAAA;AACA,IAAAM,YAAA,GAAAH,sBAAA,CAAAH,OAAA;AACA,IAAAO,KAAA,GAAAJ,sBAAA,CAAAH,OAAA;AACA,IAAAQ,iBAAA,GAAAL,sBAAA,CAAAH,OAAA;AACA,IAAAS,cAAA,GAAAN,sBAAA,CAAAH,OAAA;AACA,IAAAU,eAAA,GAAAP,sBAAA,CAAAH,OAAA;AACA,IAAAW,iBAAA,GAAAR,sBAAA,CAAAH,OAAA;AAAkD,SAAAG,uBAAAS,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAjB,wBAAAa,GAAA,EAAAI,WAAA,SAAAA,WAAA,IAAAJ,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAQ,KAAA,GAAAL,wBAAA,CAAAC,WAAA,OAAAI,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAT,GAAA,YAAAQ,KAAA,CAAAE,GAAA,CAAAV,GAAA,SAAAW,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAhB,GAAA,QAAAgB,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAnB,GAAA,EAAAgB,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAf,GAAA,EAAAgB,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAhB,GAAA,CAAAgB,GAAA,SAAAL,MAAA,CAAAT,OAAA,GAAAF,GAAA,MAAAQ,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAArB,GAAA,EAAAW,MAAA,YAAAA,MAAA;AAgBlD,MAAMW,gBAAgB,GAAIC,KAAY,IAAK;EACzC,MAAM;IACJC,WAAW;IACXC,OAAO,GAAG,UAAU;IACpBC,oBAAoB;IACpBC,OAAO;IACPC,oBAAoB,GAAG,4BAA4B;IACnDC;EACF,CAAC,GAAGN,KAAK;EAET,MAAM;IAAEO;EAAO,CAAC,GAAG,IAAAC,sBAAa,GAAE;EAElC,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAG,IAAAC,eAAQ,EAAwB,MAAM;IAAA,IAAAC,WAAA;IAC9D,MAAMC,IAAI,GAAGT,OAAO,CAACU,UAAU,CAACC,IAAI,CAAEC,EAAE,IAAKA,EAAE,CAACvB,GAAG,KAAKY,oBAAoB,CAAC;IAC7E,MAAMY,KAAK,GAAGJ,IAAI,aAAJA,IAAI,wBAAAD,WAAA,GAAJC,IAAI,CAAEI,KAAK,cAAAL,WAAA,uBAAXA,WAAA,CAAc,CAAC,CAAC;IAC9B,MAAMM,eAAe,GAAGD,KAAK,GAAGE,QAAQ,CAACF,KAAK,EAAE,EAAE,CAAC,GAAG,CAAC;IACvD,OAAO;MACLG,MAAM,EAAE,QAAQ;MAChBC,WAAW,EAAE,CAAC;MACdC,QAAQ,EAAEJ;IACZ,CAAC;EACH,CAAC,CAAC;EAEF,IAAAK,gBAAS,EAAC,MAAM;IACd,OAAO,MAAM;MACXjB,SAAS,EAAE;IACb,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMkB,QAAQ,GAAGjB,MAAM,CAACkB,EAAE,CAACC,mBAAmB,CAACxB,OAAO,CAAC;EACvD,MAAMyB,aAAa,GAAGlB,KAAK,CAACa,QAAQ,GAAGb,KAAK,CAACY,WAAW;EAExD,oBACE1D,MAAA,CAAAgB,OAAA,CAAAiD,aAAA,CAACpD,iBAAA,CAAAG,OAAgB,EAAKqB,KAAK,eACzBrC,MAAA,CAAAgB,OAAA,CAAAiD,aAAA,CAAC7D,IAAA,CAAAY,OAAG;IAACkD,KAAK,EAAEC,MAAM,CAACC,SAAU;IAACC,eAAe,EAAER,QAAQ,CAACS,OAAO,CAACC;EAAW,gBACzEvE,MAAA,CAAAgB,OAAA,CAAAiD,aAAA,CAAC1D,SAAA,CAAAS,OAAQ;IAACwD,OAAO,EAAEA,CAAA,KAAMhC,oBAAoB,aAApBA,oBAAoB,uBAApBA,oBAAoB,CAAGM,KAAK,EAAEC,QAAQ,CAAE;IAACT,WAAW,EAAEA;EAAY,gBACzFtC,MAAA,CAAAgB,OAAA,CAAAiD,aAAA,CAACzD,YAAA,CAAAQ,OAAW;IACVyD,OAAO,EAAE3B,KAAK,CAACY,WAAY;IAC3BgB,KAAK,EAAE5B,KAAK,CAACa,QAAS;IACtBO,KAAK,EAAE;MAAES,QAAQ,EAAE,GAAG;MAAEC,MAAM,EAAE;IAAG,CAAE;IACrCC,UAAU,EAAEhB,QAAQ,CAACS,OAAO,CAACQ,kBAAmB;IAChDC,OAAO,eACL/E,MAAA,CAAAgB,OAAA,CAAAiD,aAAA,CAAC7D,IAAA,CAAAY,OAAG;MACFgE,IAAI,EAAE,CAAE;MACRC,aAAa,EAAE,KAAM;MACrBC,UAAU,EAAE,QAAS;MACrBC,cAAc,EAAE,eAAgB;MAChCC,iBAAiB,EAAE;IAAG,GAErBtC,KAAK,CAACW,MAAM,KAAK,WAAW,gBAC3BzD,MAAA,CAAAgB,OAAA,CAAAiD,aAAA,CAACrD,eAAA,CAAAI,OAAc;MAACqE,IAAI,EAAE,EAAG;MAACC,KAAK,EAAEzB,QAAQ,CAACS,OAAO,CAACiB;IAAa,EAAG,gBAElEvF,MAAA,CAAAgB,OAAA,CAAAiD,aAAA,CAAC3D,KAAA,CAAAU,OAAI;MACHqE,IAAI,EAAE,EAAG;MACTG,cAAc,EAAE;QACdnB,eAAe,EAAER,QAAQ,CAACS,OAAO,CAACmB,yBAAyB;QAC3DC,OAAO,EAAE,CAAC;QACVC,YAAY,EAAE;MAChB,CAAE;MACFC,IAAI,EAAE9C,KAAK,CAACW,MAAM,KAAK,QAAQ,GAAG,MAAM,GAAG;IAAQ,EAEtD,eACDzD,MAAA,CAAAgB,OAAA,CAAAiD,aAAA,CAACxD,KAAA,CAAAO,OAAI;MACH6E,KAAK;MACL3B,KAAK,EAAE;QAAE4B,UAAU,EAAEC,SAAS;QAAEC,UAAU,EAAE,CAAC;QAAEC,OAAO,EAAE;MAAK,CAAE;MAC/DX,KAAK,EAAEzB,QAAQ,CAACS,OAAO,CAAC4B;IAAkB,GAEzC,IAAAC,sBAAU,EAACrD,KAAK,CAACY,WAAW,KAAK,CAAC,GAAGZ,KAAK,CAACa,QAAQ,GAAGK,aAAa,CAAC,CAChE;EAEV,EACD,CACO,EACV3B,KAAK,CAAC+D,QAAQ,CACX,CACW;AAEvB,CAAC;AAED,MAAMjC,MAAM,GAAG,IAAAkC,yBAAgB,EAAC;EAC9BjC,SAAS,EAAE;IACTuB,YAAY,EAAE,EAAE;IAChBW,QAAQ,EAAE;EACZ,CAAC;EACDC,KAAK,EAAE;IACLC,QAAQ,EAAE,GAAG;IACbC,KAAK,EAAE,GAAG;IACV7B,MAAM,EAAE,GAAG;IACXe,YAAY,EAAE,EAAE;IAChBW,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC;AAAC,IAAAI,QAAA,GAEYtE,gBAAgB;AAAAuE,OAAA,CAAA3F,OAAA,GAAA0F,QAAA"}

package/lib/commonjs/ui/GroupChannelMessage/Message.unknown.js

@@ -19,7 +19,7 @@ const UnknownMessage = props => {
   const {
     colors
   } = (0, _useUIKitTheme.default)();
-  const color = colors.ui.groupChannelMessage['incoming'];
+  const color = colors.ui.groupChannelMessage[variant];
   const titleColor = variant === 'incoming' ? colors.onBackground01 : colors.onBackgroundReverse01;
   const descColor = variant === 'incoming' ? colors.onBackground02 : colors.onBackgroundReverse02;
   return /*#__PURE__*/_react.default.createElement(_MessageContainer.default, props, /*#__PURE__*/_react.default.createElement(_PressBox.default, {

package/lib/commonjs/ui/GroupChannelMessage/Message.unknown.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_Box","_PressBox","_Text","_createStyleSheet","_useUIKitTheme","_MessageContainer","obj","__esModule","default","UnknownMessage","props","variant","colors","useUIKitTheme","color","ui","groupChannelMessage","titleColor","onBackground01","onBackgroundReverse01","descColor","onBackground02","onBackgroundReverse02","createElement","onPress","onLongPress","_ref","_props$strings","_props$strings2","pressed","style","styles","bubble","backgroundColor","background","enabled","body3","strings","unknownTitle","unknownDescription","createStyleSheet","paddingVertical","paddingHorizontal","borderRadius","_default","exports"],"sources":["Message.unknown.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { SendbirdMessage } from '@sendbird/uikit-utils';\n\nimport Box from '../../components/Box';\nimport PressBox from '../../components/PressBox';\nimport Text from '../../components/Text';\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\nimport MessageContainer from './MessageContainer';\nimport type { GroupChannelMessageProps } from './index';\n\nconst UnknownMessage = (props: GroupChannelMessageProps<SendbirdMessage>) => {\n  const { variant = 'incoming' } = props;\n\n  const { colors } = useUIKitTheme();\n  const color = colors.ui.groupChannelMessage['incoming'];\n  const titleColor = variant === 'incoming' ? colors.onBackground01 : colors.onBackgroundReverse01;\n  const descColor = variant === 'incoming' ? colors.onBackground02 : colors.onBackgroundReverse02;\n\n  return (\n    <MessageContainer {...props}>\n      <PressBox onPress={props.onPress} onLongPress={props.onLongPress}>\n        {({ pressed }) => (\n          <Box style={styles.bubble} backgroundColor={pressed ? color.pressed.background : color.enabled.background}>\n            <Text body3 color={titleColor}>\n              {props.strings?.unknownTitle ?? '(Unknown message type)'}\n            </Text>\n            <Text body3 color={descColor}>\n              {props.strings?.unknownDescription ?? 'Cannot read this message.'}\n            </Text>\n          </Box>\n        )}\n      </PressBox>\n    </MessageContainer>\n  );\n};\n\nconst styles = createStyleSheet({\n  bubble: {\n    paddingVertical: 6,\n    paddingHorizontal: 12,\n    borderRadius: 16,\n  },\n});\n\nexport default UnknownMessage;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAIA,IAAAC,IAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,SAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,KAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,iBAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,cAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,iBAAA,GAAAP,sBAAA,CAAAC,OAAA;AAAkD,SAAAD,uBAAAQ,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAGlD,MAAMG,cAAc,GAAIC,KAAgD,IAAK;EAC3E,MAAM;IAAEC,OAAO,GAAG;EAAW,CAAC,GAAGD,KAAK;EAEtC,MAAM;IAAEE;EAAO,CAAC,GAAG,IAAAC,sBAAa,GAAE;EAClC,MAAMC,KAAK,GAAGF,MAAM,CAACG,EAAE,CAACC,mBAAmB,CAAC,UAAU,CAAC;EACvD,MAAMC,UAAU,GAAGN,OAAO,KAAK,UAAU,GAAGC,MAAM,CAACM,cAAc,GAAGN,MAAM,CAACO,qBAAqB;EAChG,MAAMC,SAAS,GAAGT,OAAO,KAAK,UAAU,GAAGC,MAAM,CAACS,cAAc,GAAGT,MAAM,CAACU,qBAAqB;EAE/F,oBACEzB,MAAA,CAAAW,OAAA,CAAAe,aAAA,CAAClB,iBAAA,CAAAG,OAAgB,EAAKE,KAAK,eACzBb,MAAA,CAAAW,OAAA,CAAAe,aAAA,CAACtB,SAAA,CAAAO,OAAQ;IAACgB,OAAO,EAAEd,KAAK,CAACc,OAAQ;IAACC,WAAW,EAAEf,KAAK,CAACe;EAAY,GAC9DC,IAAA;IAAA,IAAAC,cAAA,EAAAC,eAAA;IAAA,IAAC;MAAEC;IAAQ,CAAC,GAAAH,IAAA;IAAA,oBACX7B,MAAA,CAAAW,OAAA,CAAAe,aAAA,CAACvB,IAAA,CAAAQ,OAAG;MAACsB,KAAK,EAAEC,MAAM,CAACC,MAAO;MAACC,eAAe,EAAEJ,OAAO,GAAGf,KAAK,CAACe,OAAO,CAACK,UAAU,GAAGpB,KAAK,CAACqB,OAAO,CAACD;IAAW,gBACxGrC,MAAA,CAAAW,OAAA,CAAAe,aAAA,CAACrB,KAAA,CAAAM,OAAI;MAAC4B,KAAK;MAACtB,KAAK,EAAEG;IAAW,GAC3B,EAAAU,cAAA,GAAAjB,KAAK,CAAC2B,OAAO,cAAAV,cAAA,uBAAbA,cAAA,CAAeW,YAAY,KAAI,wBAAwB,CACnD,eACPzC,MAAA,CAAAW,OAAA,CAAAe,aAAA,CAACrB,KAAA,CAAAM,OAAI;MAAC4B,KAAK;MAACtB,KAAK,EAAEM;IAAU,GAC1B,EAAAQ,eAAA,GAAAlB,KAAK,CAAC2B,OAAO,cAAAT,eAAA,uBAAbA,eAAA,CAAeW,kBAAkB,KAAI,2BAA2B,CAC5D,CACH;EAAA,CACP,CACQ,CACM;AAEvB,CAAC;AAED,MAAMR,MAAM,GAAG,IAAAS,yBAAgB,EAAC;EAC9BR,MAAM,EAAE;IACNS,eAAe,EAAE,CAAC;IAClBC,iBAAiB,EAAE,EAAE;IACrBC,YAAY,EAAE;EAChB;AACF,CAAC,CAAC;AAAC,IAAAC,QAAA,GAEYnC,cAAc;AAAAoC,OAAA,CAAArC,OAAA,GAAAoC,QAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_Box","_PressBox","_Text","_createStyleSheet","_useUIKitTheme","_MessageContainer","obj","__esModule","default","UnknownMessage","props","variant","colors","useUIKitTheme","color","ui","groupChannelMessage","titleColor","onBackground01","onBackgroundReverse01","descColor","onBackground02","onBackgroundReverse02","createElement","onPress","onLongPress","_ref","_props$strings","_props$strings2","pressed","style","styles","bubble","backgroundColor","background","enabled","body3","strings","unknownTitle","unknownDescription","createStyleSheet","paddingVertical","paddingHorizontal","borderRadius","_default","exports"],"sources":["Message.unknown.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { SendbirdMessage } from '@sendbird/uikit-utils';\n\nimport Box from '../../components/Box';\nimport PressBox from '../../components/PressBox';\nimport Text from '../../components/Text';\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\nimport MessageContainer from './MessageContainer';\nimport type { GroupChannelMessageProps } from './index';\n\nconst UnknownMessage = (props: GroupChannelMessageProps<SendbirdMessage>) => {\n  const { variant = 'incoming' } = props;\n\n  const { colors } = useUIKitTheme();\n  const color = colors.ui.groupChannelMessage[variant];\n  const titleColor = variant === 'incoming' ? colors.onBackground01 : colors.onBackgroundReverse01;\n  const descColor = variant === 'incoming' ? colors.onBackground02 : colors.onBackgroundReverse02;\n\n  return (\n    <MessageContainer {...props}>\n      <PressBox onPress={props.onPress} onLongPress={props.onLongPress}>\n        {({ pressed }) => (\n          <Box style={styles.bubble} backgroundColor={pressed ? color.pressed.background : color.enabled.background}>\n            <Text body3 color={titleColor}>\n              {props.strings?.unknownTitle ?? '(Unknown message type)'}\n            </Text>\n            <Text body3 color={descColor}>\n              {props.strings?.unknownDescription ?? 'Cannot read this message.'}\n            </Text>\n          </Box>\n        )}\n      </PressBox>\n    </MessageContainer>\n  );\n};\n\nconst styles = createStyleSheet({\n  bubble: {\n    paddingVertical: 6,\n    paddingHorizontal: 12,\n    borderRadius: 16,\n  },\n});\n\nexport default UnknownMessage;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAIA,IAAAC,IAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,SAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,KAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,iBAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,cAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,iBAAA,GAAAP,sBAAA,CAAAC,OAAA;AAAkD,SAAAD,uBAAAQ,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAGlD,MAAMG,cAAc,GAAIC,KAAgD,IAAK;EAC3E,MAAM;IAAEC,OAAO,GAAG;EAAW,CAAC,GAAGD,KAAK;EAEtC,MAAM;IAAEE;EAAO,CAAC,GAAG,IAAAC,sBAAa,GAAE;EAClC,MAAMC,KAAK,GAAGF,MAAM,CAACG,EAAE,CAACC,mBAAmB,CAACL,OAAO,CAAC;EACpD,MAAMM,UAAU,GAAGN,OAAO,KAAK,UAAU,GAAGC,MAAM,CAACM,cAAc,GAAGN,MAAM,CAACO,qBAAqB;EAChG,MAAMC,SAAS,GAAGT,OAAO,KAAK,UAAU,GAAGC,MAAM,CAACS,cAAc,GAAGT,MAAM,CAACU,qBAAqB;EAE/F,oBACEzB,MAAA,CAAAW,OAAA,CAAAe,aAAA,CAAClB,iBAAA,CAAAG,OAAgB,EAAKE,KAAK,eACzBb,MAAA,CAAAW,OAAA,CAAAe,aAAA,CAACtB,SAAA,CAAAO,OAAQ;IAACgB,OAAO,EAAEd,KAAK,CAACc,OAAQ;IAACC,WAAW,EAAEf,KAAK,CAACe;EAAY,GAC9DC,IAAA;IAAA,IAAAC,cAAA,EAAAC,eAAA;IAAA,IAAC;MAAEC;IAAQ,CAAC,GAAAH,IAAA;IAAA,oBACX7B,MAAA,CAAAW,OAAA,CAAAe,aAAA,CAACvB,IAAA,CAAAQ,OAAG;MAACsB,KAAK,EAAEC,MAAM,CAACC,MAAO;MAACC,eAAe,EAAEJ,OAAO,GAAGf,KAAK,CAACe,OAAO,CAACK,UAAU,GAAGpB,KAAK,CAACqB,OAAO,CAACD;IAAW,gBACxGrC,MAAA,CAAAW,OAAA,CAAAe,aAAA,CAACrB,KAAA,CAAAM,OAAI;MAAC4B,KAAK;MAACtB,KAAK,EAAEG;IAAW,GAC3B,EAAAU,cAAA,GAAAjB,KAAK,CAAC2B,OAAO,cAAAV,cAAA,uBAAbA,cAAA,CAAeW,YAAY,KAAI,wBAAwB,CACnD,eACPzC,MAAA,CAAAW,OAAA,CAAAe,aAAA,CAACrB,KAAA,CAAAM,OAAI;MAAC4B,KAAK;MAACtB,KAAK,EAAEM;IAAU,GAC1B,EAAAQ,eAAA,GAAAlB,KAAK,CAAC2B,OAAO,cAAAT,eAAA,uBAAbA,eAAA,CAAeW,kBAAkB,KAAI,2BAA2B,CAC5D,CACH;EAAA,CACP,CACQ,CACM;AAEvB,CAAC;AAED,MAAMR,MAAM,GAAG,IAAAS,yBAAgB,EAAC;EAC9BR,MAAM,EAAE;IACNS,eAAe,EAAE,CAAC;IAClBC,iBAAiB,EAAE,EAAE;IACrBC,YAAY,EAAE;EAChB;AACF,CAAC,CAAC;AAAC,IAAAC,QAAA,GAEYnC,cAAc;AAAAoC,OAAA,CAAArC,OAAA,GAAAoC,QAAA"}

package/lib/commonjs/ui/GroupChannelMessage/index.js

@@ -8,6 +8,7 @@ var _Message = _interopRequireDefault(require("./Message.admin"));
 var _Message2 = _interopRequireDefault(require("./Message.file"));
 var _MessageFile = _interopRequireDefault(require("./Message.file.image"));
 var _MessageFile2 = _interopRequireDefault(require("./Message.file.video"));
+var _MessageFile3 = _interopRequireDefault(require("./Message.file.voice"));
 var _Message3 = _interopRequireDefault(require("./Message.unknown"));
 var _Message4 = _interopRequireDefault(require("./Message.user"));
 var _MessageUser = _interopRequireDefault(require("./Message.user.og"));
@@ -18,6 +19,7 @@ const GroupChannelMessage = {
   File: _Message2.default,
   ImageFile: _MessageFile.default,
   VideoFile: _MessageFile2.default,
+  VoiceFile: _MessageFile3.default,
   Admin: _Message.default,
   Unknown: _Message3.default
 };

package/lib/commonjs/ui/GroupChannelMessage/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_Message","_interopRequireDefault","require","_Message2","_MessageFile","_MessageFile2","_Message3","_Message4","_MessageUser","obj","__esModule","default","GroupChannelMessage","User","UserMessage","OpenGraphUser","File","FileMessage","ImageFile","ImageFileMessage","VideoFile","VideoFileMessage","Admin","AdminMessage","Unknown","UnknownMessage","_default","exports"],"sources":["index.ts"],"sourcesContent":["import type React from 'react';\n\nimport type { SendbirdGroupChannel, SendbirdMessage, SendbirdUser } from '@sendbird/uikit-utils';\n\nimport AdminMessage from './Message.admin';\nimport FileMessage from './Message.file';\nimport ImageFileMessage from './Message.file.image';\nimport VideoFileMessage from './Message.file.video';\nimport UnknownMessage from './Message.unknown';\nimport UserMessage from './Message.user';\nimport OpenGraphUser from './Message.user.og';\n\nexport type GroupChannelMessageProps<T extends SendbirdMessage, AdditionalProps = unknown> = {\n  channel: SendbirdGroupChannel;\n  message: T;\n  variant?: 'outgoing' | 'incoming';\n  strings?: {\n    senderName?: string;\n    sentDate?: string;\n    edited?: string;\n    fileName?: string;\n    unknownTitle?: string;\n    unknownDescription?: string;\n  };\n\n  children?: React.ReactNode;\n  sendingStatus?: React.ReactNode;\n  parentMessage?: React.ReactNode;\n\n  groupedWithPrev: boolean;\n  groupedWithNext: boolean;\n  onPress?: () => void;\n  onLongPress?: () => void;\n  onPressAvatar?: () => void;\n  onPressURL?: (url: string) => void;\n  onPressMentionedUser?: (mentionedUser?: SendbirdUser) => void;\n} & AdditionalProps;\n\nconst GroupChannelMessage = {\n  User: UserMessage,\n  OpenGraphUser: OpenGraphUser,\n  File: FileMessage,\n  ImageFile: ImageFileMessage,\n  VideoFile: VideoFileMessage,\n  Admin: AdminMessage,\n  Unknown: UnknownMessage,\n};\n\nexport default GroupChannelMessage;\n"],"mappings":";;;;;;AAIA,IAAAA,QAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,YAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,aAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,SAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,SAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,YAAA,GAAAP,sBAAA,CAAAC,OAAA;AAA8C,SAAAD,uBAAAQ,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AA4B9C,MAAMG,mBAAmB,GAAG;EAC1BC,IAAI,EAAEC,iBAAW;EACjBC,aAAa,EAAEA,oBAAa;EAC5BC,IAAI,EAAEC,iBAAW;EACjBC,SAAS,EAAEC,oBAAgB;EAC3BC,SAAS,EAAEC,qBAAgB;EAC3BC,KAAK,EAAEC,gBAAY;EACnBC,OAAO,EAAEC;AACX,CAAC;AAAC,IAAAC,QAAA,GAEad,mBAAmB;AAAAe,OAAA,CAAAhB,OAAA,GAAAe,QAAA"}
+{"version":3,"names":["_Message","_interopRequireDefault","require","_Message2","_MessageFile","_MessageFile2","_MessageFile3","_Message3","_Message4","_MessageUser","obj","__esModule","default","GroupChannelMessage","User","UserMessage","OpenGraphUser","File","FileMessage","ImageFile","ImageFileMessage","VideoFile","VideoFileMessage","VoiceFile","VoiceFileMessage","Admin","AdminMessage","Unknown","UnknownMessage","_default","exports"],"sources":["index.ts"],"sourcesContent":["import type React from 'react';\n\nimport type { SendbirdGroupChannel, SendbirdMessage, SendbirdUser } from '@sendbird/uikit-utils';\n\nimport AdminMessage from './Message.admin';\nimport FileMessage from './Message.file';\nimport ImageFileMessage from './Message.file.image';\nimport VideoFileMessage from './Message.file.video';\nimport VoiceFileMessage from './Message.file.voice';\nimport type { VoiceFileMessageState } from './Message.file.voice';\nimport UnknownMessage from './Message.unknown';\nimport UserMessage from './Message.user';\nimport OpenGraphUser from './Message.user.og';\n\nexport type GroupChannelMessageProps<T extends SendbirdMessage, AdditionalProps = unknown> = {\n  channel: SendbirdGroupChannel;\n  message: T;\n  variant?: 'outgoing' | 'incoming';\n  strings?: {\n    senderName?: string;\n    sentDate?: string;\n    edited?: string;\n    fileName?: string;\n    unknownTitle?: string;\n    unknownDescription?: string;\n  };\n\n  children?: React.ReactNode;\n  sendingStatus?: React.ReactNode;\n  parentMessage?: React.ReactNode;\n\n  groupedWithPrev: boolean;\n  groupedWithNext: boolean;\n  onPress?: () => void;\n  onLongPress?: () => void;\n  onPressAvatar?: () => void;\n  onPressURL?: (url: string) => void;\n  onPressMentionedUser?: (mentionedUser?: SendbirdUser) => void;\n  onToggleVoiceMessage?: (\n    state: VoiceFileMessageState,\n    setState: React.Dispatch<React.SetStateAction<VoiceFileMessageState>>,\n  ) => Promise<void>;\n} & AdditionalProps;\n\nconst GroupChannelMessage = {\n  User: UserMessage,\n  OpenGraphUser: OpenGraphUser,\n  File: FileMessage,\n  ImageFile: ImageFileMessage,\n  VideoFile: VideoFileMessage,\n  VoiceFile: VoiceFileMessage,\n  Admin: AdminMessage,\n  Unknown: UnknownMessage,\n};\n\nexport default GroupChannelMessage;\n"],"mappings":";;;;;;AAIA,IAAAA,QAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,YAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,aAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,aAAA,GAAAL,sBAAA,CAAAC,OAAA;AAEA,IAAAK,SAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,SAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,YAAA,GAAAR,sBAAA,CAAAC,OAAA;AAA8C,SAAAD,uBAAAS,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAgC9C,MAAMG,mBAAmB,GAAG;EAC1BC,IAAI,EAAEC,iBAAW;EACjBC,aAAa,EAAEA,oBAAa;EAC5BC,IAAI,EAAEC,iBAAW;EACjBC,SAAS,EAAEC,oBAAgB;EAC3BC,SAAS,EAAEC,qBAAgB;EAC3BC,SAAS,EAAEC,qBAAgB;EAC3BC,KAAK,EAAEC,gBAAY;EACnBC,OAAO,EAAEC;AACX,CAAC;AAAC,IAAAC,QAAA,GAEahB,mBAAmB;AAAAiB,OAAA,CAAAlB,OAAA,GAAAiB,QAAA"}

package/lib/commonjs/ui/GroupChannelPreview/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_uikitUtils","_Icon","_Image","_Text","_createStyleSheet","_useUIKitTheme","_Badge","obj","__esModule","default","GroupChannelPreview","_ref","customCover","coverUrl","memberCount","badgeCount","maxBadgeCount","body","bodyIcon","title","titleCaption","titleCaptionLeft","frozen","notificationOff","broadcast","mentioned","mentionTrigger","colors","useUIKitTheme","color","ui","groupChannelPreview","createElement","View","style","styles","container","backgroundColor","none","background","coverContainer","conditionChaining","Boolean","resizeMode","channelCover","coverBackground","source","uri","rightSection","rightTopSection","channelInfoContainer","size","icon","secondary","containerStyle","channelInfoBroadcast","numberOfLines","subtitle1","channelInfoTitle","textTitle","caption1","channelInfoMemberCount","primary","channelInfoFrozen","onBackground03","titleCaptionContainer","caption2","textTitleCaption","titleCaptionText","rightBottomSection","bodyWrapper","bodyIconBackground","body3","ellipsizeMode","bodyText","textBody","unreadContainer","h2","badge","unreadMention","count","maxCount","Separator","separator","_ref2","createStyleSheet","height","width","flexDirection","alignItems","justifyContent","marginLeft","marginRight","borderRadius","flex","paddingTop","paddingRight","marginBottom","flexShrink","marginTop","position","left","right","bottom","_default","exports"],"sources":["index.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\n\nimport { conditionChaining } from '@sendbird/uikit-utils';\n\nimport Icon from '../../components/Icon';\nimport Image from '../../components/Image';\nimport Text from '../../components/Text';\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\nimport Badge from '../Badge';\n\ntype Props = {\n  customCover?: React.ReactElement;\n  coverUrl: string;\n\n  title: string;\n\n  titleCaption: string;\n  titleCaptionLeft?: React.ReactElement;\n\n  bodyIcon?: keyof typeof Icon.Assets;\n  body: string;\n\n  memberCount?: number;\n  badgeCount: number;\n  maxBadgeCount?: number;\n\n  frozen?: boolean;\n  notificationOff?: boolean;\n  broadcast?: boolean;\n  mentioned?: boolean;\n  mentionTrigger?: string;\n};\n\nconst GroupChannelPreview = ({\n  customCover,\n  coverUrl,\n  memberCount,\n  badgeCount,\n  maxBadgeCount,\n  body,\n  bodyIcon,\n  title,\n  titleCaption,\n  titleCaptionLeft,\n  frozen,\n  notificationOff,\n  broadcast,\n  mentioned,\n  mentionTrigger = '@',\n}: Props) => {\n  const { colors } = useUIKitTheme();\n  const color = colors.ui.groupChannelPreview;\n\n  return (\n    <View style={[styles.container, { backgroundColor: color.default.none.background }]}>\n      <View style={styles.coverContainer}>\n        {conditionChaining(\n          [Boolean(customCover)],\n          [\n            customCover,\n            <Image\n              resizeMode={'cover'}\n              style={[styles.channelCover, { backgroundColor: color.default.none.coverBackground }]}\n              source={{ uri: coverUrl }}\n            />,\n          ],\n        )}\n      </View>\n      <View style={styles.rightSection}>\n        <View style={styles.rightTopSection}>\n          <View style={styles.channelInfoContainer}>\n            {broadcast && (\n              <Icon\n                size={16}\n                icon={'broadcast'}\n                color={colors.secondary}\n                containerStyle={styles.channelInfoBroadcast}\n              />\n            )}\n            <Text numberOfLines={1} subtitle1 style={styles.channelInfoTitle} color={color.default.none.textTitle}>\n              {title}\n            </Text>\n            {Boolean(memberCount) && (\n              <Text caption1 style={styles.channelInfoMemberCount} color={color.default.none.memberCount}>\n                {memberCount}\n              </Text>\n            )}\n            {frozen && (\n              <Icon size={16} icon={'freeze'} color={colors.primary} containerStyle={styles.channelInfoFrozen} />\n            )}\n            {notificationOff && <Icon size={16} icon={'notifications-off-filled'} color={colors.onBackground03} />}\n          </View>\n          <View style={styles.titleCaptionContainer}>\n            {titleCaptionLeft}\n            <Text caption2 color={color.default.none.textTitleCaption} style={styles.titleCaptionText}>\n              {titleCaption}\n            </Text>\n          </View>\n        </View>\n\n        <View style={styles.rightBottomSection}>\n          <View style={styles.body}>\n            <View style={styles.bodyWrapper}>\n              {bodyIcon && (\n                <Icon\n                  size={18}\n                  icon={bodyIcon}\n                  color={color.default.none.bodyIcon}\n                  containerStyle={[\n                    styles.bodyIcon,\n                    { backgroundColor: colors.ui.groupChannelPreview.default.none.bodyIconBackground },\n                  ]}\n                />\n              )}\n              <Text\n                body3\n                numberOfLines={1}\n                ellipsizeMode={bodyIcon ? 'middle' : 'tail'}\n                style={styles.bodyText}\n                color={color.default.none.textBody}\n              >\n                {body}\n              </Text>\n            </View>\n          </View>\n          <View style={styles.unreadContainer}>\n            {mentioned && (\n              <Text h2 color={colors.ui.badge.default.none.background} style={styles.unreadMention}>\n                {mentionTrigger}\n              </Text>\n            )}\n            {badgeCount > 0 && <Badge count={badgeCount} maxCount={maxBadgeCount} />}\n          </View>\n        </View>\n        <Separator color={color.default.none.separator} />\n      </View>\n    </View>\n  );\n};\n\ntype SeparatorProps = { color: string };\nconst Separator = ({ color }: SeparatorProps) => <View style={[styles.separator, { backgroundColor: color }]} />;\n\nconst styles = createStyleSheet({\n  container: {\n    height: 76,\n    width: '100%',\n    flexDirection: 'row',\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  coverContainer: {\n    marginLeft: 16,\n    marginRight: 16,\n  },\n  channelCover: {\n    width: 56,\n    height: 56,\n    borderRadius: 28,\n  },\n  rightSection: {\n    flex: 1,\n    paddingTop: 10,\n    paddingRight: 16,\n  },\n  rightTopSection: {\n    flexDirection: 'row',\n    marginBottom: 4,\n  },\n  channelInfoContainer: {\n    flex: 1,\n    marginRight: 4,\n    alignItems: 'center',\n    flexDirection: 'row',\n  },\n  channelInfoBroadcast: {\n    marginRight: 4,\n  },\n  channelInfoTitle: {\n    flexShrink: 1,\n    marginRight: 4,\n  },\n  channelInfoMemberCount: {\n    paddingTop: 2,\n    marginRight: 4,\n  },\n  channelInfoFrozen: {\n    marginRight: 4,\n  },\n  titleCaptionContainer: {\n    alignItems: 'flex-start',\n    flexDirection: 'row',\n    marginLeft: 4,\n  },\n  titleCaptionText: {\n    marginTop: 2,\n  },\n  rightBottomSection: {\n    flex: 1,\n    height: '100%',\n    flexDirection: 'row',\n  },\n  body: {\n    marginRight: 4,\n    flex: 1,\n    flexDirection: 'row',\n    alignItems: 'flex-start',\n  },\n  bodyWrapper: {\n    flexDirection: 'row',\n    alignItems: 'center',\n  },\n  bodyText: {\n    flex: 1,\n  },\n  bodyIcon: {\n    borderRadius: 8,\n    width: 26,\n    height: 26,\n    marginRight: 4,\n  },\n  unreadContainer: {\n    flexDirection: 'row',\n    alignItems: 'flex-start',\n  },\n  unreadMention: {\n    marginRight: 4,\n  },\n  separator: {\n    position: 'absolute',\n    left: 0,\n    right: -16,\n    bottom: 0,\n    height: 1,\n  },\n});\n\nexport default GroupChannelPreview;\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_uikitUtils","_Icon","_Image","_Text","_createStyleSheet","_useUIKitTheme","_Badge","obj","__esModule","default","GroupChannelPreview","_ref","customCover","coverUrl","memberCount","badgeCount","maxBadgeCount","body","bodyIcon","title","titleCaption","titleCaptionLeft","frozen","notificationOff","broadcast","mentioned","mentionTrigger","colors","useUIKitTheme","color","ui","groupChannelPreview","createElement","View","style","styles","container","backgroundColor","none","background","coverContainer","conditionChaining","Boolean","resizeMode","channelCover","coverBackground","source","uri","rightSection","rightTopSection","channelInfoContainer","size","icon","secondary","containerStyle","channelInfoBroadcast","numberOfLines","subtitle1","channelInfoTitle","textTitle","caption1","channelInfoMemberCount","primary","channelInfoFrozen","onBackground03","titleCaptionContainer","caption2","textTitleCaption","titleCaptionText","rightBottomSection","bodyWrapper","bodyIconBackground","body3","ellipsizeMode","bodyText","textBody","unreadContainer","h2","badge","unreadMention","count","maxCount","Separator","separator","_ref2","createStyleSheet","height","width","flexDirection","alignItems","justifyContent","marginLeft","marginRight","borderRadius","flex","paddingTop","paddingRight","marginBottom","flexShrink","marginTop","position","left","right","bottom","_default","exports"],"sources":["index.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\n\nimport { conditionChaining } from '@sendbird/uikit-utils';\n\nimport Icon from '../../components/Icon';\nimport Image from '../../components/Image';\nimport Text from '../../components/Text';\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\nimport Badge from '../Badge';\n\ntype Props = {\n  customCover?: React.ReactNode;\n  coverUrl: string;\n\n  title: string;\n\n  titleCaption: string;\n  titleCaptionLeft?: React.ReactNode;\n\n  bodyIcon?: keyof typeof Icon.Assets;\n  body: string;\n\n  memberCount?: number;\n  badgeCount: number;\n  maxBadgeCount?: number;\n\n  frozen?: boolean;\n  notificationOff?: boolean;\n  broadcast?: boolean;\n  mentioned?: boolean;\n  mentionTrigger?: string;\n};\n\nconst GroupChannelPreview = ({\n  customCover,\n  coverUrl,\n  memberCount,\n  badgeCount,\n  maxBadgeCount,\n  body,\n  bodyIcon,\n  title,\n  titleCaption,\n  titleCaptionLeft,\n  frozen,\n  notificationOff,\n  broadcast,\n  mentioned,\n  mentionTrigger = '@',\n}: Props) => {\n  const { colors } = useUIKitTheme();\n  const color = colors.ui.groupChannelPreview;\n\n  return (\n    <View style={[styles.container, { backgroundColor: color.default.none.background }]}>\n      <View style={styles.coverContainer}>\n        {conditionChaining(\n          [Boolean(customCover)],\n          [\n            customCover,\n            <Image\n              resizeMode={'cover'}\n              style={[styles.channelCover, { backgroundColor: color.default.none.coverBackground }]}\n              source={{ uri: coverUrl }}\n            />,\n          ],\n        )}\n      </View>\n      <View style={styles.rightSection}>\n        <View style={styles.rightTopSection}>\n          <View style={styles.channelInfoContainer}>\n            {broadcast && (\n              <Icon\n                size={16}\n                icon={'broadcast'}\n                color={colors.secondary}\n                containerStyle={styles.channelInfoBroadcast}\n              />\n            )}\n            <Text numberOfLines={1} subtitle1 style={styles.channelInfoTitle} color={color.default.none.textTitle}>\n              {title}\n            </Text>\n            {Boolean(memberCount) && (\n              <Text caption1 style={styles.channelInfoMemberCount} color={color.default.none.memberCount}>\n                {memberCount}\n              </Text>\n            )}\n            {frozen && (\n              <Icon size={16} icon={'freeze'} color={colors.primary} containerStyle={styles.channelInfoFrozen} />\n            )}\n            {notificationOff && <Icon size={16} icon={'notifications-off-filled'} color={colors.onBackground03} />}\n          </View>\n          <View style={styles.titleCaptionContainer}>\n            {titleCaptionLeft}\n            <Text caption2 color={color.default.none.textTitleCaption} style={styles.titleCaptionText}>\n              {titleCaption}\n            </Text>\n          </View>\n        </View>\n\n        <View style={styles.rightBottomSection}>\n          <View style={styles.body}>\n            <View style={styles.bodyWrapper}>\n              {bodyIcon && (\n                <Icon\n                  size={18}\n                  icon={bodyIcon}\n                  color={color.default.none.bodyIcon}\n                  containerStyle={[\n                    styles.bodyIcon,\n                    { backgroundColor: colors.ui.groupChannelPreview.default.none.bodyIconBackground },\n                  ]}\n                />\n              )}\n              <Text\n                body3\n                numberOfLines={1}\n                ellipsizeMode={bodyIcon ? 'middle' : 'tail'}\n                style={styles.bodyText}\n                color={color.default.none.textBody}\n              >\n                {body}\n              </Text>\n            </View>\n          </View>\n          <View style={styles.unreadContainer}>\n            {mentioned && (\n              <Text h2 color={colors.ui.badge.default.none.background} style={styles.unreadMention}>\n                {mentionTrigger}\n              </Text>\n            )}\n            {badgeCount > 0 && <Badge count={badgeCount} maxCount={maxBadgeCount} />}\n          </View>\n        </View>\n        <Separator color={color.default.none.separator} />\n      </View>\n    </View>\n  );\n};\n\ntype SeparatorProps = { color: string };\nconst Separator = ({ color }: SeparatorProps) => <View style={[styles.separator, { backgroundColor: color }]} />;\n\nconst styles = createStyleSheet({\n  container: {\n    height: 76,\n    width: '100%',\n    flexDirection: 'row',\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  coverContainer: {\n    marginLeft: 16,\n    marginRight: 16,\n  },\n  channelCover: {\n    width: 56,\n    height: 56,\n    borderRadius: 28,\n  },\n  rightSection: {\n    flex: 1,\n    paddingTop: 10,\n    paddingRight: 16,\n  },\n  rightTopSection: {\n    flexDirection: 'row',\n    marginBottom: 4,\n  },\n  channelInfoContainer: {\n    flex: 1,\n    marginRight: 4,\n    alignItems: 'center',\n    flexDirection: 'row',\n  },\n  channelInfoBroadcast: {\n    marginRight: 4,\n  },\n  channelInfoTitle: {\n    flexShrink: 1,\n    marginRight: 4,\n  },\n  channelInfoMemberCount: {\n    paddingTop: 2,\n    marginRight: 4,\n  },\n  channelInfoFrozen: {\n    marginRight: 4,\n  },\n  titleCaptionContainer: {\n    alignItems: 'flex-start',\n    flexDirection: 'row',\n    marginLeft: 4,\n  },\n  titleCaptionText: {\n    marginTop: 2,\n  },\n  rightBottomSection: {\n    flex: 1,\n    height: '100%',\n    flexDirection: 'row',\n  },\n  body: {\n    marginRight: 4,\n    flex: 1,\n    flexDirection: 'row',\n    alignItems: 'flex-start',\n  },\n  bodyWrapper: {\n    flexDirection: 'row',\n    alignItems: 'center',\n  },\n  bodyText: {\n    flex: 1,\n  },\n  bodyIcon: {\n    borderRadius: 8,\n    width: 26,\n    height: 26,\n    marginRight: 4,\n  },\n  unreadContainer: {\n    flexDirection: 'row',\n    alignItems: 'flex-start',\n  },\n  unreadMention: {\n    marginRight: 4,\n  },\n  separator: {\n    position: 'absolute',\n    left: 0,\n    right: -16,\n    bottom: 0,\n    height: 1,\n  },\n});\n\nexport default GroupChannelPreview;\n"],"mappings":"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"}

package/lib/commonjs/ui/Header/index.js

@@ -203,9 +203,10 @@ const styles = (0, _createStyleSheet.default)({
     padding: 4
   }
 });
-Header.Button = HeaderButton;
-Header.Title = HeaderTitle;
-Header.Subtitle = HeaderSubtitle;
-var _default = Header;
+var _default = Object.assign(Header, {
+  Button: HeaderButton,
+  Title: HeaderTitle,
+  Subtitle: HeaderSubtitle
+});
 exports.default = _default;
 //# sourceMappingURL=index.js.map

package/lib/commonjs/ui/Header/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeSafeAreaContext","_uikitUtils","_Text","_createStyleSheet","_useHeaderStyle","_useUIKitTheme","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","AlignMapper","left","center","right","Header","_ref","children","titleAlign","title","onPressLeft","onPressRight","clearTitleMargin","clearStatusBarTopInset","statusBarTopInsetAs","topInset","defaultTitleAlign","defaultHeight","useHeaderStyle","colors","useUIKitTheme","paddingLeft","paddingRight","useSafeAreaInsets","actualTitleAlign","actualTopInset","createElement","View","style","paddingTop","backgroundColor","ui","header","nav","none","background","styles","container","paddingHorizontal","borderBottomColor","borderBottom","height","LeftSide","marginHorizontal","justifyContent","HeaderTitle","RightSide","_ref2","HeaderButton","onPress","_ref3","_ref4","props","h1","numberOfLines","HeaderSubtitle","_ref5","color","onBackground03","caption2","_ref6","disabled","TouchableOpacity","button","e","activeOpacity","conditionChaining","createStyleSheet","borderBottomWidth","flexDirection","flex","alignItems","minWidth","marginRight","marginLeft","padding","Button","Title","Subtitle","_default","exports"],"sources":["index.tsx"],"sourcesContent":["import React from 'react';\nimport { TouchableOpacity, TouchableOpacityProps, View } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport { conditionChaining } from '@sendbird/uikit-utils';\n\nimport Text, { TextProps } from '../../components/Text';\nimport type { BaseHeaderProps } from '../../index';\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useHeaderStyle from '../../styles/useHeaderStyle';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\n\ntype HeaderElement = string | React.ReactElement | null;\nexport type HeaderProps = BaseHeaderProps<\n  {\n    title?: HeaderElement;\n    left?: HeaderElement;\n    right?: HeaderElement;\n    onPressLeft?: () => void;\n    onPressRight?: () => void;\n  },\n  {\n    clearTitleMargin?: boolean;\n    clearStatusBarTopInset?: boolean;\n    statusBarTopInsetAs?: 'padding' | 'margin';\n  }\n>;\n\nconst AlignMapper = { left: 'flex-start', center: 'center', right: 'flex-end' } as const;\nconst Header: ((props: HeaderProps) => JSX.Element) & {\n  Button: typeof HeaderButton;\n  Title: typeof HeaderTitle;\n  Subtitle: typeof HeaderSubtitle;\n} = ({\n  children,\n  titleAlign,\n  title = null,\n  left = null,\n  right = null,\n  onPressLeft,\n  onPressRight,\n  clearTitleMargin = false,\n  clearStatusBarTopInset = false,\n  statusBarTopInsetAs = 'padding',\n}) => {\n  const { topInset, defaultTitleAlign, defaultHeight } = useHeaderStyle();\n\n  const { colors } = useUIKitTheme();\n  const { left: paddingLeft, right: paddingRight } = useSafeAreaInsets();\n\n  const actualTitleAlign = titleAlign ?? defaultTitleAlign;\n  const actualTopInset = clearStatusBarTopInset ? 0 : topInset;\n\n  if (!title && !left && !right) {\n    return (\n      <View style={{ paddingTop: actualTopInset, backgroundColor: colors.ui.header.nav.none.background }}>\n        {children}\n      </View>\n    );\n  }\n\n  return (\n    <View\n      style={[\n        styles.container,\n        {\n          [statusBarTopInsetAs === 'padding' ? 'paddingTop' : 'marginTop']: actualTopInset,\n          paddingLeft: paddingLeft + styles.container.paddingHorizontal,\n          paddingRight: paddingRight + styles.container.paddingHorizontal,\n          backgroundColor: colors.ui.header.nav.none.background,\n          borderBottomColor: colors.ui.header.nav.none.borderBottom,\n        },\n      ]}\n    >\n      <View style={[styles.header, { height: defaultHeight }]}>\n        <LeftSide titleAlign={actualTitleAlign} left={left} onPressLeft={onPressLeft} />\n        <View\n          style={[\n            styles.title,\n            clearTitleMargin && { marginHorizontal: 0 },\n            { justifyContent: AlignMapper[actualTitleAlign] },\n          ]}\n        >\n          {typeof title === 'string' ? <HeaderTitle>{title}</HeaderTitle> : title}\n        </View>\n        <RightSide titleAlign={actualTitleAlign} right={right} onPressRight={onPressRight} />\n      </View>\n      {children}\n    </View>\n  );\n};\n\nconst LeftSide = ({ titleAlign, onPressLeft, left }: HeaderProps) => {\n  if (titleAlign === 'center') {\n    return <View style={styles.left}>{left && <HeaderButton onPress={onPressLeft}>{left}</HeaderButton>}</View>;\n  }\n  if (!left) return null;\n  return (\n    <View style={styles.left}>\n      <HeaderButton onPress={onPressLeft}>{left}</HeaderButton>\n    </View>\n  );\n};\n\nconst RightSide = ({ titleAlign, onPressRight, right }: HeaderProps) => {\n  if (titleAlign === 'center') {\n    return <View style={styles.right}>{right && <HeaderButton onPress={onPressRight}>{right}</HeaderButton>}</View>;\n  }\n  if (!right) return null;\n  return (\n    <View style={styles.right}>\n      <HeaderButton onPress={onPressRight}>{right}</HeaderButton>\n    </View>\n  );\n};\n\nconst HeaderTitle = ({ children, style, ...props }: TextProps) => {\n  return (\n    <Text {...props} h1 numberOfLines={1} style={style}>\n      {children}\n    </Text>\n  );\n};\nconst HeaderSubtitle = ({ children, style, ...props }: TextProps) => {\n  const { colors } = useUIKitTheme();\n  return (\n    <Text color={colors.onBackground03} {...props} caption2 numberOfLines={1} style={style}>\n      {children}\n    </Text>\n  );\n};\nconst HeaderButton = ({ children, disabled, onPress, color, ...props }: TouchableOpacityProps & { color?: string }) => {\n  return (\n    <TouchableOpacity\n      style={styles.button}\n      {...props}\n      disabled={!onPress || disabled}\n      onPress={(e) => onPress?.(e)}\n      activeOpacity={0.7}\n    >\n      {conditionChaining(\n        [typeof children === 'string' || typeof children === 'number'],\n        [\n          <Text button numberOfLines={1} color={color}>\n            {children}\n          </Text>,\n          children,\n        ],\n      )}\n    </TouchableOpacity>\n  );\n};\n\nconst styles = createStyleSheet({\n  container: {\n    paddingHorizontal: 12,\n    borderBottomWidth: 1,\n  },\n  header: {\n    flexDirection: 'row',\n  },\n  title: {\n    flex: 1,\n    flexDirection: 'row',\n    alignItems: 'center',\n    marginHorizontal: 12,\n  },\n  left: {\n    height: '100%',\n    minWidth: 32,\n    alignItems: 'center',\n    justifyContent: 'center',\n    marginRight: 12,\n  },\n  right: {\n    height: '100%',\n    minWidth: 32,\n    alignItems: 'center',\n    justifyContent: 'center',\n    marginLeft: 12,\n  },\n  button: {\n    padding: 4,\n  },\n});\n\nHeader.Button = HeaderButton;\nHeader.Title = HeaderTitle;\nHeader.Subtitle = HeaderSubtitle;\nexport default Header;\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeSafeAreaContext","_uikitUtils","_Text","_createStyleSheet","_useHeaderStyle","_useUIKitTheme","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","AlignMapper","left","center","right","Header","_ref","children","titleAlign","title","onPressLeft","onPressRight","clearTitleMargin","clearStatusBarTopInset","statusBarTopInsetAs","topInset","defaultTitleAlign","defaultHeight","useHeaderStyle","colors","useUIKitTheme","paddingLeft","paddingRight","useSafeAreaInsets","actualTitleAlign","actualTopInset","createElement","View","style","paddingTop","backgroundColor","ui","header","nav","none","background","styles","container","paddingHorizontal","borderBottomColor","borderBottom","height","LeftSide","marginHorizontal","justifyContent","HeaderTitle","RightSide","_ref2","HeaderButton","onPress","_ref3","_ref4","props","h1","numberOfLines","HeaderSubtitle","_ref5","color","onBackground03","caption2","_ref6","disabled","TouchableOpacity","button","e","activeOpacity","conditionChaining","createStyleSheet","borderBottomWidth","flexDirection","flex","alignItems","minWidth","marginRight","marginLeft","padding","_default","Button","Title","Subtitle","exports"],"sources":["index.tsx"],"sourcesContent":["import React from 'react';\nimport { TouchableOpacity, TouchableOpacityProps, View } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport { conditionChaining } from '@sendbird/uikit-utils';\n\nimport Text, { TextProps } from '../../components/Text';\nimport type { BaseHeaderProps, HeaderElement } from '../../index';\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useHeaderStyle from '../../styles/useHeaderStyle';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\n\nexport type HeaderProps = BaseHeaderProps<\n  {\n    title?: HeaderElement;\n    left?: HeaderElement;\n    right?: HeaderElement;\n    onPressLeft?: () => void;\n    onPressRight?: () => void;\n  },\n  {\n    clearTitleMargin?: boolean;\n    clearStatusBarTopInset?: boolean;\n    statusBarTopInsetAs?: 'padding' | 'margin';\n  }\n>;\n\nconst AlignMapper = { left: 'flex-start', center: 'center', right: 'flex-end' } as const;\nconst Header = ({\n  children,\n  titleAlign,\n  title = null,\n  left = null,\n  right = null,\n  onPressLeft,\n  onPressRight,\n  clearTitleMargin = false,\n  clearStatusBarTopInset = false,\n  statusBarTopInsetAs = 'padding',\n}: HeaderProps) => {\n  const { topInset, defaultTitleAlign, defaultHeight } = useHeaderStyle();\n\n  const { colors } = useUIKitTheme();\n  const { left: paddingLeft, right: paddingRight } = useSafeAreaInsets();\n\n  const actualTitleAlign = titleAlign ?? defaultTitleAlign;\n  const actualTopInset = clearStatusBarTopInset ? 0 : topInset;\n\n  if (!title && !left && !right) {\n    return (\n      <View style={{ paddingTop: actualTopInset, backgroundColor: colors.ui.header.nav.none.background }}>\n        {children}\n      </View>\n    );\n  }\n\n  return (\n    <View\n      style={[\n        styles.container,\n        {\n          [statusBarTopInsetAs === 'padding' ? 'paddingTop' : 'marginTop']: actualTopInset,\n          paddingLeft: paddingLeft + styles.container.paddingHorizontal,\n          paddingRight: paddingRight + styles.container.paddingHorizontal,\n          backgroundColor: colors.ui.header.nav.none.background,\n          borderBottomColor: colors.ui.header.nav.none.borderBottom,\n        },\n      ]}\n    >\n      <View style={[styles.header, { height: defaultHeight }]}>\n        <LeftSide titleAlign={actualTitleAlign} left={left} onPressLeft={onPressLeft} />\n        <View\n          style={[\n            styles.title,\n            clearTitleMargin && { marginHorizontal: 0 },\n            { justifyContent: AlignMapper[actualTitleAlign] },\n          ]}\n        >\n          {typeof title === 'string' ? <HeaderTitle>{title}</HeaderTitle> : title}\n        </View>\n        <RightSide titleAlign={actualTitleAlign} right={right} onPressRight={onPressRight} />\n      </View>\n      {children}\n    </View>\n  );\n};\n\nconst LeftSide = ({ titleAlign, onPressLeft, left }: HeaderProps) => {\n  if (titleAlign === 'center') {\n    return <View style={styles.left}>{left && <HeaderButton onPress={onPressLeft}>{left}</HeaderButton>}</View>;\n  }\n  if (!left) return null;\n  return (\n    <View style={styles.left}>\n      <HeaderButton onPress={onPressLeft}>{left}</HeaderButton>\n    </View>\n  );\n};\n\nconst RightSide = ({ titleAlign, onPressRight, right }: HeaderProps) => {\n  if (titleAlign === 'center') {\n    return <View style={styles.right}>{right && <HeaderButton onPress={onPressRight}>{right}</HeaderButton>}</View>;\n  }\n  if (!right) return null;\n  return (\n    <View style={styles.right}>\n      <HeaderButton onPress={onPressRight}>{right}</HeaderButton>\n    </View>\n  );\n};\n\nconst HeaderTitle = ({ children, style, ...props }: TextProps) => {\n  return (\n    <Text {...props} h1 numberOfLines={1} style={style}>\n      {children}\n    </Text>\n  );\n};\nconst HeaderSubtitle = ({ children, style, ...props }: TextProps) => {\n  const { colors } = useUIKitTheme();\n  return (\n    <Text color={colors.onBackground03} {...props} caption2 numberOfLines={1} style={style}>\n      {children}\n    </Text>\n  );\n};\nconst HeaderButton = ({ children, disabled, onPress, color, ...props }: TouchableOpacityProps & { color?: string }) => {\n  return (\n    <TouchableOpacity\n      style={styles.button}\n      {...props}\n      disabled={!onPress || disabled}\n      onPress={(e) => onPress?.(e)}\n      activeOpacity={0.7}\n    >\n      {conditionChaining(\n        [typeof children === 'string' || typeof children === 'number'],\n        [\n          <Text button numberOfLines={1} color={color}>\n            {children}\n          </Text>,\n          children,\n        ],\n      )}\n    </TouchableOpacity>\n  );\n};\n\nconst styles = createStyleSheet({\n  container: {\n    paddingHorizontal: 12,\n    borderBottomWidth: 1,\n  },\n  header: {\n    flexDirection: 'row',\n  },\n  title: {\n    flex: 1,\n    flexDirection: 'row',\n    alignItems: 'center',\n    marginHorizontal: 12,\n  },\n  left: {\n    height: '100%',\n    minWidth: 32,\n    alignItems: 'center',\n    justifyContent: 'center',\n    marginRight: 12,\n  },\n  right: {\n    height: '100%',\n    minWidth: 32,\n    alignItems: 'center',\n    justifyContent: 'center',\n    marginLeft: 12,\n  },\n  button: {\n    padding: 4,\n  },\n});\n\nexport default Object.assign(Header, {\n  Button: HeaderButton,\n  Title: HeaderTitle,\n  Subtitle: HeaderSubtitle,\n});\n"],"mappings":"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"}

package/lib/commonjs/ui/OpenChannelMessage/MessageContainer.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_message","_uikitUtils","_Box","_Icon","_PressBox","_Text","_createStyleSheet","_useUIKitTheme","_Avatar","_LoadingSpinner","obj","__esModule","default","MessageContainer","_ref","_props$strings","_props$strings2","children","channel","grouped","pressed","props","colors","useUIKitTheme","color","ui","openChannelMessage","renderSendingStatus","message","sendingStatus","SendingStatus","PENDING","createElement","SendingStatusContainer","primary","size","FAILED","icon","error","flexDirection","paddingVertical","paddingLeft","paddingRight","backgroundColor","background","enabled","marginRight","onPress","onPressAvatar","styles","avatar","width","uri","sender","profileUrl","style","flexShrink","flex","alignItems","marginBottom","caption1","ellipsizeMode","numberOfLines","isOperator","userId","textOperator","textSenderName","strings","senderName","nickname","caption4","textTime","sentDate","getMessageTimeFormat","Date","createdAt","_ref2","marginTop","createStyleSheet","_default","exports"],"sources":["MessageContainer.tsx"],"sourcesContent":["import React from 'react';\n\nimport { SendingStatus } from '@sendbird/chat/message';\nimport type { SendbirdMessage } from '@sendbird/uikit-utils';\nimport { getMessageTimeFormat } from '@sendbird/uikit-utils';\n\nimport Box from '../../components/Box';\nimport Icon from '../../components/Icon';\nimport PressBox from '../../components/PressBox';\nimport Text from '../../components/Text';\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\nimport Avatar from '../Avatar';\nimport LoadingSpinner from '../LoadingSpinner';\nimport type { OpenChannelMessageProps } from './index';\n\ntype Props = {\n  pressed?: boolean;\n};\n\nconst MessageContainer = ({\n  children,\n  channel,\n  grouped,\n  pressed,\n  ...props\n}: OpenChannelMessageProps<SendbirdMessage, Props>) => {\n  const { colors } = useUIKitTheme();\n  const color = colors.ui.openChannelMessage.default;\n\n  const renderSendingStatus = () => {\n    if (!('sendingStatus' in props.message)) return null;\n\n    switch (props.message.sendingStatus) {\n      case SendingStatus.PENDING: {\n        return (\n          <SendingStatusContainer>\n            <LoadingSpinner color={colors.primary} size={16} />\n          </SendingStatusContainer>\n        );\n      }\n      case SendingStatus.FAILED: {\n        return (\n          <SendingStatusContainer>\n            <Icon icon={'error'} color={colors.error} size={16} />\n          </SendingStatusContainer>\n        );\n      }\n      default: {\n        return null;\n      }\n    }\n  };\n\n  return (\n    <Box\n      flexDirection={'row'}\n      paddingVertical={grouped ? 5 : 6}\n      paddingLeft={12}\n      paddingRight={12}\n      backgroundColor={pressed ? color.pressed.background : color.enabled.background}\n    >\n      <Box marginRight={12}>\n        {!grouped && 'sender' in props.message ? (\n          <PressBox onPress={props.onPressAvatar}>\n            <Avatar size={styles.avatar.width} uri={props.message.sender.profileUrl} />\n          </PressBox>\n        ) : (\n          <Box style={styles.avatar} />\n        )}\n      </Box>\n      <Box flexShrink={1} flex={1} flexDirection={'column'} alignItems={'flex-start'}>\n        {!grouped && 'sender' in props.message && (\n          <Box flexDirection={'row'} alignItems={'center'} marginBottom={2}>\n            <Box marginRight={4} flexShrink={1}>\n              <Text\n                caption1\n                ellipsizeMode={'middle'}\n                numberOfLines={1}\n                color={\n                  channel.isOperator(props.message.sender.userId)\n                    ? color.enabled.textOperator\n                    : color.enabled.textSenderName\n                }\n              >\n                {props.strings?.senderName ?? props.message.sender.nickname}\n              </Text>\n            </Box>\n            <Box>\n              <Text caption4 color={color.enabled.textTime}>\n                {props.strings?.sentDate ?? getMessageTimeFormat(new Date(props.message.createdAt))}\n              </Text>\n            </Box>\n          </Box>\n        )}\n        <Box style={styles.message}>{children}</Box>\n\n        {renderSendingStatus()}\n      </Box>\n    </Box>\n  );\n};\n\nconst SendingStatusContainer = ({ children }: { children: React.ReactElement }) => {\n  return (\n    <Box flexDirection={'row'}>\n      <Box marginTop={2}>{children}</Box>\n    </Box>\n  );\n};\n\nconst styles = createStyleSheet({\n  avatar: {\n    width: 28,\n  },\n  message: {\n    width: '100%',\n  },\n});\n\nexport default MessageContainer;\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_message","_uikitUtils","_Box","_Icon","_PressBox","_Text","_createStyleSheet","_useUIKitTheme","_Avatar","_LoadingSpinner","obj","__esModule","default","MessageContainer","_ref","_props$strings","_props$strings2","children","channel","grouped","pressed","props","colors","useUIKitTheme","color","ui","openChannelMessage","renderSendingStatus","message","sendingStatus","SendingStatus","PENDING","createElement","SendingStatusContainer","primary","size","FAILED","icon","error","flexDirection","paddingVertical","paddingLeft","paddingRight","backgroundColor","background","enabled","marginRight","onPress","onPressAvatar","styles","avatar","width","uri","sender","profileUrl","style","flexShrink","flex","alignItems","marginBottom","caption1","ellipsizeMode","numberOfLines","isOperator","userId","textOperator","textSenderName","strings","senderName","nickname","caption4","textTime","sentDate","getMessageTimeFormat","Date","createdAt","_ref2","marginTop","createStyleSheet","_default","exports"],"sources":["MessageContainer.tsx"],"sourcesContent":["import React from 'react';\n\nimport { SendingStatus } from '@sendbird/chat/message';\nimport type { SendbirdMessage } from '@sendbird/uikit-utils';\nimport { getMessageTimeFormat } from '@sendbird/uikit-utils';\n\nimport Box from '../../components/Box';\nimport Icon from '../../components/Icon';\nimport PressBox from '../../components/PressBox';\nimport Text from '../../components/Text';\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\nimport Avatar from '../Avatar';\nimport LoadingSpinner from '../LoadingSpinner';\nimport type { OpenChannelMessageProps } from './index';\n\ntype Props = {\n  pressed?: boolean;\n};\n\nconst MessageContainer = ({\n  children,\n  channel,\n  grouped,\n  pressed,\n  ...props\n}: OpenChannelMessageProps<SendbirdMessage, Props>) => {\n  const { colors } = useUIKitTheme();\n  const color = colors.ui.openChannelMessage.default;\n\n  const renderSendingStatus = () => {\n    if (!('sendingStatus' in props.message)) return null;\n\n    switch (props.message.sendingStatus) {\n      case SendingStatus.PENDING: {\n        return (\n          <SendingStatusContainer>\n            <LoadingSpinner color={colors.primary} size={16} />\n          </SendingStatusContainer>\n        );\n      }\n      case SendingStatus.FAILED: {\n        return (\n          <SendingStatusContainer>\n            <Icon icon={'error'} color={colors.error} size={16} />\n          </SendingStatusContainer>\n        );\n      }\n      default: {\n        return null;\n      }\n    }\n  };\n\n  return (\n    <Box\n      flexDirection={'row'}\n      paddingVertical={grouped ? 5 : 6}\n      paddingLeft={12}\n      paddingRight={12}\n      backgroundColor={pressed ? color.pressed.background : color.enabled.background}\n    >\n      <Box marginRight={12}>\n        {!grouped && 'sender' in props.message ? (\n          <PressBox onPress={props.onPressAvatar}>\n            <Avatar size={styles.avatar.width} uri={props.message.sender.profileUrl} />\n          </PressBox>\n        ) : (\n          <Box style={styles.avatar} />\n        )}\n      </Box>\n      <Box flexShrink={1} flex={1} flexDirection={'column'} alignItems={'flex-start'}>\n        {!grouped && 'sender' in props.message && (\n          <Box flexDirection={'row'} alignItems={'center'} marginBottom={2}>\n            <Box marginRight={4} flexShrink={1}>\n              <Text\n                caption1\n                ellipsizeMode={'middle'}\n                numberOfLines={1}\n                color={\n                  channel.isOperator(props.message.sender.userId)\n                    ? color.enabled.textOperator\n                    : color.enabled.textSenderName\n                }\n              >\n                {props.strings?.senderName ?? props.message.sender.nickname}\n              </Text>\n            </Box>\n            <Box>\n              <Text caption4 color={color.enabled.textTime}>\n                {props.strings?.sentDate ?? getMessageTimeFormat(new Date(props.message.createdAt))}\n              </Text>\n            </Box>\n          </Box>\n        )}\n        <Box style={styles.message}>{children}</Box>\n\n        {renderSendingStatus()}\n      </Box>\n    </Box>\n  );\n};\n\nconst SendingStatusContainer = ({ children }: { children: React.ReactNode }) => {\n  return (\n    <Box flexDirection={'row'}>\n      <Box marginTop={2}>{children}</Box>\n    </Box>\n  );\n};\n\nconst styles = createStyleSheet({\n  avatar: {\n    width: 28,\n  },\n  message: {\n    width: '100%',\n  },\n});\n\nexport default MessageContainer;\n"],"mappings":"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"}

package/lib/commonjs/ui/OpenChannelPreview/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_uikitUtils","_Box","_Icon","_Image","_Text","_createStyleSheet","_useUIKitTheme","obj","__esModule","default","OpenChannelPreview","_ref","customCover","coverUrl","participantsCount","title","frozen","colors","useUIKitTheme","color","ui","openChannelPreview","none","createElement","backgroundColor","background","width","height","flexDirection","alignItems","paddingHorizontal","styles","channelCover","borderRadius","overflow","marginRight","conditionChaining","Boolean","resizeMode","style","coverBackground","source","uri","flex","justifyContent","flexShrink","marginBottom","subtitle1","channelInfoTitle","numberOfLines","textTitle","size","icon","frozenIcon","containerStyle","marginLeft","participantsIcon","caption2","textParticipants","truncatedCount","Separator","separator","_ref2","createStyleSheet","position","left","right","bottom","_default","exports"],"sources":["index.tsx"],"sourcesContent":["import React from 'react';\n\nimport { conditionChaining, truncatedCount } from '@sendbird/uikit-utils';\n\nimport Box from '../../components/Box';\nimport Icon from '../../components/Icon';\nimport Image from '../../components/Image';\nimport Text from '../../components/Text';\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\n\ntype Props = {\n  customCover?: React.ReactElement;\n  coverUrl: string;\n  title: string;\n  participantsCount?: number;\n  frozen?: boolean;\n};\nconst OpenChannelPreview = ({ customCover, coverUrl, participantsCount = 0, title, frozen }: Props) => {\n  const { colors } = useUIKitTheme();\n  const color = colors.ui.openChannelPreview.default.none;\n\n  return (\n    <Box\n      backgroundColor={color.background}\n      width={'100%'}\n      height={62}\n      flexDirection={'row'}\n      alignItems={'center'}\n      paddingHorizontal={16}\n    >\n      <Box\n        width={styles.channelCover.width}\n        height={styles.channelCover.height}\n        borderRadius={styles.channelCover.width}\n        overflow={'hidden'}\n        marginRight={16}\n      >\n        {conditionChaining(\n          [Boolean(customCover)],\n          [\n            customCover,\n            <Image\n              resizeMode={'cover'}\n              style={[styles.channelCover, { backgroundColor: color.coverBackground }]}\n              source={{ uri: coverUrl }}\n            />,\n          ],\n        )}\n      </Box>\n      <Box flex={1} height={'100%'} justifyContent={'center'}>\n        <Box flexDirection={'row'} flexShrink={1} marginBottom={4} alignItems={'center'}>\n          <Text subtitle1 style={styles.channelInfoTitle} numberOfLines={1} color={color.textTitle}>\n            {title}\n          </Text>\n          {frozen && <Icon size={16} icon={'freeze'} color={color.frozenIcon} containerStyle={styles.marginLeft} />}\n        </Box>\n        <Box flexDirection={'row'} flexShrink={1} alignItems={'center'} justifyContent={'flex-start'}>\n          <Box flexDirection={'row'} alignItems={'center'}>\n            <Icon size={16} icon={'members'} color={color.participantsIcon} containerStyle={styles.marginRight} />\n            <Text caption2 color={color.textParticipants}>\n              {truncatedCount(participantsCount, 999)}\n            </Text>\n          </Box>\n        </Box>\n        <Separator color={color.separator} />\n      </Box>\n    </Box>\n  );\n};\n\nconst Separator = ({ color }: { color: string }) => <Box style={[styles.separator, { backgroundColor: color }]} />;\n\nconst styles = createStyleSheet({\n  channelCover: {\n    width: 32,\n    height: 32,\n  },\n  channelInfoTitle: {\n    flexShrink: 1,\n  },\n  marginRight: {\n    marginRight: 4,\n  },\n  marginLeft: {\n    marginLeft: 4,\n  },\n  separator: {\n    position: 'absolute',\n    left: 0,\n    right: -16,\n    bottom: 0,\n    height: 1,\n  },\n});\n\nexport default OpenChannelPreview;\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_uikitUtils","_Box","_Icon","_Image","_Text","_createStyleSheet","_useUIKitTheme","obj","__esModule","default","OpenChannelPreview","_ref","customCover","coverUrl","participantsCount","title","frozen","colors","useUIKitTheme","color","ui","openChannelPreview","none","createElement","backgroundColor","background","width","height","flexDirection","alignItems","paddingHorizontal","styles","channelCover","borderRadius","overflow","marginRight","conditionChaining","Boolean","resizeMode","style","coverBackground","source","uri","flex","justifyContent","flexShrink","marginBottom","subtitle1","channelInfoTitle","numberOfLines","textTitle","size","icon","frozenIcon","containerStyle","marginLeft","participantsIcon","caption2","textParticipants","truncatedCount","Separator","separator","_ref2","createStyleSheet","position","left","right","bottom","_default","exports"],"sources":["index.tsx"],"sourcesContent":["import React from 'react';\n\nimport { conditionChaining, truncatedCount } from '@sendbird/uikit-utils';\n\nimport Box from '../../components/Box';\nimport Icon from '../../components/Icon';\nimport Image from '../../components/Image';\nimport Text from '../../components/Text';\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\n\ntype Props = {\n  customCover?: React.ReactNode;\n  coverUrl: string;\n  title: string;\n  participantsCount?: number;\n  frozen?: boolean;\n};\nconst OpenChannelPreview = ({ customCover, coverUrl, participantsCount = 0, title, frozen }: Props) => {\n  const { colors } = useUIKitTheme();\n  const color = colors.ui.openChannelPreview.default.none;\n\n  return (\n    <Box\n      backgroundColor={color.background}\n      width={'100%'}\n      height={62}\n      flexDirection={'row'}\n      alignItems={'center'}\n      paddingHorizontal={16}\n    >\n      <Box\n        width={styles.channelCover.width}\n        height={styles.channelCover.height}\n        borderRadius={styles.channelCover.width}\n        overflow={'hidden'}\n        marginRight={16}\n      >\n        {conditionChaining(\n          [Boolean(customCover)],\n          [\n            customCover,\n            <Image\n              resizeMode={'cover'}\n              style={[styles.channelCover, { backgroundColor: color.coverBackground }]}\n              source={{ uri: coverUrl }}\n            />,\n          ],\n        )}\n      </Box>\n      <Box flex={1} height={'100%'} justifyContent={'center'}>\n        <Box flexDirection={'row'} flexShrink={1} marginBottom={4} alignItems={'center'}>\n          <Text subtitle1 style={styles.channelInfoTitle} numberOfLines={1} color={color.textTitle}>\n            {title}\n          </Text>\n          {frozen && <Icon size={16} icon={'freeze'} color={color.frozenIcon} containerStyle={styles.marginLeft} />}\n        </Box>\n        <Box flexDirection={'row'} flexShrink={1} alignItems={'center'} justifyContent={'flex-start'}>\n          <Box flexDirection={'row'} alignItems={'center'}>\n            <Icon size={16} icon={'members'} color={color.participantsIcon} containerStyle={styles.marginRight} />\n            <Text caption2 color={color.textParticipants}>\n              {truncatedCount(participantsCount, 999)}\n            </Text>\n          </Box>\n        </Box>\n        <Separator color={color.separator} />\n      </Box>\n    </Box>\n  );\n};\n\nconst Separator = ({ color }: { color: string }) => <Box style={[styles.separator, { backgroundColor: color }]} />;\n\nconst styles = createStyleSheet({\n  channelCover: {\n    width: 32,\n    height: 32,\n  },\n  channelInfoTitle: {\n    flexShrink: 1,\n  },\n  marginRight: {\n    marginRight: 4,\n  },\n  marginLeft: {\n    marginLeft: 4,\n  },\n  separator: {\n    position: 'absolute',\n    left: 0,\n    right: -16,\n    bottom: 0,\n    height: 1,\n  },\n});\n\nexport default OpenChannelPreview;\n"],"mappings":"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"}

package/lib/commonjs/ui/ProfileCard/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_Divider","_Text","_createStyleSheet","_useUIKitTheme","_Avatar","obj","__esModule","default","ProfileCard","_ref","uri","username","bodyLabel","body","button","containerStyle","colors","useUIKitTheme","color","ui","profileCard","none","createElement","View","style","styles","container","backgroundColor","background","profileContainer","size","profileAvatar","h1","textUsername","numberOfLines","messageButtonArea","space","profileInfoContainer","body2","textBodyLabel","profileInfoBodyLabel","body3","textBody","createStyleSheet","paddingTop","width","alignItems","paddingHorizontal","marginBottom","padding","marginHorizontal","_default","exports"],"sources":["index.tsx"],"sourcesContent":["import React from 'react';\nimport { StyleProp, View, ViewStyle } from 'react-native';\n\nimport Divider from '../../components/Divider';\nimport Text from '../../components/Text';\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\nimport Avatar from '../Avatar';\n\ntype Props = {\n  uri: string;\n  username: string;\n\n  button?: JSX.Element;\n\n  bodyLabel: string;\n  body: string;\n\n  containerStyle?: StyleProp<ViewStyle>;\n};\n\nconst ProfileCard = ({ uri, username, bodyLabel, body, button, containerStyle }: Props) => {\n  const { colors } = useUIKitTheme();\n  const color = colors.ui.profileCard.default.none;\n\n  return (\n    <View style={[styles.container, { backgroundColor: color.background }, containerStyle]}>\n      <View style={styles.profileContainer}>\n        <Avatar uri={uri} size={80} containerStyle={styles.profileAvatar} />\n        <Text h1 color={color.textUsername} numberOfLines={1}>\n          {username}\n        </Text>\n      </View>\n      {button && <View style={styles.messageButtonArea}>{button}</View>}\n      <Divider space={16} />\n      <View style={styles.profileInfoContainer}>\n        <Text body2 color={color.textBodyLabel} style={styles.profileInfoBodyLabel}>\n          {bodyLabel}\n        </Text>\n        <Text body3 numberOfLines={1} color={color.textBody}>\n          {body}\n        </Text>\n      </View>\n    </View>\n  );\n};\n\nconst styles = createStyleSheet({\n  container: {\n    paddingTop: 32,\n    width: '100%',\n  },\n  profileContainer: {\n    alignItems: 'center',\n    paddingHorizontal: 16,\n    marginBottom: 24,\n  },\n  profileAvatar: {\n    marginBottom: 8,\n  },\n  profileInfoContainer: {\n    padding: 16,\n  },\n  profileInfoBodyLabel: {\n    marginBottom: 4,\n  },\n  messageButtonArea: {\n    marginHorizontal: 24,\n    marginBottom: 24,\n  },\n});\n\nexport default ProfileCard;\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_Divider","_Text","_createStyleSheet","_useUIKitTheme","_Avatar","obj","__esModule","default","ProfileCard","_ref","uri","username","bodyLabel","body","button","containerStyle","colors","useUIKitTheme","color","ui","profileCard","none","createElement","View","style","styles","container","backgroundColor","background","profileContainer","size","profileAvatar","h1","textUsername","numberOfLines","messageButtonArea","space","profileInfoContainer","body2","textBodyLabel","profileInfoBodyLabel","body3","textBody","createStyleSheet","paddingTop","width","alignItems","paddingHorizontal","marginBottom","padding","marginHorizontal","_default","exports"],"sources":["index.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { StyleProp, View, ViewStyle } from 'react-native';\n\nimport Divider from '../../components/Divider';\nimport Text from '../../components/Text';\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\nimport Avatar from '../Avatar';\n\ntype Props = {\n  uri: string;\n  username: string;\n\n  button?: ReactNode;\n\n  bodyLabel: string;\n  body: string;\n\n  containerStyle?: StyleProp<ViewStyle>;\n};\n\nconst ProfileCard = ({ uri, username, bodyLabel, body, button, containerStyle }: Props) => {\n  const { colors } = useUIKitTheme();\n  const color = colors.ui.profileCard.default.none;\n\n  return (\n    <View style={[styles.container, { backgroundColor: color.background }, containerStyle]}>\n      <View style={styles.profileContainer}>\n        <Avatar uri={uri} size={80} containerStyle={styles.profileAvatar} />\n        <Text h1 color={color.textUsername} numberOfLines={1}>\n          {username}\n        </Text>\n      </View>\n      {button && <View style={styles.messageButtonArea}>{button}</View>}\n      <Divider space={16} />\n      <View style={styles.profileInfoContainer}>\n        <Text body2 color={color.textBodyLabel} style={styles.profileInfoBodyLabel}>\n          {bodyLabel}\n        </Text>\n        <Text body3 numberOfLines={1} color={color.textBody}>\n          {body}\n        </Text>\n      </View>\n    </View>\n  );\n};\n\nconst styles = createStyleSheet({\n  container: {\n    paddingTop: 32,\n    width: '100%',\n  },\n  profileContainer: {\n    alignItems: 'center',\n    paddingHorizontal: 16,\n    marginBottom: 24,\n  },\n  profileAvatar: {\n    marginBottom: 8,\n  },\n  profileInfoContainer: {\n    padding: 16,\n  },\n  profileInfoBodyLabel: {\n    marginBottom: 4,\n  },\n  messageButtonArea: {\n    marginHorizontal: 24,\n    marginBottom: 24,\n  },\n});\n\nexport default ProfileCard;\n"],"mappings":"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"}

package/lib/module/assets/icon/index.js

@@ -4,6 +4,10 @@ const IconAssets = {
   'add': require('./icon-add.png'),
   'archive': require('./icon-archive.png'),
   'arrow-left': require('./icon-arrow-left.png'),
+  'audio-off-filled': require('./icon-audio-off-filled.png'),
+  'audio-off': require('./icon-audio-off.png'),
+  'audio-on-filled': require('./icon-audio-on-filled.png'),
+  'audio-on': require('./icon-audio-on.png'),
   'ban': require('./icon-ban.png'),
   'broadcast': require('./icon-broadcast.png'),
   'camera': require('./icon-camera.png'),
@@ -40,12 +44,14 @@ const IconAssets = {
   'notifications-off-filled': require('./icon-notifications-off-filled.png'),
   'notifications': require('./icon-notifications.png'),
   'operator': require('./icon-operator.png'),
+  'pause': require('./icon-pause.png'),
   'photo': require('./icon-photo.png'),
   'play': require('./icon-play.png'),
   'plus': require('./icon-plus.png'),
   'question': require('./icon-question.png'),
   'radio-off': require('./icon-radio-off.png'),
   'radio-on': require('./icon-radio-on.png'),
+  'recording': require('./icon-recording.png'),
   'refresh': require('./icon-refresh.png'),
   'remove': require('./icon-remove.png'),
   'reply-filled': require('./icon-reply-filled.png'),
@@ -54,6 +60,7 @@ const IconAssets = {
   'send': require('./icon-send.png'),
   'settings-filled': require('./icon-settings-filled.png'),
   'spinner': require('./icon-spinner.png'),
+  'stop': require('./icon-stop.png'),
   'streaming': require('./icon-streaming.png'),
   'supergroup': require('./icon-supergroup.png'),
   'theme': require('./icon-theme.png'),