@sendbird/uikit-react-native-foundation 2.0.3 → 2.1.0

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

@@ -39,7 +39,7 @@ const IconAssets = {
   'leave': require('./icon-leave.png'),
   'members': require('./icon-members.png'),
   'message': require('./icon-message.png'),
-  'moderations': require('./icon-moderations.png'),
+  'moderation': require('./icon-moderation.png'),
   'more': require('./icon-more.png'),
   'mute': require('./icon-mute.png'),
   'notifications-filled': require('./icon-notifications-filled.png'),

package/lib/commonjs/assets/icon/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["IconAssets","require"],"sources":["index.ts"],"sourcesContent":["const IconAssets = {\n  'chat-hide': require('./ic-chat-hide.png'),\n  'chat-show': require('./ic-chat-show.png'),\n  'add': require('./icon-add.png'),\n  'archive': require('./icon-archive.png'),\n  'arrow-left': require('./icon-arrow-left.png'),\n  'ban': require('./icon-ban.png'),\n  'broadcast': require('./icon-broadcast.png'),\n  'camera': require('./icon-camera.png'),\n  'channels': require('./icon-channels.png'),\n  'chat-filled': require('./icon-chat-filled.png'),\n  'chat': require('./icon-chat.png'),\n  'checkbox-off': require('./icon-checkbox-off.png'),\n  'checkbox-on': require('./icon-checkbox-on.png'),\n  'chevron-down': require('./icon-chevron-down.png'),\n  'chevron-right': require('./icon-chevron-right.png'),\n  'close': require('./icon-close.png'),\n  'copy': require('./icon-copy.png'),\n  'create': require('./icon-create.png'),\n  'delete': require('./icon-delete.png'),\n  'document': require('./icon-document.png'),\n  'done-all': require('./icon-done-all.png'),\n  'done': require('./icon-done.png'),\n  'download': require('./icon-download.png'),\n  'edit': require('./icon-edit.png'),\n  'emoji-more': require('./icon-emoji-more.png'),\n  'error': require('./icon-error.png'),\n  'file-audio': require('./icon-file-audio.png'),\n  'file-document': require('./icon-file-document.png'),\n  'freeze': require('./icon-freeze.png'),\n  'gif': require('./icon-gif.png'),\n  'info': require('./icon-info.png'),\n  'leave': require('./icon-leave.png'),\n  'members': require('./icon-members.png'),\n  'message': require('./icon-message.png'),\n  'moderations': require('./icon-moderations.png'),\n  'more': require('./icon-more.png'),\n  'mute': require('./icon-mute.png'),\n  'notifications-filled': require('./icon-notifications-filled.png'),\n  'notifications-off-filled': require('./icon-notifications-off-filled.png'),\n  'notifications': require('./icon-notifications.png'),\n  'operator': require('./icon-operator.png'),\n  'photo': require('./icon-photo.png'),\n  'play': require('./icon-play.png'),\n  'plus': require('./icon-plus.png'),\n  'question': require('./icon-question.png'),\n  'refresh': require('./icon-refresh.png'),\n  'remove': require('./icon-remove.png'),\n  'reply-filled': require('./icon-reply-filled.png'),\n  'reply': require('./icon-reply.png'),\n  'search': require('./icon-search.png'),\n  'send': require('./icon-send.png'),\n  'settings-filled': require('./icon-settings-filled.png'),\n  'spinner': require('./icon-spinner.png'),\n  'streaming': require('./icon-streaming.png'),\n  'supergroup': require('./icon-supergroup.png'),\n  'theme': require('./icon-theme.png'),\n  'thumbnail-none': require('./icon-thumbnail-none.png'),\n  'unarchive': require('./icon-unarchive.png'),\n  'user': require('./icon-user.png'),\n};\nexport default IconAssets;\n"],"mappings":";;;;;;AAAA,MAAMA,UAAU,GAAG;EACjB,aAAaC,OAAO,CAAC,oBAAD,CADH;EAEjB,aAAaA,OAAO,CAAC,oBAAD,CAFH;EAGjB,OAAOA,OAAO,CAAC,gBAAD,CAHG;EAIjB,WAAWA,OAAO,CAAC,oBAAD,CAJD;EAKjB,cAAcA,OAAO,CAAC,uBAAD,CALJ;EAMjB,OAAOA,OAAO,CAAC,gBAAD,CANG;EAOjB,aAAaA,OAAO,CAAC,sBAAD,CAPH;EAQjB,UAAUA,OAAO,CAAC,mBAAD,CARA;EASjB,YAAYA,OAAO,CAAC,qBAAD,CATF;EAUjB,eAAeA,OAAO,CAAC,wBAAD,CAVL;EAWjB,QAAQA,OAAO,CAAC,iBAAD,CAXE;EAYjB,gBAAgBA,OAAO,CAAC,yBAAD,CAZN;EAajB,eAAeA,OAAO,CAAC,wBAAD,CAbL;EAcjB,gBAAgBA,OAAO,CAAC,yBAAD,CAdN;EAejB,iBAAiBA,OAAO,CAAC,0BAAD,CAfP;EAgBjB,SAASA,OAAO,CAAC,kBAAD,CAhBC;EAiBjB,QAAQA,OAAO,CAAC,iBAAD,CAjBE;EAkBjB,UAAUA,OAAO,CAAC,mBAAD,CAlBA;EAmBjB,UAAUA,OAAO,CAAC,mBAAD,CAnBA;EAoBjB,YAAYA,OAAO,CAAC,qBAAD,CApBF;EAqBjB,YAAYA,OAAO,CAAC,qBAAD,CArBF;EAsBjB,QAAQA,OAAO,CAAC,iBAAD,CAtBE;EAuBjB,YAAYA,OAAO,CAAC,qBAAD,CAvBF;EAwBjB,QAAQA,OAAO,CAAC,iBAAD,CAxBE;EAyBjB,cAAcA,OAAO,CAAC,uBAAD,CAzBJ;EA0BjB,SAASA,OAAO,CAAC,kBAAD,CA1BC;EA2BjB,cAAcA,OAAO,CAAC,uBAAD,CA3BJ;EA4BjB,iBAAiBA,OAAO,CAAC,0BAAD,CA5BP;EA6BjB,UAAUA,OAAO,CAAC,mBAAD,CA7BA;EA8BjB,OAAOA,OAAO,CAAC,gBAAD,CA9BG;EA+BjB,QAAQA,OAAO,CAAC,iBAAD,CA/BE;EAgCjB,SAASA,OAAO,CAAC,kBAAD,CAhCC;EAiCjB,WAAWA,OAAO,CAAC,oBAAD,CAjCD;EAkCjB,WAAWA,OAAO,CAAC,oBAAD,CAlCD;EAmCjB,eAAeA,OAAO,CAAC,wBAAD,CAnCL;EAoCjB,QAAQA,OAAO,CAAC,iBAAD,CApCE;EAqCjB,QAAQA,OAAO,CAAC,iBAAD,CArCE;EAsCjB,wBAAwBA,OAAO,CAAC,iCAAD,CAtCd;EAuCjB,4BAA4BA,OAAO,CAAC,qCAAD,CAvClB;EAwCjB,iBAAiBA,OAAO,CAAC,0BAAD,CAxCP;EAyCjB,YAAYA,OAAO,CAAC,qBAAD,CAzCF;EA0CjB,SAASA,OAAO,CAAC,kBAAD,CA1CC;EA2CjB,QAAQA,OAAO,CAAC,iBAAD,CA3CE;EA4CjB,QAAQA,OAAO,CAAC,iBAAD,CA5CE;EA6CjB,YAAYA,OAAO,CAAC,qBAAD,CA7CF;EA8CjB,WAAWA,OAAO,CAAC,oBAAD,CA9CD;EA+CjB,UAAUA,OAAO,CAAC,mBAAD,CA/CA;EAgDjB,gBAAgBA,OAAO,CAAC,yBAAD,CAhDN;EAiDjB,SAASA,OAAO,CAAC,kBAAD,CAjDC;EAkDjB,UAAUA,OAAO,CAAC,mBAAD,CAlDA;EAmDjB,QAAQA,OAAO,CAAC,iBAAD,CAnDE;EAoDjB,mBAAmBA,OAAO,CAAC,4BAAD,CApDT;EAqDjB,WAAWA,OAAO,CAAC,oBAAD,CArDD;EAsDjB,aAAaA,OAAO,CAAC,sBAAD,CAtDH;EAuDjB,cAAcA,OAAO,CAAC,uBAAD,CAvDJ;EAwDjB,SAASA,OAAO,CAAC,kBAAD,CAxDC;EAyDjB,kBAAkBA,OAAO,CAAC,2BAAD,CAzDR;EA0DjB,aAAaA,OAAO,CAAC,sBAAD,CA1DH;EA2DjB,QAAQA,OAAO,CAAC,iBAAD;AA3DE,CAAnB;eA6DeD,U"}
+{"version":3,"names":["IconAssets","require"],"sources":["index.ts"],"sourcesContent":["const IconAssets = {\n  'chat-hide': require('./ic-chat-hide.png'),\n  'chat-show': require('./ic-chat-show.png'),\n  'add': require('./icon-add.png'),\n  'archive': require('./icon-archive.png'),\n  'arrow-left': require('./icon-arrow-left.png'),\n  'ban': require('./icon-ban.png'),\n  'broadcast': require('./icon-broadcast.png'),\n  'camera': require('./icon-camera.png'),\n  'channels': require('./icon-channels.png'),\n  'chat-filled': require('./icon-chat-filled.png'),\n  'chat': require('./icon-chat.png'),\n  'checkbox-off': require('./icon-checkbox-off.png'),\n  'checkbox-on': require('./icon-checkbox-on.png'),\n  'chevron-down': require('./icon-chevron-down.png'),\n  'chevron-right': require('./icon-chevron-right.png'),\n  'close': require('./icon-close.png'),\n  'copy': require('./icon-copy.png'),\n  'create': require('./icon-create.png'),\n  'delete': require('./icon-delete.png'),\n  'document': require('./icon-document.png'),\n  'done-all': require('./icon-done-all.png'),\n  'done': require('./icon-done.png'),\n  'download': require('./icon-download.png'),\n  'edit': require('./icon-edit.png'),\n  'emoji-more': require('./icon-emoji-more.png'),\n  'error': require('./icon-error.png'),\n  'file-audio': require('./icon-file-audio.png'),\n  'file-document': require('./icon-file-document.png'),\n  'freeze': require('./icon-freeze.png'),\n  'gif': require('./icon-gif.png'),\n  'info': require('./icon-info.png'),\n  'leave': require('./icon-leave.png'),\n  'members': require('./icon-members.png'),\n  'message': require('./icon-message.png'),\n  'moderation': require('./icon-moderation.png'),\n  'more': require('./icon-more.png'),\n  'mute': require('./icon-mute.png'),\n  'notifications-filled': require('./icon-notifications-filled.png'),\n  'notifications-off-filled': require('./icon-notifications-off-filled.png'),\n  'notifications': require('./icon-notifications.png'),\n  'operator': require('./icon-operator.png'),\n  'photo': require('./icon-photo.png'),\n  'play': require('./icon-play.png'),\n  'plus': require('./icon-plus.png'),\n  'question': require('./icon-question.png'),\n  'refresh': require('./icon-refresh.png'),\n  'remove': require('./icon-remove.png'),\n  'reply-filled': require('./icon-reply-filled.png'),\n  'reply': require('./icon-reply.png'),\n  'search': require('./icon-search.png'),\n  'send': require('./icon-send.png'),\n  'settings-filled': require('./icon-settings-filled.png'),\n  'spinner': require('./icon-spinner.png'),\n  'streaming': require('./icon-streaming.png'),\n  'supergroup': require('./icon-supergroup.png'),\n  'theme': require('./icon-theme.png'),\n  'thumbnail-none': require('./icon-thumbnail-none.png'),\n  'unarchive': require('./icon-unarchive.png'),\n  'user': require('./icon-user.png'),\n};\nexport default IconAssets;\n"],"mappings":"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"}

package/lib/commonjs/components/Modal/index.js

@@ -71,6 +71,7 @@ const Modal = _ref => {
   }, [visible]);
   useOnDismiss(modalVisible, onDismiss);
   return /*#__PURE__*/_react.default.createElement(_reactNative.Modal, _extends({
+    statusBarTranslucent: statusBarTranslucent,
     transparent: true,
     hardwareAccelerated: true,
     visible: modalVisible,

package/lib/commonjs/components/Modal/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["Modal","children","onClose","backgroundStyle","onDismiss","type","visible","disableBackgroundClose","enableKeyboardAvoid","statusBarTranslucent","props","palette","useUIKitTheme","content","backdrop","showTransition","hideTransition","useModalAnimation","panResponder","useModalPanResponder","translateY","topInset","useHeaderStyle","modalVisible","setModalVisible","useState","showAction","hideAction","width","height","useWindowDimensions","useEffect","useOnDismiss","undefined","StyleSheet","absoluteFill","opacity","backgroundColor","onBackgroundLight03","styles","background","Platform","select","ios","default","transform","panHandlers","isHideGesture","distanceY","velocityY","show","hide","React","useRef","PanResponder","create","onMoveShouldSetPanResponderCapture","_","dy","onPanResponderGrant","setOffset","__getValue","onPanResponderMove","setValue","onPanResponderRelease","vy","current","initialY","Dimensions","get","baseAnimBackground","Animated","Value","baseAnimContent","interpolate","inputRange","outputRange","createTransition","toValue","config","duration","useNativeDriver","parallel","timing","start","prevVisible","usePrevProp","OS","prop","prev","curr","createStyleSheet","flex"],"sources":["index.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport {\n  Animated,\n  Dimensions,\n  KeyboardAvoidingView,\n  ModalProps,\n  PanResponder,\n  Platform,\n  Pressable,\n  Modal as RNModal,\n  StyleProp,\n  StyleSheet,\n  TouchableWithoutFeedback,\n  ViewStyle,\n  useWindowDimensions,\n} from 'react-native';\n\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useHeaderStyle from '../../styles/useHeaderStyle';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\n\ntype Props = {\n  type?: 'slide' | 'fade';\n  onClose: () => void;\n  backgroundStyle?: StyleProp<ViewStyle>;\n  disableBackgroundClose?: boolean;\n  enableKeyboardAvoid?: boolean;\n} & Omit<ModalProps, 'animationType' | 'onRequestClose'>;\n\n/**\n * Modal Open: Triggered by Modal.props.visible state changed to true\n * - visible true -> modalVisible true -> animation start\n *\n * Modal Close: Triggered by Modal.props.onClose() call\n * - Modal.props.onClose() -> visible false -> animation start -> modalVisible false\n * */\nconst Modal = ({\n  children,\n  onClose,\n  backgroundStyle,\n  onDismiss,\n  type = 'fade',\n  visible = false,\n  disableBackgroundClose = false,\n  enableKeyboardAvoid = false,\n  statusBarTranslucent,\n  ...props\n}: Props) => {\n  const { palette } = useUIKitTheme();\n  const { content, backdrop, showTransition, hideTransition } = useModalAnimation(type);\n  const panResponder = useModalPanResponder(type, content.translateY, showTransition, onClose);\n  const { topInset } = useHeaderStyle();\n\n  const [modalVisible, setModalVisible] = useState(false);\n  const showAction = () => setModalVisible(true);\n  const hideAction = () => hideTransition(() => setModalVisible(false));\n\n  const { width, height } = useWindowDimensions();\n\n  useEffect(() => {\n    if (visible) showAction();\n    else hideAction();\n  }, [visible]);\n\n  useOnDismiss(modalVisible, onDismiss);\n\n  return (\n    <RNModal\n      transparent\n      hardwareAccelerated\n      visible={modalVisible}\n      onRequestClose={onClose}\n      onShow={() => showTransition()}\n      onDismiss={onDismiss}\n      supportedOrientations={['portrait', 'portrait-upside-down', 'landscape', 'landscape-left', 'landscape-right']}\n      animationType={'none'}\n      {...props}\n    >\n      <TouchableWithoutFeedback onPress={disableBackgroundClose ? undefined : onClose}>\n        <Animated.View\n          style={[StyleSheet.absoluteFill, { opacity: backdrop.opacity, backgroundColor: palette.onBackgroundLight03 }]}\n        />\n      </TouchableWithoutFeedback>\n      <KeyboardAvoidingView\n        // NOTE: This is trick for Android.\n        //  When orientation is changed on Android, the offset that to avoid soft-keyboard is not updated normally.\n        key={`${width}-${height}`}\n        enabled={enableKeyboardAvoid}\n        style={styles.background}\n        behavior={Platform.select({ ios: 'padding', default: 'height' })}\n        pointerEvents={'box-none'}\n        keyboardVerticalOffset={enableKeyboardAvoid && statusBarTranslucent ? -topInset : 0}\n      >\n        <Animated.View\n          style={[\n            styles.background,\n            backgroundStyle,\n            { opacity: content.opacity, transform: [{ translateY: content.translateY }] },\n          ]}\n          pointerEvents={'box-none'}\n          {...panResponder.panHandlers}\n        >\n          <Pressable\n          // NOTE: https://github.com/facebook/react-native/issues/14295\n          //  Due to 'Pressable', the width of the children must be explicitly specified as a number.\n          >\n            {children}\n          </Pressable>\n        </Animated.View>\n      </KeyboardAvoidingView>\n    </RNModal>\n  );\n};\n\nconst isHideGesture = (distanceY: number, velocityY: number) => {\n  return distanceY > 125 || (distanceY > 0 && velocityY > 0.1);\n};\nconst useModalPanResponder = (\n  type: 'slide' | 'fade',\n  translateY: Animated.Value,\n  show: () => void,\n  hide: () => void,\n) => {\n  if (type === 'fade') return { panHandlers: {} };\n  return React.useRef(\n    PanResponder.create({\n      onMoveShouldSetPanResponderCapture: (_, { dy }) => dy > 8,\n      // @ts-ignore\n      onPanResponderGrant: () => translateY.setOffset(translateY.__getValue()),\n      onPanResponderMove: (_, { dy }) => dy >= 0 && translateY.setValue(dy), // Animated.event([null, { dy: translateY }], { useNativeDriver: false }),\n      onPanResponderRelease: (_, { dy, vy }) => {\n        if (isHideGesture(dy, vy)) hide();\n        else show();\n      },\n    }),\n  ).current;\n};\n\nconst useModalAnimation = (type: 'slide' | 'fade') => {\n  const initialY = type === 'slide' ? Dimensions.get('window').height : 0;\n  const baseAnimBackground = useRef(new Animated.Value(0)).current;\n  const baseAnimContent = useRef(new Animated.Value(initialY)).current;\n\n  const content = {\n    opacity: baseAnimBackground.interpolate({\n      inputRange: [0, 1],\n      outputRange: [type === 'slide' ? 1 : 0, 1],\n    }),\n    translateY: baseAnimContent,\n  };\n  const backdrop = {\n    opacity: baseAnimBackground.interpolate({\n      inputRange: [0, 1],\n      outputRange: [0, 1],\n    }),\n  };\n  const createTransition = (toValue: 0 | 1) => {\n    const config = { duration: 250, useNativeDriver: false };\n    return Animated.parallel([\n      Animated.timing(baseAnimBackground, { toValue, ...config }),\n      Animated.timing(baseAnimContent, { toValue: toValue === 0 ? initialY : 0, ...config }),\n    ]).start;\n  };\n  return {\n    content,\n    backdrop,\n    showTransition: createTransition(1),\n    hideTransition: createTransition(0),\n  };\n};\n\n// NOTE: onDismiss is supports iOS only\nconst useOnDismiss = (visible: boolean, onDismiss?: () => void) => {\n  const prevVisible = usePrevProp(visible);\n  useEffect(() => {\n    if (Platform.OS === 'ios') return;\n    if (prevVisible && !visible) onDismiss?.();\n  }, [prevVisible, visible]);\n};\n\nconst usePrevProp = <T,>(prop: T) => {\n  const prev = useRef(prop);\n  const curr = useRef(prop);\n  useEffect(() => {\n    prev.current = curr.current;\n    curr.current = prop;\n  });\n  return prev.current;\n};\n\nconst styles = createStyleSheet({\n  background: { flex: 1 },\n});\n\nexport default Modal;\n"],"mappings":"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"}
+{"version":3,"names":["Modal","children","onClose","backgroundStyle","onDismiss","type","visible","disableBackgroundClose","enableKeyboardAvoid","statusBarTranslucent","props","palette","useUIKitTheme","content","backdrop","showTransition","hideTransition","useModalAnimation","panResponder","useModalPanResponder","translateY","topInset","useHeaderStyle","modalVisible","setModalVisible","useState","showAction","hideAction","width","height","useWindowDimensions","useEffect","useOnDismiss","undefined","StyleSheet","absoluteFill","opacity","backgroundColor","onBackgroundLight03","styles","background","Platform","select","ios","default","transform","panHandlers","isHideGesture","distanceY","velocityY","show","hide","React","useRef","PanResponder","create","onMoveShouldSetPanResponderCapture","_","dy","onPanResponderGrant","setOffset","__getValue","onPanResponderMove","setValue","onPanResponderRelease","vy","current","initialY","Dimensions","get","baseAnimBackground","Animated","Value","baseAnimContent","interpolate","inputRange","outputRange","createTransition","toValue","config","duration","useNativeDriver","parallel","timing","start","prevVisible","usePrevProp","OS","prop","prev","curr","createStyleSheet","flex"],"sources":["index.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport {\n  Animated,\n  Dimensions,\n  KeyboardAvoidingView,\n  ModalProps,\n  PanResponder,\n  Platform,\n  Pressable,\n  Modal as RNModal,\n  StyleProp,\n  StyleSheet,\n  TouchableWithoutFeedback,\n  ViewStyle,\n  useWindowDimensions,\n} from 'react-native';\n\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useHeaderStyle from '../../styles/useHeaderStyle';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\n\ntype Props = {\n  type?: 'slide' | 'fade';\n  onClose: () => void;\n  backgroundStyle?: StyleProp<ViewStyle>;\n  disableBackgroundClose?: boolean;\n  enableKeyboardAvoid?: boolean;\n} & Omit<ModalProps, 'animationType' | 'onRequestClose'>;\n\n/**\n * Modal Open: Triggered by Modal.props.visible state changed to true\n * - visible true -> modalVisible true -> animation start\n *\n * Modal Close: Triggered by Modal.props.onClose() call\n * - Modal.props.onClose() -> visible false -> animation start -> modalVisible false\n * */\nconst Modal = ({\n  children,\n  onClose,\n  backgroundStyle,\n  onDismiss,\n  type = 'fade',\n  visible = false,\n  disableBackgroundClose = false,\n  enableKeyboardAvoid = false,\n  statusBarTranslucent,\n  ...props\n}: Props) => {\n  const { palette } = useUIKitTheme();\n  const { content, backdrop, showTransition, hideTransition } = useModalAnimation(type);\n  const panResponder = useModalPanResponder(type, content.translateY, showTransition, onClose);\n  const { topInset } = useHeaderStyle();\n\n  const [modalVisible, setModalVisible] = useState(false);\n  const showAction = () => setModalVisible(true);\n  const hideAction = () => hideTransition(() => setModalVisible(false));\n\n  const { width, height } = useWindowDimensions();\n\n  useEffect(() => {\n    if (visible) showAction();\n    else hideAction();\n  }, [visible]);\n\n  useOnDismiss(modalVisible, onDismiss);\n\n  return (\n    <RNModal\n      statusBarTranslucent={statusBarTranslucent}\n      transparent\n      hardwareAccelerated\n      visible={modalVisible}\n      onRequestClose={onClose}\n      onShow={() => showTransition()}\n      onDismiss={onDismiss}\n      supportedOrientations={['portrait', 'portrait-upside-down', 'landscape', 'landscape-left', 'landscape-right']}\n      animationType={'none'}\n      {...props}\n    >\n      <TouchableWithoutFeedback onPress={disableBackgroundClose ? undefined : onClose}>\n        <Animated.View\n          style={[StyleSheet.absoluteFill, { opacity: backdrop.opacity, backgroundColor: palette.onBackgroundLight03 }]}\n        />\n      </TouchableWithoutFeedback>\n      <KeyboardAvoidingView\n        // NOTE: This is trick for Android.\n        //  When orientation is changed on Android, the offset that to avoid soft-keyboard is not updated normally.\n        key={`${width}-${height}`}\n        enabled={enableKeyboardAvoid}\n        style={styles.background}\n        behavior={Platform.select({ ios: 'padding', default: 'height' })}\n        pointerEvents={'box-none'}\n        keyboardVerticalOffset={enableKeyboardAvoid && statusBarTranslucent ? -topInset : 0}\n      >\n        <Animated.View\n          style={[\n            styles.background,\n            backgroundStyle,\n            { opacity: content.opacity, transform: [{ translateY: content.translateY }] },\n          ]}\n          pointerEvents={'box-none'}\n          {...panResponder.panHandlers}\n        >\n          <Pressable\n          // NOTE: https://github.com/facebook/react-native/issues/14295\n          //  Due to 'Pressable', the width of the children must be explicitly specified as a number.\n          >\n            {children}\n          </Pressable>\n        </Animated.View>\n      </KeyboardAvoidingView>\n    </RNModal>\n  );\n};\n\nconst isHideGesture = (distanceY: number, velocityY: number) => {\n  return distanceY > 125 || (distanceY > 0 && velocityY > 0.1);\n};\nconst useModalPanResponder = (\n  type: 'slide' | 'fade',\n  translateY: Animated.Value,\n  show: () => void,\n  hide: () => void,\n) => {\n  if (type === 'fade') return { panHandlers: {} };\n  return React.useRef(\n    PanResponder.create({\n      onMoveShouldSetPanResponderCapture: (_, { dy }) => dy > 8,\n      // @ts-ignore\n      onPanResponderGrant: () => translateY.setOffset(translateY.__getValue()),\n      onPanResponderMove: (_, { dy }) => dy >= 0 && translateY.setValue(dy), // Animated.event([null, { dy: translateY }], { useNativeDriver: false }),\n      onPanResponderRelease: (_, { dy, vy }) => {\n        if (isHideGesture(dy, vy)) hide();\n        else show();\n      },\n    }),\n  ).current;\n};\n\nconst useModalAnimation = (type: 'slide' | 'fade') => {\n  const initialY = type === 'slide' ? Dimensions.get('window').height : 0;\n  const baseAnimBackground = useRef(new Animated.Value(0)).current;\n  const baseAnimContent = useRef(new Animated.Value(initialY)).current;\n\n  const content = {\n    opacity: baseAnimBackground.interpolate({\n      inputRange: [0, 1],\n      outputRange: [type === 'slide' ? 1 : 0, 1],\n    }),\n    translateY: baseAnimContent,\n  };\n  const backdrop = {\n    opacity: baseAnimBackground.interpolate({\n      inputRange: [0, 1],\n      outputRange: [0, 1],\n    }),\n  };\n  const createTransition = (toValue: 0 | 1) => {\n    const config = { duration: 250, useNativeDriver: false };\n    return Animated.parallel([\n      Animated.timing(baseAnimBackground, { toValue, ...config }),\n      Animated.timing(baseAnimContent, { toValue: toValue === 0 ? initialY : 0, ...config }),\n    ]).start;\n  };\n  return {\n    content,\n    backdrop,\n    showTransition: createTransition(1),\n    hideTransition: createTransition(0),\n  };\n};\n\n// NOTE: onDismiss is supports iOS only\nconst useOnDismiss = (visible: boolean, onDismiss?: () => void) => {\n  const prevVisible = usePrevProp(visible);\n  useEffect(() => {\n    if (Platform.OS === 'ios') return;\n    if (prevVisible && !visible) onDismiss?.();\n  }, [prevVisible, visible]);\n};\n\nconst usePrevProp = <T,>(prop: T) => {\n  const prev = useRef(prop);\n  const curr = useRef(prop);\n  useEffect(() => {\n    prev.current = curr.current;\n    curr.current = prop;\n  });\n  return prev.current;\n};\n\nconst styles = createStyleSheet({\n  background: { flex: 1 },\n});\n\nexport default Modal;\n"],"mappings":"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"}

package/lib/commonjs/index.js

@@ -9,12 +9,6 @@ Object.defineProperty(exports, "ActionMenu", {
     return _ActionMenu.default;
   }
 });
-Object.defineProperty(exports, "ActionMenuItem", {
-  enumerable: true,
-  get: function () {
-    return _ActionMenu.ActionMenuItem;
-  }
-});
 Object.defineProperty(exports, "Alert", {
   enumerable: true,
   get: function () {
@@ -39,12 +33,6 @@ Object.defineProperty(exports, "BottomSheet", {
     return _BottomSheet.default;
   }
 });
-Object.defineProperty(exports, "BottomSheetItem", {
-  enumerable: true,
-  get: function () {
-    return _BottomSheet.BottomSheetItem;
-  }
-});
 Object.defineProperty(exports, "Button", {
   enumerable: true,
   get: function () {
@@ -93,12 +81,6 @@ Object.defineProperty(exports, "HeaderStyleContext", {
     return _HeaderStyleContext.HeaderStyleContext;
   }
 });
-Object.defineProperty(exports, "HeaderStyleContextType", {
-  enumerable: true,
-  get: function () {
-    return _HeaderStyleContext.HeaderStyleContextType;
-  }
-});
 Object.defineProperty(exports, "HeaderStyleProvider", {
   enumerable: true,
   get: function () {
@@ -153,6 +135,12 @@ Object.defineProperty(exports, "Modal", {
     return _Modal.default;
   }
 });
+Object.defineProperty(exports, "OutlinedButton", {
+  enumerable: true,
+  get: function () {
+    return _OutlinedButton.default;
+  }
+});
 Object.defineProperty(exports, "Palette", {
   enumerable: true,
   get: function () {
@@ -165,6 +153,12 @@ Object.defineProperty(exports, "Placeholder", {
     return _Placeholder.default;
   }
 });
+Object.defineProperty(exports, "ProfileCard", {
+  enumerable: true,
+  get: function () {
+    return _ProfileCard.default;
+  }
+});
 Object.defineProperty(exports, "Prompt", {
   enumerable: true,
   get: function () {
@@ -213,12 +207,6 @@ Object.defineProperty(exports, "UIKitThemeProvider", {
     return _UIKitThemeProvider.default;
   }
 });
-Object.defineProperty(exports, "UIKitTypographyOverrides", {
-  enumerable: true,
-  get: function () {
-    return _createTypography.UIKitTypographyOverrides;
-  }
-});
 Object.defineProperty(exports, "URLParsedText", {
   enumerable: true,
   get: function () {
@@ -322,7 +310,7 @@ var _TextInput = _interopRequireDefault(require("./components/TextInput"));
 
 var _URLParsedText = _interopRequireDefault(require("./components/URLParsedText"));
 
-var _ActionMenu = _interopRequireWildcard(require("./ui/ActionMenu"));
+var _ActionMenu = _interopRequireDefault(require("./ui/ActionMenu"));
 
 var _Alert = _interopRequireDefault(require("./ui/Alert"));
 
@@ -330,7 +318,7 @@ var _Avatar = _interopRequireDefault(require("./ui/Avatar"));
 
 var _Badge = _interopRequireDefault(require("./ui/Badge"));
 
-var _BottomSheet = _interopRequireWildcard(require("./ui/BottomSheet"));
+var _BottomSheet = _interopRequireDefault(require("./ui/BottomSheet"));
 
 var _Button = _interopRequireDefault(require("./ui/Button"));
 
@@ -346,8 +334,12 @@ var _LoadingSpinner = _interopRequireDefault(require("./ui/LoadingSpinner"));
 
 var _MenuBar = _interopRequireWildcard(require("./ui/MenuBar"));
 
+var _OutlinedButton = _interopRequireDefault(require("./ui/OutlinedButton"));
+
 var _Placeholder = _interopRequireDefault(require("./ui/Placeholder"));
 
+var _ProfileCard = _interopRequireDefault(require("./ui/ProfileCard"));
+
 var _Prompt = _interopRequireDefault(require("./ui/Prompt"));
 
 var _Toast = _interopRequireWildcard(require("./ui/Toast"));
@@ -358,7 +350,7 @@ var _createScaleFactor = _interopRequireDefault(require("./styles/createScaleFac
 
 var _createStyleSheet = _interopRequireDefault(require("./styles/createStyleSheet"));
 
-var _createTypography = _interopRequireWildcard(require("./styles/createTypography"));
+var _createTypography = _interopRequireDefault(require("./styles/createTypography"));
 
 var _getDefaultHeaderHeight = _interopRequireDefault(require("./styles/getDefaultHeaderHeight"));
 

package/lib/commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["/** Assets **/\nexport { default as IconAssets } from './assets/icon';\n\n/** Component **/\nexport { default as Divider } from './components/Divider';\nexport { default as Icon } from './components/Icon';\nexport { default as Image } from './components/Image';\nexport { default as Modal } from './components/Modal';\nexport { default as Switch } from './components/Switch';\nexport { default as Text } from './components/Text';\nexport { default as TextInput } from './components/TextInput';\nexport { default as URLParsedText } from './components/URLParsedText';\n\n/** UI **/\nexport { default as ActionMenu, ActionMenuItem } from './ui/ActionMenu';\nexport { default as Alert } from './ui/Alert';\nexport { default as Avatar } from './ui/Avatar';\nexport { default as Badge } from './ui/Badge';\nexport { default as BottomSheet, BottomSheetItem } from './ui/BottomSheet';\nexport { default as Button } from './ui/Button';\nexport { default as ChannelFrozenBanner } from './ui/ChannelFrozenBanner';\nexport { DialogProvider, useActionMenu, useAlert, usePrompt, useBottomSheet } from './ui/Dialog';\nexport { default as GroupChannelPreview } from './ui/GroupChannelPreview';\nexport { default as Header } from './ui/Header';\nexport { default as LoadingSpinner } from './ui/LoadingSpinner';\nexport { default as MenuBar, MenuBarProps } from './ui/MenuBar';\nexport { default as Placeholder } from './ui/Placeholder';\nexport { default as Prompt } from './ui/Prompt';\nexport { default as Toast, useToast, ToastProvider } from './ui/Toast';\n\n/** Styles **/\nexport { default as createSelectByColorScheme } from './styles/createSelectByColorScheme';\nexport { default as createScaleFactor } from './styles/createScaleFactor';\nexport { default as createStyleSheet } from './styles/createStyleSheet';\nexport { default as createTypography, UIKitTypographyOverrides } from './styles/createTypography';\nexport { default as getDefaultHeaderHeight } from './styles/getDefaultHeaderHeight';\nexport { HeaderStyleContext, HeaderStyleProvider, HeaderStyleContextType } from './styles/HeaderStyleContext';\nexport { default as useHeaderStyle } from './styles/useHeaderStyle';\n\n/** Theme **/\nexport { default as createTheme } from './theme/createTheme';\nexport { default as DarkUIKitTheme } from './theme/DarkUIKitTheme';\nexport { default as LightUIKitTheme } from './theme/LightUIKitTheme';\nexport { default as Palette } from './theme/Palette';\nexport { default as UIKitThemeContext } from './theme/UIKitThemeContext';\nexport { default as UIKitThemeProvider } from './theme/UIKitThemeProvider';\nexport { default as useUIKitTheme } from './theme/useUIKitTheme';\n\n/** Types **/\nexport type {\n  TypoName,\n  UIKitTheme,\n  UIKitTypography,\n  FontAttributes,\n  BaseHeaderProps,\n  UIKitColorScheme,\n  UIKitColors,\n  ComponentColorTree,\n  UIKitPalette,\n  HeaderElement,\n  HeaderPartProps,\n  ComponentColors,\n  Component,\n  GetColorTree,\n} from './types';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA;;AAGA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAGA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAGA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAGA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA"}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["/** Assets **/\nexport { default as IconAssets } from './assets/icon';\n\n/** Component **/\nexport { default as Divider } from './components/Divider';\nexport { default as Icon } from './components/Icon';\nexport { default as Image } from './components/Image';\nexport { default as Modal } from './components/Modal';\nexport { default as Switch } from './components/Switch';\nexport { default as Text } from './components/Text';\nexport { default as TextInput } from './components/TextInput';\nexport { default as URLParsedText } from './components/URLParsedText';\n\n/** UI **/\nexport { default as ActionMenu } from './ui/ActionMenu';\nexport { default as Alert } from './ui/Alert';\nexport { default as Avatar } from './ui/Avatar';\nexport { default as Badge } from './ui/Badge';\nexport { default as BottomSheet } from './ui/BottomSheet';\nexport { default as Button } from './ui/Button';\nexport { default as ChannelFrozenBanner } from './ui/ChannelFrozenBanner';\nexport { DialogProvider, useActionMenu, useAlert, usePrompt, useBottomSheet } from './ui/Dialog';\nexport { default as GroupChannelPreview } from './ui/GroupChannelPreview';\nexport { default as Header } from './ui/Header';\nexport { default as LoadingSpinner } from './ui/LoadingSpinner';\nexport { default as MenuBar, MenuBarProps } from './ui/MenuBar';\nexport { default as OutlinedButton } from './ui/OutlinedButton';\nexport { default as Placeholder } from './ui/Placeholder';\nexport { default as ProfileCard } from './ui/ProfileCard';\nexport { default as Prompt } from './ui/Prompt';\nexport { default as Toast, useToast, ToastProvider } from './ui/Toast';\n\n/** Styles **/\nexport { default as createSelectByColorScheme } from './styles/createSelectByColorScheme';\nexport { default as createScaleFactor } from './styles/createScaleFactor';\nexport { default as createStyleSheet } from './styles/createStyleSheet';\nexport { default as createTypography } from './styles/createTypography';\nexport { default as getDefaultHeaderHeight } from './styles/getDefaultHeaderHeight';\nexport { HeaderStyleContext, HeaderStyleProvider } from './styles/HeaderStyleContext';\nexport { default as useHeaderStyle } from './styles/useHeaderStyle';\n\n/** Theme **/\nexport { default as createTheme } from './theme/createTheme';\nexport { default as DarkUIKitTheme } from './theme/DarkUIKitTheme';\nexport { default as LightUIKitTheme } from './theme/LightUIKitTheme';\nexport { default as Palette } from './theme/Palette';\nexport { default as UIKitThemeContext } from './theme/UIKitThemeContext';\nexport { default as UIKitThemeProvider } from './theme/UIKitThemeProvider';\nexport { default as useUIKitTheme } from './theme/useUIKitTheme';\n\n/** Types **/\nexport type {\n  TypoName,\n  UIKitTheme,\n  UIKitTypography,\n  FontAttributes,\n  BaseHeaderProps,\n  UIKitColorScheme,\n  UIKitColors,\n  ComponentColorTree,\n  UIKitPalette,\n  HeaderElement,\n  HeaderPartProps,\n  ComponentColors,\n  Component,\n  GetColorTree,\n} from './types';\nexport type { ActionMenuItem } from './ui/ActionMenu';\nexport type { BottomSheetItem } from './ui/BottomSheet';\nexport type { UIKitTypographyOverrides } from './styles/createTypography';\nexport type { HeaderStyleContextType } from './styles/HeaderStyleContext';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA;;AAGA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAGA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAGA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAGA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA"}

package/lib/commonjs/styles/HeaderStyleContext.js.map

@@ -1 +1 @@
-{"version":3,"names":["HeaderStyleContext","React","createContext","HeaderComponent","defaultTitleAlign","statusBarTranslucent","topInset","StatusBar","currentHeight","defaultHeight","getDefaultHeaderHeight","HeaderStyleProvider","children","top","useSafeAreaInsets","width","height","useWindowDimensions"],"sources":["HeaderStyleContext.tsx"],"sourcesContent":["import React from 'react';\nimport { StatusBar, useWindowDimensions } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport type { BaseHeaderProps, HeaderElement } from '../types';\nimport getDefaultHeaderHeight from './getDefaultHeaderHeight';\n\nexport type HeaderStyleContextType = {\n  HeaderComponent: (\n    props: BaseHeaderProps<\n      {\n        title?: HeaderElement;\n        left?: HeaderElement;\n        right?: HeaderElement;\n        onPressLeft?: () => void;\n        onPressRight?: () => void;\n      },\n      { clearTitleMargin?: boolean }\n    >,\n  ) => React.ReactElement | null;\n  defaultTitleAlign: 'left' | 'center';\n  statusBarTranslucent: boolean;\n  topInset: number;\n  defaultHeight: number;\n};\nexport const HeaderStyleContext = React.createContext<HeaderStyleContextType>({\n  HeaderComponent: () => null,\n  defaultTitleAlign: 'left',\n  statusBarTranslucent: true,\n  topInset: StatusBar.currentHeight ?? 0,\n  defaultHeight: getDefaultHeaderHeight(false),\n});\n\ntype Props = Pick<HeaderStyleContextType, 'statusBarTranslucent' | 'defaultTitleAlign' | 'HeaderComponent'>;\nexport const HeaderStyleProvider = ({\n  children,\n  HeaderComponent = () => null,\n  defaultTitleAlign,\n  statusBarTranslucent,\n}: React.PropsWithChildren<Props>) => {\n  const { top } = useSafeAreaInsets();\n  const { width, height } = useWindowDimensions();\n\n  return (\n    <HeaderStyleContext.Provider\n      value={{\n        HeaderComponent,\n        defaultTitleAlign,\n        statusBarTranslucent,\n        topInset: statusBarTranslucent ? top : 0,\n        defaultHeight: getDefaultHeaderHeight(width > height),\n      }}\n    >\n      {children}\n    </HeaderStyleContext.Provider>\n  );\n};\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAGA;;;;AAoBO,MAAMA,kBAAkB,gBAAGC,cAAA,CAAMC,aAAN,CAA4C;EAC5EC,eAAe,EAAE,MAAM,IADqD;EAE5EC,iBAAiB,EAAE,MAFyD;EAG5EC,oBAAoB,EAAE,IAHsD;EAI5EC,QAAQ,EAAEC,sBAAA,CAAUC,aAAV,IAA2B,CAJuC;EAK5EC,aAAa,EAAE,IAAAC,+BAAA,EAAuB,KAAvB;AAL6D,CAA5C,CAA3B;;;;AASA,MAAMC,mBAAmB,GAAG,QAKG;EAAA,IALF;IAClCC,QADkC;IAElCT,eAAe,GAAG,MAAM,IAFU;IAGlCC,iBAHkC;IAIlCC;EAJkC,CAKE;EACpC,MAAM;IAAEQ;EAAF,IAAU,IAAAC,6CAAA,GAAhB;EACA,MAAM;IAAEC,KAAF;IAASC;EAAT,IAAoB,IAAAC,gCAAA,GAA1B;EAEA,oBACE,6BAAC,kBAAD,CAAoB,QAApB;IACE,KAAK,EAAE;MACLd,eADK;MAELC,iBAFK;MAGLC,oBAHK;MAILC,QAAQ,EAAED,oBAAoB,GAAGQ,GAAH,GAAS,CAJlC;MAKLJ,aAAa,EAAE,IAAAC,+BAAA,EAAuBK,KAAK,GAAGC,MAA/B;IALV;EADT,GASGJ,QATH,CADF;AAaD,CAtBM"}
+{"version":3,"names":["HeaderStyleContext","React","createContext","HeaderComponent","defaultTitleAlign","statusBarTranslucent","topInset","StatusBar","currentHeight","defaultHeight","getDefaultHeaderHeight","HeaderStyleProvider","children","top","useSafeAreaInsets","width","height","useWindowDimensions"],"sources":["HeaderStyleContext.tsx"],"sourcesContent":["import React from 'react';\nimport { StatusBar, useWindowDimensions } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport type { HeaderProps } from '../ui/Header';\nimport getDefaultHeaderHeight from './getDefaultHeaderHeight';\n\nexport type HeaderStyleContextType = {\n  HeaderComponent: (props: HeaderProps) => React.ReactElement | null;\n  defaultTitleAlign: 'left' | 'center';\n  statusBarTranslucent: boolean;\n  topInset: number;\n  defaultHeight: number;\n};\nexport const HeaderStyleContext = React.createContext<HeaderStyleContextType>({\n  HeaderComponent: () => null,\n  defaultTitleAlign: 'left',\n  statusBarTranslucent: true,\n  topInset: StatusBar.currentHeight ?? 0,\n  defaultHeight: getDefaultHeaderHeight(false),\n});\n\ntype Props = Pick<HeaderStyleContextType, 'statusBarTranslucent' | 'defaultTitleAlign' | 'HeaderComponent'>;\nexport const HeaderStyleProvider = ({\n  children,\n  HeaderComponent = () => null,\n  defaultTitleAlign,\n  statusBarTranslucent,\n}: React.PropsWithChildren<Props>) => {\n  const { top } = useSafeAreaInsets();\n  const { width, height } = useWindowDimensions();\n\n  return (\n    <HeaderStyleContext.Provider\n      value={{\n        HeaderComponent,\n        defaultTitleAlign,\n        statusBarTranslucent,\n        topInset: statusBarTranslucent ? top : 0,\n        defaultHeight: getDefaultHeaderHeight(width > height),\n      }}\n    >\n      {children}\n    </HeaderStyleContext.Provider>\n  );\n};\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAGA;;;;AASO,MAAMA,kBAAkB,gBAAGC,cAAA,CAAMC,aAAN,CAA4C;EAC5EC,eAAe,EAAE,MAAM,IADqD;EAE5EC,iBAAiB,EAAE,MAFyD;EAG5EC,oBAAoB,EAAE,IAHsD;EAI5EC,QAAQ,EAAEC,sBAAA,CAAUC,aAAV,IAA2B,CAJuC;EAK5EC,aAAa,EAAE,IAAAC,+BAAA,EAAuB,KAAvB;AAL6D,CAA5C,CAA3B;;;;AASA,MAAMC,mBAAmB,GAAG,QAKG;EAAA,IALF;IAClCC,QADkC;IAElCT,eAAe,GAAG,MAAM,IAFU;IAGlCC,iBAHkC;IAIlCC;EAJkC,CAKE;EACpC,MAAM;IAAEQ;EAAF,IAAU,IAAAC,6CAAA,GAAhB;EACA,MAAM;IAAEC,KAAF;IAASC;EAAT,IAAoB,IAAAC,gCAAA,GAA1B;EAEA,oBACE,6BAAC,kBAAD,CAAoB,QAApB;IACE,KAAK,EAAE;MACLd,eADK;MAELC,iBAFK;MAGLC,oBAHK;MAILC,QAAQ,EAAED,oBAAoB,GAAGQ,GAAH,GAAS,CAJlC;MAKLJ,aAAa,EAAE,IAAAC,+BAAA,EAAuBK,KAAK,GAAGC,MAA/B;IALV;EADT,GASGJ,QATH,CADF;AAaD,CAtBM"}

package/lib/commonjs/theme/DarkUIKitTheme.js

@@ -177,6 +177,16 @@ const DarkUIKitTheme = (0, _createTheme.default)({
             separator: palette.onBackgroundDark04
           }
         }
+      },
+      profileCard: {
+        default: {
+          none: {
+            textUsername: palette.onBackgroundDark01,
+            textBodyLabel: palette.onBackgroundDark02,
+            textBody: palette.onBackgroundDark01,
+            background: palette.background500
+          }
+        }
       }
     }
   })

package/lib/commonjs/theme/DarkUIKitTheme.js.map

@@ -1 +1 @@
-{"version":3,"names":["DarkUIKitTheme","createTheme","colorScheme","colors","palette","primary","primary200","secondary","secondary200","error","error200","background","background600","text","onBackgroundDark01","onBackground01","onBackground02","onBackgroundDark02","onBackground03","onBackgroundDark03","onBackground04","onBackgroundDark04","onBackgroundReverse01","onBackgroundLight01","onBackgroundReverse02","onBackgroundLight02","onBackgroundReverse03","onBackgroundLight03","onBackgroundReverse04","onBackgroundLight04","ui","header","nav","none","background500","borderBottom","button","contained","enabled","content","pressed","primary300","disabled","transparent","background400","dialog","default","message","highlight","destructive","error300","input","active","placeholder","underline","badge","incoming","textMsg","textEdited","textTime","textSenderName","primary500","outgoing","dateSeparator","overlay02","groupChannelPreview","textTitle","textTitleCaption","textBody","bodyIcon","memberCount","coverBackground","bodyIconBackground","separator"],"sources":["DarkUIKitTheme.ts"],"sourcesContent":["import createTheme from './createTheme';\n\nconst DarkUIKitTheme = createTheme({\n  colorScheme: 'dark',\n  colors: (palette) => ({\n    primary: palette.primary200,\n    secondary: palette.secondary200,\n    error: palette.error200,\n    background: palette.background600,\n    text: palette.onBackgroundDark01,\n    onBackground01: palette.onBackgroundDark01,\n    onBackground02: palette.onBackgroundDark02,\n    onBackground03: palette.onBackgroundDark03,\n    onBackground04: palette.onBackgroundDark04,\n    onBackgroundReverse01: palette.onBackgroundLight01,\n    onBackgroundReverse02: palette.onBackgroundLight02,\n    onBackgroundReverse03: palette.onBackgroundLight03,\n    onBackgroundReverse04: palette.onBackgroundLight04,\n    ui: {\n      header: {\n        nav: {\n          none: {\n            background: palette.background500,\n            borderBottom: palette.onBackgroundDark04,\n          },\n        },\n      },\n      button: {\n        contained: {\n          enabled: {\n            background: palette.primary200,\n            content: palette.onBackgroundLight01,\n          },\n          pressed: {\n            background: palette.primary300,\n            content: palette.onBackgroundLight01,\n          },\n          disabled: {\n            background: palette.background500,\n            content: palette.onBackgroundDark04,\n          },\n        },\n        text: {\n          enabled: {\n            background: palette.transparent,\n            content: palette.primary200,\n          },\n          pressed: {\n            background: palette.background400,\n            content: palette.primary200,\n          },\n          disabled: {\n            background: palette.transparent,\n            content: palette.onBackgroundDark04,\n          },\n        },\n      },\n      dialog: {\n        default: {\n          none: {\n            background: palette.background500,\n            text: palette.onBackgroundDark01,\n            message: palette.onBackgroundDark02,\n            highlight: palette.primary200,\n            destructive: palette.error300,\n          },\n        },\n      },\n      input: {\n        default: {\n          active: {\n            text: palette.onBackgroundDark01,\n            placeholder: palette.onBackgroundDark03,\n            background: palette.background400,\n            highlight: palette.primary200,\n          },\n          disabled: {\n            text: palette.onBackgroundDark04,\n            placeholder: palette.onBackgroundDark04,\n            background: palette.background400,\n            highlight: palette.onBackgroundDark04,\n          },\n        },\n        underline: {\n          active: {\n            text: palette.onBackgroundDark01,\n            placeholder: palette.onBackgroundDark03,\n            background: palette.transparent,\n            highlight: palette.primary200,\n          },\n          disabled: {\n            text: palette.onBackgroundDark04,\n            placeholder: palette.onBackgroundDark04,\n            background: palette.transparent,\n            highlight: palette.onBackgroundDark04,\n          },\n        },\n      },\n      badge: {\n        default: {\n          none: {\n            text: palette.background600,\n            background: palette.primary200,\n          },\n        },\n      },\n      placeholder: {\n        default: {\n          none: {\n            content: palette.onBackgroundDark03,\n            highlight: palette.primary200,\n          },\n        },\n      },\n      message: {\n        incoming: {\n          enabled: {\n            textMsg: palette.onBackgroundDark01,\n            textEdited: palette.onBackgroundDark02,\n            textTime: palette.onBackgroundDark03,\n            textSenderName: palette.onBackgroundDark02,\n            background: palette.background400,\n          },\n          pressed: {\n            textMsg: palette.onBackgroundDark01,\n            textEdited: palette.onBackgroundDark02,\n            textTime: palette.onBackgroundDark03,\n            textSenderName: palette.onBackgroundDark02,\n            background: palette.primary500,\n          },\n        },\n        outgoing: {\n          enabled: {\n            textMsg: palette.onBackgroundLight01,\n            textEdited: palette.onBackgroundLight02,\n            textTime: palette.onBackgroundDark03,\n            textSenderName: palette.transparent,\n            background: palette.primary200,\n          },\n          pressed: {\n            textMsg: palette.onBackgroundLight01,\n            textEdited: palette.onBackgroundLight02,\n            textTime: palette.onBackgroundDark03,\n            textSenderName: palette.transparent,\n            background: palette.primary300,\n          },\n        },\n      },\n      dateSeparator: {\n        default: {\n          none: {\n            text: palette.onBackgroundDark02,\n            background: palette.overlay02,\n          },\n        },\n      },\n      groupChannelPreview: {\n        default: {\n          none: {\n            textTitle: palette.onBackgroundDark01,\n            textTitleCaption: palette.onBackgroundDark03,\n            textBody: palette.onBackgroundDark03,\n            bodyIcon: palette.onBackgroundDark02,\n            memberCount: palette.onBackgroundDark02,\n            background: palette.background600,\n            coverBackground: palette.onBackgroundDark04,\n            bodyIconBackground: palette.background500,\n            separator: palette.onBackgroundDark04,\n          },\n        },\n      },\n    },\n  }),\n});\n\nexport default DarkUIKitTheme;\n"],"mappings":"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"}
+{"version":3,"names":["DarkUIKitTheme","createTheme","colorScheme","colors","palette","primary","primary200","secondary","secondary200","error","error200","background","background600","text","onBackgroundDark01","onBackground01","onBackground02","onBackgroundDark02","onBackground03","onBackgroundDark03","onBackground04","onBackgroundDark04","onBackgroundReverse01","onBackgroundLight01","onBackgroundReverse02","onBackgroundLight02","onBackgroundReverse03","onBackgroundLight03","onBackgroundReverse04","onBackgroundLight04","ui","header","nav","none","background500","borderBottom","button","contained","enabled","content","pressed","primary300","disabled","transparent","background400","dialog","default","message","highlight","destructive","error300","input","active","placeholder","underline","badge","incoming","textMsg","textEdited","textTime","textSenderName","primary500","outgoing","dateSeparator","overlay02","groupChannelPreview","textTitle","textTitleCaption","textBody","bodyIcon","memberCount","coverBackground","bodyIconBackground","separator","profileCard","textUsername","textBodyLabel"],"sources":["DarkUIKitTheme.ts"],"sourcesContent":["import createTheme from './createTheme';\n\nconst DarkUIKitTheme = createTheme({\n  colorScheme: 'dark',\n  colors: (palette) => ({\n    primary: palette.primary200,\n    secondary: palette.secondary200,\n    error: palette.error200,\n    background: palette.background600,\n    text: palette.onBackgroundDark01,\n    onBackground01: palette.onBackgroundDark01,\n    onBackground02: palette.onBackgroundDark02,\n    onBackground03: palette.onBackgroundDark03,\n    onBackground04: palette.onBackgroundDark04,\n    onBackgroundReverse01: palette.onBackgroundLight01,\n    onBackgroundReverse02: palette.onBackgroundLight02,\n    onBackgroundReverse03: palette.onBackgroundLight03,\n    onBackgroundReverse04: palette.onBackgroundLight04,\n    ui: {\n      header: {\n        nav: {\n          none: {\n            background: palette.background500,\n            borderBottom: palette.onBackgroundDark04,\n          },\n        },\n      },\n      button: {\n        contained: {\n          enabled: {\n            background: palette.primary200,\n            content: palette.onBackgroundLight01,\n          },\n          pressed: {\n            background: palette.primary300,\n            content: palette.onBackgroundLight01,\n          },\n          disabled: {\n            background: palette.background500,\n            content: palette.onBackgroundDark04,\n          },\n        },\n        text: {\n          enabled: {\n            background: palette.transparent,\n            content: palette.primary200,\n          },\n          pressed: {\n            background: palette.background400,\n            content: palette.primary200,\n          },\n          disabled: {\n            background: palette.transparent,\n            content: palette.onBackgroundDark04,\n          },\n        },\n      },\n      dialog: {\n        default: {\n          none: {\n            background: palette.background500,\n            text: palette.onBackgroundDark01,\n            message: palette.onBackgroundDark02,\n            highlight: palette.primary200,\n            destructive: palette.error300,\n          },\n        },\n      },\n      input: {\n        default: {\n          active: {\n            text: palette.onBackgroundDark01,\n            placeholder: palette.onBackgroundDark03,\n            background: palette.background400,\n            highlight: palette.primary200,\n          },\n          disabled: {\n            text: palette.onBackgroundDark04,\n            placeholder: palette.onBackgroundDark04,\n            background: palette.background400,\n            highlight: palette.onBackgroundDark04,\n          },\n        },\n        underline: {\n          active: {\n            text: palette.onBackgroundDark01,\n            placeholder: palette.onBackgroundDark03,\n            background: palette.transparent,\n            highlight: palette.primary200,\n          },\n          disabled: {\n            text: palette.onBackgroundDark04,\n            placeholder: palette.onBackgroundDark04,\n            background: palette.transparent,\n            highlight: palette.onBackgroundDark04,\n          },\n        },\n      },\n      badge: {\n        default: {\n          none: {\n            text: palette.background600,\n            background: palette.primary200,\n          },\n        },\n      },\n      placeholder: {\n        default: {\n          none: {\n            content: palette.onBackgroundDark03,\n            highlight: palette.primary200,\n          },\n        },\n      },\n      message: {\n        incoming: {\n          enabled: {\n            textMsg: palette.onBackgroundDark01,\n            textEdited: palette.onBackgroundDark02,\n            textTime: palette.onBackgroundDark03,\n            textSenderName: palette.onBackgroundDark02,\n            background: palette.background400,\n          },\n          pressed: {\n            textMsg: palette.onBackgroundDark01,\n            textEdited: palette.onBackgroundDark02,\n            textTime: palette.onBackgroundDark03,\n            textSenderName: palette.onBackgroundDark02,\n            background: palette.primary500,\n          },\n        },\n        outgoing: {\n          enabled: {\n            textMsg: palette.onBackgroundLight01,\n            textEdited: palette.onBackgroundLight02,\n            textTime: palette.onBackgroundDark03,\n            textSenderName: palette.transparent,\n            background: palette.primary200,\n          },\n          pressed: {\n            textMsg: palette.onBackgroundLight01,\n            textEdited: palette.onBackgroundLight02,\n            textTime: palette.onBackgroundDark03,\n            textSenderName: palette.transparent,\n            background: palette.primary300,\n          },\n        },\n      },\n      dateSeparator: {\n        default: {\n          none: {\n            text: palette.onBackgroundDark02,\n            background: palette.overlay02,\n          },\n        },\n      },\n      groupChannelPreview: {\n        default: {\n          none: {\n            textTitle: palette.onBackgroundDark01,\n            textTitleCaption: palette.onBackgroundDark03,\n            textBody: palette.onBackgroundDark03,\n            bodyIcon: palette.onBackgroundDark02,\n            memberCount: palette.onBackgroundDark02,\n            background: palette.background600,\n            coverBackground: palette.onBackgroundDark04,\n            bodyIconBackground: palette.background500,\n            separator: palette.onBackgroundDark04,\n          },\n        },\n      },\n      profileCard: {\n        default: {\n          none: {\n            textUsername: palette.onBackgroundDark01,\n            textBodyLabel: palette.onBackgroundDark02,\n            textBody: palette.onBackgroundDark01,\n            background: palette.background500,\n          },\n        },\n      },\n    },\n  }),\n});\n\nexport default DarkUIKitTheme;\n"],"mappings":"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"}

package/lib/commonjs/theme/LightUIKitTheme.js

@@ -177,6 +177,16 @@ const LightUIKitTheme = (0, _createTheme.default)({
             separator: palette.onBackgroundLight04
           }
         }
+      },
+      profileCard: {
+        default: {
+          none: {
+            textUsername: palette.onBackgroundLight01,
+            textBodyLabel: palette.onBackgroundLight02,
+            textBody: palette.onBackgroundLight01,
+            background: palette.background50
+          }
+        }
       }
     }
   })

package/lib/commonjs/theme/LightUIKitTheme.js.map

@@ -1 +1 @@
-{"version":3,"names":["LightUIKitTheme","createTheme","colorScheme","colors","palette","primary","primary300","secondary","secondary300","error","error300","background","background50","text","onBackgroundLight01","onBackground01","onBackground02","onBackgroundLight02","onBackground03","onBackgroundLight03","onBackground04","onBackgroundLight04","onBackgroundReverse01","onBackgroundDark01","onBackgroundReverse02","onBackgroundDark02","onBackgroundReverse03","onBackgroundDark03","onBackgroundReverse04","onBackgroundDark04","ui","header","nav","none","borderBottom","button","contained","enabled","content","pressed","primary400","disabled","background100","transparent","dialog","default","message","highlight","destructive","input","active","placeholder","underline","badge","incoming","textMsg","textEdited","textTime","textSenderName","primary100","outgoing","dateSeparator","overlay02","groupChannelPreview","textTitle","textTitleCaption","textBody","bodyIcon","memberCount","coverBackground","bodyIconBackground","separator"],"sources":["LightUIKitTheme.ts"],"sourcesContent":["import createTheme from './createTheme';\n\nconst LightUIKitTheme = createTheme({\n  colorScheme: 'light',\n  colors: (palette) => ({\n    primary: palette.primary300,\n    secondary: palette.secondary300,\n    error: palette.error300,\n    background: palette.background50,\n    text: palette.onBackgroundLight01,\n    onBackground01: palette.onBackgroundLight01,\n    onBackground02: palette.onBackgroundLight02,\n    onBackground03: palette.onBackgroundLight03,\n    onBackground04: palette.onBackgroundLight04,\n    onBackgroundReverse01: palette.onBackgroundDark01,\n    onBackgroundReverse02: palette.onBackgroundDark02,\n    onBackgroundReverse03: palette.onBackgroundDark03,\n    onBackgroundReverse04: palette.onBackgroundDark04,\n    ui: {\n      header: {\n        nav: {\n          none: {\n            background: palette.background50,\n            borderBottom: palette.onBackgroundLight04,\n          },\n        },\n      },\n      button: {\n        contained: {\n          enabled: {\n            background: palette.primary300,\n            content: palette.onBackgroundDark01,\n          },\n          pressed: {\n            background: palette.primary400,\n            content: palette.onBackgroundDark01,\n          },\n          disabled: {\n            background: palette.background100,\n            content: palette.onBackgroundLight04,\n          },\n        },\n        text: {\n          enabled: {\n            background: palette.transparent,\n            content: palette.primary300,\n          },\n          pressed: {\n            background: palette.transparent,\n            content: palette.primary300,\n          },\n          disabled: {\n            background: palette.transparent,\n            content: palette.onBackgroundLight04,\n          },\n        },\n      },\n      dialog: {\n        default: {\n          none: {\n            background: palette.background50,\n            text: palette.onBackgroundLight01,\n            message: palette.onBackgroundLight02,\n            highlight: palette.primary300,\n            destructive: palette.error300,\n          },\n        },\n      },\n      input: {\n        default: {\n          active: {\n            text: palette.onBackgroundLight01,\n            placeholder: palette.onBackgroundLight03,\n            background: palette.background100,\n            highlight: palette.primary300,\n          },\n          disabled: {\n            text: palette.onBackgroundLight04,\n            placeholder: palette.onBackgroundLight04,\n            background: palette.background100,\n            highlight: palette.onBackgroundLight04,\n          },\n        },\n        underline: {\n          active: {\n            text: palette.onBackgroundLight01,\n            placeholder: palette.onBackgroundLight03,\n            background: palette.transparent,\n            highlight: palette.primary300,\n          },\n          disabled: {\n            text: palette.onBackgroundLight04,\n            placeholder: palette.onBackgroundLight04,\n            background: palette.transparent,\n            highlight: palette.onBackgroundLight04,\n          },\n        },\n      },\n      badge: {\n        default: {\n          none: {\n            text: palette.background50,\n            background: palette.primary300,\n          },\n        },\n      },\n      placeholder: {\n        default: {\n          none: {\n            content: palette.onBackgroundLight03,\n            highlight: palette.primary300,\n          },\n        },\n      },\n      message: {\n        incoming: {\n          enabled: {\n            textMsg: palette.onBackgroundLight01,\n            textEdited: palette.onBackgroundLight02,\n            textTime: palette.onBackgroundLight03,\n            textSenderName: palette.onBackgroundLight02,\n            background: palette.background100,\n          },\n          pressed: {\n            textMsg: palette.onBackgroundLight01,\n            textEdited: palette.onBackgroundLight02,\n            textTime: palette.onBackgroundLight03,\n            textSenderName: palette.onBackgroundLight02,\n            background: palette.primary100,\n          },\n        },\n        outgoing: {\n          enabled: {\n            textMsg: palette.onBackgroundDark01,\n            textEdited: palette.onBackgroundDark02,\n            textTime: palette.onBackgroundLight03,\n            textSenderName: palette.transparent,\n            background: palette.primary300,\n          },\n          pressed: {\n            textMsg: palette.onBackgroundDark01,\n            textEdited: palette.onBackgroundDark02,\n            textTime: palette.onBackgroundLight03,\n            textSenderName: palette.transparent,\n            background: palette.primary400,\n          },\n        },\n      },\n      dateSeparator: {\n        default: {\n          none: {\n            text: palette.onBackgroundDark01,\n            background: palette.overlay02,\n          },\n        },\n      },\n      groupChannelPreview: {\n        default: {\n          none: {\n            textTitle: palette.onBackgroundLight01,\n            textTitleCaption: palette.onBackgroundLight03,\n            textBody: palette.onBackgroundLight03,\n            bodyIcon: palette.onBackgroundLight02,\n            memberCount: palette.onBackgroundLight02,\n            background: palette.background50,\n            coverBackground: palette.onBackgroundLight04,\n            bodyIconBackground: palette.background100,\n            separator: palette.onBackgroundLight04,\n          },\n        },\n      },\n    },\n  }),\n});\n\nexport default LightUIKitTheme;\n"],"mappings":";;;;;;;AAAA;;;;AAEA,MAAMA,eAAe,GAAG,IAAAC,oBAAA,EAAY;EAClCC,WAAW,EAAE,OADqB;EAElCC,MAAM,EAAGC,OAAD,KAAc;IACpBC,OAAO,EAAED,OAAO,CAACE,UADG;IAEpBC,SAAS,EAAEH,OAAO,CAACI,YAFC;IAGpBC,KAAK,EAAEL,OAAO,CAACM,QAHK;IAIpBC,UAAU,EAAEP,OAAO,CAACQ,YAJA;IAKpBC,IAAI,EAAET,OAAO,CAACU,mBALM;IAMpBC,cAAc,EAAEX,OAAO,CAACU,mBANJ;IAOpBE,cAAc,EAAEZ,OAAO,CAACa,mBAPJ;IAQpBC,cAAc,EAAEd,OAAO,CAACe,mBARJ;IASpBC,cAAc,EAAEhB,OAAO,CAACiB,mBATJ;IAUpBC,qBAAqB,EAAElB,OAAO,CAACmB,kBAVX;IAWpBC,qBAAqB,EAAEpB,OAAO,CAACqB,kBAXX;IAYpBC,qBAAqB,EAAEtB,OAAO,CAACuB,kBAZX;IAapBC,qBAAqB,EAAExB,OAAO,CAACyB,kBAbX;IAcpBC,EAAE,EAAE;MACFC,MAAM,EAAE;QACNC,GAAG,EAAE;UACHC,IAAI,EAAE;YACJtB,UAAU,EAAEP,OAAO,CAACQ,YADhB;YAEJsB,YAAY,EAAE9B,OAAO,CAACiB;UAFlB;QADH;MADC,CADN;MASFc,MAAM,EAAE;QACNC,SAAS,EAAE;UACTC,OAAO,EAAE;YACP1B,UAAU,EAAEP,OAAO,CAACE,UADb;YAEPgC,OAAO,EAAElC,OAAO,CAACmB;UAFV,CADA;UAKTgB,OAAO,EAAE;YACP5B,UAAU,EAAEP,OAAO,CAACoC,UADb;YAEPF,OAAO,EAAElC,OAAO,CAACmB;UAFV,CALA;UASTkB,QAAQ,EAAE;YACR9B,UAAU,EAAEP,OAAO,CAACsC,aADZ;YAERJ,OAAO,EAAElC,OAAO,CAACiB;UAFT;QATD,CADL;QAeNR,IAAI,EAAE;UACJwB,OAAO,EAAE;YACP1B,UAAU,EAAEP,OAAO,CAACuC,WADb;YAEPL,OAAO,EAAElC,OAAO,CAACE;UAFV,CADL;UAKJiC,OAAO,EAAE;YACP5B,UAAU,EAAEP,OAAO,CAACuC,WADb;YAEPL,OAAO,EAAElC,OAAO,CAACE;UAFV,CALL;UASJmC,QAAQ,EAAE;YACR9B,UAAU,EAAEP,OAAO,CAACuC,WADZ;YAERL,OAAO,EAAElC,OAAO,CAACiB;UAFT;QATN;MAfA,CATN;MAuCFuB,MAAM,EAAE;QACNC,OAAO,EAAE;UACPZ,IAAI,EAAE;YACJtB,UAAU,EAAEP,OAAO,CAACQ,YADhB;YAEJC,IAAI,EAAET,OAAO,CAACU,mBAFV;YAGJgC,OAAO,EAAE1C,OAAO,CAACa,mBAHb;YAIJ8B,SAAS,EAAE3C,OAAO,CAACE,UAJf;YAKJ0C,WAAW,EAAE5C,OAAO,CAACM;UALjB;QADC;MADH,CAvCN;MAkDFuC,KAAK,EAAE;QACLJ,OAAO,EAAE;UACPK,MAAM,EAAE;YACNrC,IAAI,EAAET,OAAO,CAACU,mBADR;YAENqC,WAAW,EAAE/C,OAAO,CAACe,mBAFf;YAGNR,UAAU,EAAEP,OAAO,CAACsC,aAHd;YAINK,SAAS,EAAE3C,OAAO,CAACE;UAJb,CADD;UAOPmC,QAAQ,EAAE;YACR5B,IAAI,EAAET,OAAO,CAACiB,mBADN;YAER8B,WAAW,EAAE/C,OAAO,CAACiB,mBAFb;YAGRV,UAAU,EAAEP,OAAO,CAACsC,aAHZ;YAIRK,SAAS,EAAE3C,OAAO,CAACiB;UAJX;QAPH,CADJ;QAeL+B,SAAS,EAAE;UACTF,MAAM,EAAE;YACNrC,IAAI,EAAET,OAAO,CAACU,mBADR;YAENqC,WAAW,EAAE/C,OAAO,CAACe,mBAFf;YAGNR,UAAU,EAAEP,OAAO,CAACuC,WAHd;YAINI,SAAS,EAAE3C,OAAO,CAACE;UAJb,CADC;UAOTmC,QAAQ,EAAE;YACR5B,IAAI,EAAET,OAAO,CAACiB,mBADN;YAER8B,WAAW,EAAE/C,OAAO,CAACiB,mBAFb;YAGRV,UAAU,EAAEP,OAAO,CAACuC,WAHZ;YAIRI,SAAS,EAAE3C,OAAO,CAACiB;UAJX;QAPD;MAfN,CAlDL;MAgFFgC,KAAK,EAAE;QACLR,OAAO,EAAE;UACPZ,IAAI,EAAE;YACJpB,IAAI,EAAET,OAAO,CAACQ,YADV;YAEJD,UAAU,EAAEP,OAAO,CAACE;UAFhB;QADC;MADJ,CAhFL;MAwFF6C,WAAW,EAAE;QACXN,OAAO,EAAE;UACPZ,IAAI,EAAE;YACJK,OAAO,EAAElC,OAAO,CAACe,mBADb;YAEJ4B,SAAS,EAAE3C,OAAO,CAACE;UAFf;QADC;MADE,CAxFX;MAgGFwC,OAAO,EAAE;QACPQ,QAAQ,EAAE;UACRjB,OAAO,EAAE;YACPkB,OAAO,EAAEnD,OAAO,CAACU,mBADV;YAEP0C,UAAU,EAAEpD,OAAO,CAACa,mBAFb;YAGPwC,QAAQ,EAAErD,OAAO,CAACe,mBAHX;YAIPuC,cAAc,EAAEtD,OAAO,CAACa,mBAJjB;YAKPN,UAAU,EAAEP,OAAO,CAACsC;UALb,CADD;UAQRH,OAAO,EAAE;YACPgB,OAAO,EAAEnD,OAAO,CAACU,mBADV;YAEP0C,UAAU,EAAEpD,OAAO,CAACa,mBAFb;YAGPwC,QAAQ,EAAErD,OAAO,CAACe,mBAHX;YAIPuC,cAAc,EAAEtD,OAAO,CAACa,mBAJjB;YAKPN,UAAU,EAAEP,OAAO,CAACuD;UALb;QARD,CADH;QAiBPC,QAAQ,EAAE;UACRvB,OAAO,EAAE;YACPkB,OAAO,EAAEnD,OAAO,CAACmB,kBADV;YAEPiC,UAAU,EAAEpD,OAAO,CAACqB,kBAFb;YAGPgC,QAAQ,EAAErD,OAAO,CAACe,mBAHX;YAIPuC,cAAc,EAAEtD,OAAO,CAACuC,WAJjB;YAKPhC,UAAU,EAAEP,OAAO,CAACE;UALb,CADD;UAQRiC,OAAO,EAAE;YACPgB,OAAO,EAAEnD,OAAO,CAACmB,kBADV;YAEPiC,UAAU,EAAEpD,OAAO,CAACqB,kBAFb;YAGPgC,QAAQ,EAAErD,OAAO,CAACe,mBAHX;YAIPuC,cAAc,EAAEtD,OAAO,CAACuC,WAJjB;YAKPhC,UAAU,EAAEP,OAAO,CAACoC;UALb;QARD;MAjBH,CAhGP;MAkIFqB,aAAa,EAAE;QACbhB,OAAO,EAAE;UACPZ,IAAI,EAAE;YACJpB,IAAI,EAAET,OAAO,CAACmB,kBADV;YAEJZ,UAAU,EAAEP,OAAO,CAAC0D;UAFhB;QADC;MADI,CAlIb;MA0IFC,mBAAmB,EAAE;QACnBlB,OAAO,EAAE;UACPZ,IAAI,EAAE;YACJ+B,SAAS,EAAE5D,OAAO,CAACU,mBADf;YAEJmD,gBAAgB,EAAE7D,OAAO,CAACe,mBAFtB;YAGJ+C,QAAQ,EAAE9D,OAAO,CAACe,mBAHd;YAIJgD,QAAQ,EAAE/D,OAAO,CAACa,mBAJd;YAKJmD,WAAW,EAAEhE,OAAO,CAACa,mBALjB;YAMJN,UAAU,EAAEP,OAAO,CAACQ,YANhB;YAOJyD,eAAe,EAAEjE,OAAO,CAACiB,mBAPrB;YAQJiD,kBAAkB,EAAElE,OAAO,CAACsC,aARxB;YASJ6B,SAAS,EAAEnE,OAAO,CAACiB;UATf;QADC;MADU;IA1InB;EAdgB,CAAd;AAF0B,CAAZ,CAAxB;eA6KerB,e"}
+{"version":3,"names":["LightUIKitTheme","createTheme","colorScheme","colors","palette","primary","primary300","secondary","secondary300","error","error300","background","background50","text","onBackgroundLight01","onBackground01","onBackground02","onBackgroundLight02","onBackground03","onBackgroundLight03","onBackground04","onBackgroundLight04","onBackgroundReverse01","onBackgroundDark01","onBackgroundReverse02","onBackgroundDark02","onBackgroundReverse03","onBackgroundDark03","onBackgroundReverse04","onBackgroundDark04","ui","header","nav","none","borderBottom","button","contained","enabled","content","pressed","primary400","disabled","background100","transparent","dialog","default","message","highlight","destructive","input","active","placeholder","underline","badge","incoming","textMsg","textEdited","textTime","textSenderName","primary100","outgoing","dateSeparator","overlay02","groupChannelPreview","textTitle","textTitleCaption","textBody","bodyIcon","memberCount","coverBackground","bodyIconBackground","separator","profileCard","textUsername","textBodyLabel"],"sources":["LightUIKitTheme.ts"],"sourcesContent":["import createTheme from './createTheme';\n\nconst LightUIKitTheme = createTheme({\n  colorScheme: 'light',\n  colors: (palette) => ({\n    primary: palette.primary300,\n    secondary: palette.secondary300,\n    error: palette.error300,\n    background: palette.background50,\n    text: palette.onBackgroundLight01,\n    onBackground01: palette.onBackgroundLight01,\n    onBackground02: palette.onBackgroundLight02,\n    onBackground03: palette.onBackgroundLight03,\n    onBackground04: palette.onBackgroundLight04,\n    onBackgroundReverse01: palette.onBackgroundDark01,\n    onBackgroundReverse02: palette.onBackgroundDark02,\n    onBackgroundReverse03: palette.onBackgroundDark03,\n    onBackgroundReverse04: palette.onBackgroundDark04,\n    ui: {\n      header: {\n        nav: {\n          none: {\n            background: palette.background50,\n            borderBottom: palette.onBackgroundLight04,\n          },\n        },\n      },\n      button: {\n        contained: {\n          enabled: {\n            background: palette.primary300,\n            content: palette.onBackgroundDark01,\n          },\n          pressed: {\n            background: palette.primary400,\n            content: palette.onBackgroundDark01,\n          },\n          disabled: {\n            background: palette.background100,\n            content: palette.onBackgroundLight04,\n          },\n        },\n        text: {\n          enabled: {\n            background: palette.transparent,\n            content: palette.primary300,\n          },\n          pressed: {\n            background: palette.transparent,\n            content: palette.primary300,\n          },\n          disabled: {\n            background: palette.transparent,\n            content: palette.onBackgroundLight04,\n          },\n        },\n      },\n      dialog: {\n        default: {\n          none: {\n            background: palette.background50,\n            text: palette.onBackgroundLight01,\n            message: palette.onBackgroundLight02,\n            highlight: palette.primary300,\n            destructive: palette.error300,\n          },\n        },\n      },\n      input: {\n        default: {\n          active: {\n            text: palette.onBackgroundLight01,\n            placeholder: palette.onBackgroundLight03,\n            background: palette.background100,\n            highlight: palette.primary300,\n          },\n          disabled: {\n            text: palette.onBackgroundLight04,\n            placeholder: palette.onBackgroundLight04,\n            background: palette.background100,\n            highlight: palette.onBackgroundLight04,\n          },\n        },\n        underline: {\n          active: {\n            text: palette.onBackgroundLight01,\n            placeholder: palette.onBackgroundLight03,\n            background: palette.transparent,\n            highlight: palette.primary300,\n          },\n          disabled: {\n            text: palette.onBackgroundLight04,\n            placeholder: palette.onBackgroundLight04,\n            background: palette.transparent,\n            highlight: palette.onBackgroundLight04,\n          },\n        },\n      },\n      badge: {\n        default: {\n          none: {\n            text: palette.background50,\n            background: palette.primary300,\n          },\n        },\n      },\n      placeholder: {\n        default: {\n          none: {\n            content: palette.onBackgroundLight03,\n            highlight: palette.primary300,\n          },\n        },\n      },\n      message: {\n        incoming: {\n          enabled: {\n            textMsg: palette.onBackgroundLight01,\n            textEdited: palette.onBackgroundLight02,\n            textTime: palette.onBackgroundLight03,\n            textSenderName: palette.onBackgroundLight02,\n            background: palette.background100,\n          },\n          pressed: {\n            textMsg: palette.onBackgroundLight01,\n            textEdited: palette.onBackgroundLight02,\n            textTime: palette.onBackgroundLight03,\n            textSenderName: palette.onBackgroundLight02,\n            background: palette.primary100,\n          },\n        },\n        outgoing: {\n          enabled: {\n            textMsg: palette.onBackgroundDark01,\n            textEdited: palette.onBackgroundDark02,\n            textTime: palette.onBackgroundLight03,\n            textSenderName: palette.transparent,\n            background: palette.primary300,\n          },\n          pressed: {\n            textMsg: palette.onBackgroundDark01,\n            textEdited: palette.onBackgroundDark02,\n            textTime: palette.onBackgroundLight03,\n            textSenderName: palette.transparent,\n            background: palette.primary400,\n          },\n        },\n      },\n      dateSeparator: {\n        default: {\n          none: {\n            text: palette.onBackgroundDark01,\n            background: palette.overlay02,\n          },\n        },\n      },\n      groupChannelPreview: {\n        default: {\n          none: {\n            textTitle: palette.onBackgroundLight01,\n            textTitleCaption: palette.onBackgroundLight03,\n            textBody: palette.onBackgroundLight03,\n            bodyIcon: palette.onBackgroundLight02,\n            memberCount: palette.onBackgroundLight02,\n            background: palette.background50,\n            coverBackground: palette.onBackgroundLight04,\n            bodyIconBackground: palette.background100,\n            separator: palette.onBackgroundLight04,\n          },\n        },\n      },\n      profileCard: {\n        default: {\n          none: {\n            textUsername: palette.onBackgroundLight01,\n            textBodyLabel: palette.onBackgroundLight02,\n            textBody: palette.onBackgroundLight01,\n            background: palette.background50,\n          },\n        },\n      },\n    },\n  }),\n});\n\nexport default LightUIKitTheme;\n"],"mappings":"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"}

package/lib/commonjs/types.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport type { ReactElement, ReactNode } from 'react';\nimport type { TextStyle } from 'react-native';\n\nexport interface UIKitTypography {\n  h1: FontAttributes;\n  h2: FontAttributes;\n  subtitle1: FontAttributes;\n  subtitle2: FontAttributes;\n  body1: FontAttributes;\n  body2: FontAttributes;\n  body3: FontAttributes;\n  button: FontAttributes;\n  caption1: FontAttributes;\n  caption2: FontAttributes;\n  caption3: FontAttributes;\n  caption4: FontAttributes;\n}\nexport type TypoName = keyof UIKitTypography;\nexport type FontAttributes = Pick<TextStyle, 'fontFamily' | 'fontSize' | 'lineHeight' | 'letterSpacing' | 'fontWeight'>;\n\nexport type UIKitColorScheme = 'light' | 'dark';\nexport interface UIKitTheme {\n  colorScheme: UIKitColorScheme;\n  select<V>(options: { [key in UIKitColorScheme | 'default']?: V }): V;\n\n  palette: UIKitPalette;\n  colors: UIKitColors;\n\n  typography: UIKitTypography;\n}\n\nexport type Component =\n  | 'Header'\n  | 'Button'\n  | 'Dialog'\n  | 'Input'\n  | 'Badge'\n  | 'Placeholder'\n  | 'Message'\n  | 'DateSeparator'\n  | 'GroupChannelPreview';\nexport type GetColorTree<\n  Tree extends {\n    Variant: {\n      [key in Component]: string;\n    };\n    State: {\n      [key in Component]: string;\n    };\n    ColorPart: {\n      [key in Component]: string;\n    };\n  },\n> = Tree;\n\nexport type ComponentColorTree = GetColorTree<{\n  Variant: {\n    Header: 'nav';\n    Button: 'contained' | 'text';\n    Dialog: 'default';\n    Input: 'default' | 'underline';\n    Badge: 'default';\n    Placeholder: 'default';\n    Message: 'incoming' | 'outgoing';\n    DateSeparator: 'default';\n    GroupChannelPreview: 'default';\n  };\n  State: {\n    Header: 'none';\n    Button: 'enabled' | 'pressed' | 'disabled';\n    Dialog: 'none';\n    Input: 'active' | 'disabled';\n    Badge: 'none';\n    Placeholder: 'none';\n    Message: 'enabled' | 'pressed';\n    DateSeparator: 'none';\n    GroupChannelPreview: 'none';\n  };\n  ColorPart: {\n    Header: 'background' | 'borderBottom';\n    Button: 'background' | 'content';\n    Dialog: 'background' | 'text' | 'message' | 'highlight' | 'destructive';\n    Input: 'text' | 'placeholder' | 'background' | 'highlight';\n    Badge: 'text' | 'background';\n    Placeholder: 'content' | 'highlight';\n    Message: 'textMsg' | 'textEdited' | 'textSenderName' | 'textTime' | 'background';\n    DateSeparator: 'text' | 'background';\n    GroupChannelPreview:\n      | 'textTitle'\n      | 'textTitleCaption'\n      | 'textBody'\n      | 'memberCount'\n      | 'bodyIcon'\n      | 'background'\n      | 'coverBackground'\n      | 'bodyIconBackground'\n      | 'separator';\n  };\n}>;\nexport type ComponentColors<T extends Component> = {\n  [key in ComponentColorTree['Variant'][T]]: {\n    [key in ComponentColorTree['State'][T]]: {\n      [key in ComponentColorTree['ColorPart'][T]]: string;\n    };\n  };\n};\n\nexport interface UIKitColors {\n  primary: string;\n  secondary: string;\n  error: string;\n  background: string;\n  text: string;\n  onBackground01: string;\n  onBackground02: string;\n  onBackground03: string;\n  onBackground04: string;\n  onBackgroundReverse01: string;\n  onBackgroundReverse02: string;\n  onBackgroundReverse03: string;\n  onBackgroundReverse04: string;\n  /**\n   * UI Colors has below structure\n   * Component.{Variant}.{State}.{ColorPart}\n   * @example\n   * ```\n   *  const { colors } = useUIKitTheme();\n   *  colors.ui.button.contained.disabled.backgroundColor\n   * ```\n   * */\n  ui: {\n    header: ComponentColors<'Header'>;\n    button: ComponentColors<'Button'>;\n    dialog: ComponentColors<'Dialog'>;\n    input: ComponentColors<'Input'>;\n    badge: ComponentColors<'Badge'>;\n    placeholder: ComponentColors<'Placeholder'>;\n    message: ComponentColors<'Message'>;\n    dateSeparator: ComponentColors<'DateSeparator'>;\n    groupChannelPreview: ComponentColors<'GroupChannelPreview'>;\n  };\n}\n\nexport type HeaderElement = string | ReactElement | null;\nexport type HeaderPartProps = {\n  title?: HeaderElement;\n  right?: HeaderElement;\n  left?: HeaderElement;\n  onPressLeft?: (...params: any[]) => any;\n  onPressRight?: (...params: any[]) => any;\n};\nexport type BaseHeaderProps<HeaderParts extends HeaderPartProps = {}, AdditionalProps = {}> = {\n  titleAlign?: 'left' | 'center' | 'right';\n  children?: ReactNode;\n} & HeaderParts &\n  AdditionalProps;\nexport interface UIKitPalette {\n  primary100: string;\n  primary200: string;\n  primary300: string;\n  primary400: string;\n  primary500: string;\n\n  secondary100: string;\n  secondary200: string;\n  secondary300: string;\n  secondary400: string;\n  secondary500: string;\n\n  error100: string;\n  error200: string;\n  error300: string;\n  error400: string;\n  error500: string;\n\n  background50: string;\n  background100: string;\n  background200: string;\n  background300: string;\n  background400: string;\n  background500: string;\n  background600: string;\n  background700: string;\n\n  overlay01: string;\n  overlay02: string;\n\n  information: string;\n  highlight: string;\n  transparent: 'transparent';\n\n  onBackgroundLight01: string;\n  onBackgroundLight02: string;\n  onBackgroundLight03: string;\n  onBackgroundLight04: string;\n\n  onBackgroundDark01: string;\n  onBackgroundDark02: string;\n  onBackgroundDark03: string;\n  onBackgroundDark04: string;\n}\n"],"mappings":""}
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport type { ReactElement, ReactNode } from 'react';\nimport type { TextStyle } from 'react-native';\n\nexport interface UIKitTypography {\n  h1: FontAttributes;\n  h2: FontAttributes;\n  subtitle1: FontAttributes;\n  subtitle2: FontAttributes;\n  body1: FontAttributes;\n  body2: FontAttributes;\n  body3: FontAttributes;\n  button: FontAttributes;\n  caption1: FontAttributes;\n  caption2: FontAttributes;\n  caption3: FontAttributes;\n  caption4: FontAttributes;\n}\nexport type TypoName = keyof UIKitTypography;\nexport type FontAttributes = Pick<TextStyle, 'fontFamily' | 'fontSize' | 'lineHeight' | 'letterSpacing' | 'fontWeight'>;\n\nexport type UIKitColorScheme = 'light' | 'dark';\nexport interface UIKitTheme {\n  colorScheme: UIKitColorScheme;\n  select<V>(options: { [key in UIKitColorScheme | 'default']?: V }): V;\n\n  palette: UIKitPalette;\n  colors: UIKitColors;\n\n  typography: UIKitTypography;\n}\n\nexport type Component =\n  | 'Header'\n  | 'Button'\n  | 'Dialog'\n  | 'Input'\n  | 'Badge'\n  | 'Placeholder'\n  | 'Message'\n  | 'DateSeparator'\n  | 'GroupChannelPreview'\n  | 'ProfileCard';\n\nexport type GetColorTree<\n  Tree extends {\n    Variant: {\n      [key in Component]: string;\n    };\n    State: {\n      [key in Component]: string;\n    };\n    ColorPart: {\n      [key in Component]: string;\n    };\n  },\n> = Tree;\n\nexport type ComponentColorTree = GetColorTree<{\n  Variant: {\n    Header: 'nav';\n    Button: 'contained' | 'text';\n    Dialog: 'default';\n    Input: 'default' | 'underline';\n    Badge: 'default';\n    Placeholder: 'default';\n    Message: 'incoming' | 'outgoing';\n    DateSeparator: 'default';\n    GroupChannelPreview: 'default';\n    ProfileCard: 'default';\n  };\n  State: {\n    Header: 'none';\n    Button: 'enabled' | 'pressed' | 'disabled';\n    Dialog: 'none';\n    Input: 'active' | 'disabled';\n    Badge: 'none';\n    Placeholder: 'none';\n    Message: 'enabled' | 'pressed';\n    DateSeparator: 'none';\n    GroupChannelPreview: 'none';\n    ProfileCard: 'none';\n  };\n  ColorPart: {\n    Header: 'background' | 'borderBottom';\n    Button: 'background' | 'content';\n    Dialog: 'background' | 'text' | 'message' | 'highlight' | 'destructive';\n    Input: 'text' | 'placeholder' | 'background' | 'highlight';\n    Badge: 'text' | 'background';\n    Placeholder: 'content' | 'highlight';\n    Message: 'textMsg' | 'textEdited' | 'textSenderName' | 'textTime' | 'background';\n    DateSeparator: 'text' | 'background';\n    GroupChannelPreview:\n      | 'textTitle'\n      | 'textTitleCaption'\n      | 'textBody'\n      | 'memberCount'\n      | 'bodyIcon'\n      | 'background'\n      | 'coverBackground'\n      | 'bodyIconBackground'\n      | 'separator';\n    ProfileCard: 'textUsername' | 'textBodyLabel' | 'textBody' | 'background';\n  };\n}>;\nexport type ComponentColors<T extends Component> = {\n  [key in ComponentColorTree['Variant'][T]]: {\n    [key in ComponentColorTree['State'][T]]: {\n      [key in ComponentColorTree['ColorPart'][T]]: string;\n    };\n  };\n};\n\nexport interface UIKitColors {\n  primary: string;\n  secondary: string;\n  error: string;\n  background: string;\n  text: string;\n  onBackground01: string;\n  onBackground02: string;\n  onBackground03: string;\n  onBackground04: string;\n  onBackgroundReverse01: string;\n  onBackgroundReverse02: string;\n  onBackgroundReverse03: string;\n  onBackgroundReverse04: string;\n  /**\n   * UI Colors has below structure\n   * Component.{Variant}.{State}.{ColorPart}\n   * @example\n   * ```\n   *  const { colors } = useUIKitTheme();\n   *  colors.ui.button.contained.disabled.backgroundColor\n   * ```\n   * */\n  ui: {\n    header: ComponentColors<'Header'>;\n    button: ComponentColors<'Button'>;\n    dialog: ComponentColors<'Dialog'>;\n    input: ComponentColors<'Input'>;\n    badge: ComponentColors<'Badge'>;\n    placeholder: ComponentColors<'Placeholder'>;\n    message: ComponentColors<'Message'>;\n    dateSeparator: ComponentColors<'DateSeparator'>;\n    groupChannelPreview: ComponentColors<'GroupChannelPreview'>;\n    profileCard: ComponentColors<'ProfileCard'>;\n  };\n}\n\nexport type HeaderElement = string | ReactElement | null;\nexport type HeaderPartProps = {\n  title?: HeaderElement;\n  right?: HeaderElement;\n  left?: HeaderElement;\n  onPressLeft?: (...params: any[]) => any;\n  onPressRight?: (...params: any[]) => any;\n};\nexport type BaseHeaderProps<HeaderParts extends HeaderPartProps = {}, AdditionalProps = {}> = {\n  titleAlign?: 'left' | 'center' | 'right';\n  children?: ReactNode;\n} & HeaderParts &\n  AdditionalProps;\nexport interface UIKitPalette {\n  primary100: string;\n  primary200: string;\n  primary300: string;\n  primary400: string;\n  primary500: string;\n\n  secondary100: string;\n  secondary200: string;\n  secondary300: string;\n  secondary400: string;\n  secondary500: string;\n\n  error100: string;\n  error200: string;\n  error300: string;\n  error400: string;\n  error500: string;\n\n  background50: string;\n  background100: string;\n  background200: string;\n  background300: string;\n  background400: string;\n  background500: string;\n  background600: string;\n  background700: string;\n\n  overlay01: string;\n  overlay02: string;\n\n  information: string;\n  highlight: string;\n  transparent: 'transparent';\n\n  onBackgroundLight01: string;\n  onBackgroundLight02: string;\n  onBackgroundLight03: string;\n  onBackgroundLight04: string;\n\n  onBackgroundDark01: string;\n  onBackgroundDark02: string;\n  onBackgroundDark03: string;\n  onBackgroundDark04: string;\n}\n"],"mappings":""}

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

@@ -104,7 +104,7 @@ const ActionMenu = _ref => {
       }
     }, /*#__PURE__*/_react.default.createElement(_Text.default, {
       subtitle2: true,
-      color: colors.ui.dialog.default.none.text,
+      color: item.style === 'destructive' ? colors.ui.dialog.default.none.destructive : colors.ui.dialog.default.none.text,
       numberOfLines: 1
     }, item.title));
   }))));

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

@@ -1 +1 @@
-{"version":3,"names":["ActionMenu","visible","onHide","onError","onDismiss","title","menuItems","statusBarTranslucent","useHeaderStyle","colors","useUIKitTheme","pending","setPending","useState","_onHide","alignItems","justifyContent","styles","ui","dialog","default","none","text","maxWidth","highlight","width","marginLeft","buttonContainer","map","item","index","button","onPress","e","errorHandler","Logger","error","createStyleSheet","flexDirection","paddingHorizontal","paddingVertical","marginTop","marginBottom"],"sources":["index.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { TouchableOpacity, View } from 'react-native';\n\nimport { Logger } from '@sendbird/uikit-utils';\n\nimport Modal from '../../components/Modal';\nimport Text from '../../components/Text';\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useHeaderStyle from '../../styles/useHeaderStyle';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\nimport DialogBox from '../Dialog/DialogBox';\nimport LoadingSpinner from '../LoadingSpinner';\n\nexport type ActionMenuItem = {\n  title?: string;\n  menuItems: {\n    title: string;\n    onPress?: (() => Promise<void>) | (() => void);\n    onError?: () => void;\n  }[];\n};\n\ntype Props = {\n  visible: boolean;\n  onHide: () => void;\n  onError?: (error: unknown) => void;\n  onDismiss?: () => void;\n} & ActionMenuItem;\nconst ActionMenu = ({ visible, onHide, onError, onDismiss, title, menuItems }: Props) => {\n  const { statusBarTranslucent } = useHeaderStyle();\n  const { colors } = useUIKitTheme();\n  const [pending, setPending] = useState(false);\n  const _onHide = () => {\n    if (!pending) onHide();\n  };\n\n  return (\n    <Modal\n      onClose={_onHide}\n      onDismiss={onDismiss}\n      statusBarTranslucent={statusBarTranslucent}\n      visible={visible}\n      backgroundStyle={{ alignItems: 'center', justifyContent: 'center' }}\n    >\n      <DialogBox>\n        <View style={styles.title}>\n          <Text\n            h1\n            color={colors.ui.dialog.default.none.text}\n            numberOfLines={1}\n            // style={{ flex: 1 }}\n            style={{ maxWidth: pending ? '86%' : '100%' }}\n          >\n            {title}\n          </Text>\n          {pending && (\n            <LoadingSpinner\n              size={20}\n              color={colors.ui.dialog.default.none.highlight}\n              style={{ width: '10%', marginLeft: '4%' }}\n            />\n          )}\n        </View>\n        <View style={styles.buttonContainer}>\n          {menuItems.map((item, index) => {\n            return (\n              <TouchableOpacity\n                activeOpacity={0.75}\n                key={item.title + index}\n                style={styles.button}\n                disabled={pending}\n                onPress={async () => {\n                  setPending(true);\n                  try {\n                    await item.onPress?.();\n                  } catch (e: unknown) {\n                    const errorHandler = onError ?? item.onError;\n                    errorHandler?.(e);\n                    if (!errorHandler) Logger.error('ActionMenu onPress error', e);\n                  } finally {\n                    onHide();\n                    setPending(false);\n                  }\n                }}\n              >\n                <Text subtitle2 color={colors.ui.dialog.default.none.text} numberOfLines={1}>\n                  {item.title}\n                </Text>\n              </TouchableOpacity>\n            );\n          })}\n        </View>\n      </DialogBox>\n    </Modal>\n  );\n};\n\nconst styles = createStyleSheet({\n  title: {\n    flexDirection: 'row',\n    paddingHorizontal: 24,\n    paddingVertical: 20,\n    alignItems: 'center',\n  },\n  buttonContainer: {\n    marginTop: 4,\n    marginBottom: 8,\n  },\n  button: {\n    paddingHorizontal: 24,\n    paddingVertical: 12,\n  },\n});\n\nexport default ActionMenu;\n"],"mappings":"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"}
+{"version":3,"names":["ActionMenu","visible","onHide","onError","onDismiss","title","menuItems","statusBarTranslucent","useHeaderStyle","colors","useUIKitTheme","pending","setPending","useState","_onHide","alignItems","justifyContent","styles","ui","dialog","default","none","text","maxWidth","highlight","width","marginLeft","buttonContainer","map","item","index","button","onPress","e","errorHandler","Logger","error","style","destructive","createStyleSheet","flexDirection","paddingHorizontal","paddingVertical","marginTop","marginBottom"],"sources":["index.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { TouchableOpacity, View } from 'react-native';\n\nimport { Logger } from '@sendbird/uikit-utils';\n\nimport Modal from '../../components/Modal';\nimport Text from '../../components/Text';\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useHeaderStyle from '../../styles/useHeaderStyle';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\nimport DialogBox from '../Dialog/DialogBox';\nimport LoadingSpinner from '../LoadingSpinner';\n\nexport type ActionMenuItem = {\n  title?: string;\n  menuItems: {\n    title: string;\n    style?: 'destructive';\n    onPress?: (() => Promise<void>) | (() => void);\n    onError?: () => void;\n  }[];\n};\n\ntype Props = {\n  visible: boolean;\n  onHide: () => void;\n  onError?: (error: unknown) => void;\n  onDismiss?: () => void;\n} & ActionMenuItem;\nconst ActionMenu = ({ visible, onHide, onError, onDismiss, title, menuItems }: Props) => {\n  const { statusBarTranslucent } = useHeaderStyle();\n  const { colors } = useUIKitTheme();\n  const [pending, setPending] = useState(false);\n  const _onHide = () => {\n    if (!pending) onHide();\n  };\n\n  return (\n    <Modal\n      onClose={_onHide}\n      onDismiss={onDismiss}\n      statusBarTranslucent={statusBarTranslucent}\n      visible={visible}\n      backgroundStyle={{ alignItems: 'center', justifyContent: 'center' }}\n    >\n      <DialogBox>\n        <View style={styles.title}>\n          <Text\n            h1\n            color={colors.ui.dialog.default.none.text}\n            numberOfLines={1}\n            // style={{ flex: 1 }}\n            style={{ maxWidth: pending ? '86%' : '100%' }}\n          >\n            {title}\n          </Text>\n          {pending && (\n            <LoadingSpinner\n              size={20}\n              color={colors.ui.dialog.default.none.highlight}\n              style={{ width: '10%', marginLeft: '4%' }}\n            />\n          )}\n        </View>\n        <View style={styles.buttonContainer}>\n          {menuItems.map((item, index) => {\n            return (\n              <TouchableOpacity\n                activeOpacity={0.75}\n                key={item.title + index}\n                style={styles.button}\n                disabled={pending}\n                onPress={async () => {\n                  setPending(true);\n                  try {\n                    await item.onPress?.();\n                  } catch (e: unknown) {\n                    const errorHandler = onError ?? item.onError;\n                    errorHandler?.(e);\n                    if (!errorHandler) Logger.error('ActionMenu onPress error', e);\n                  } finally {\n                    onHide();\n                    setPending(false);\n                  }\n                }}\n              >\n                <Text\n                  subtitle2\n                  color={\n                    item.style === 'destructive'\n                      ? colors.ui.dialog.default.none.destructive\n                      : colors.ui.dialog.default.none.text\n                  }\n                  numberOfLines={1}\n                >\n                  {item.title}\n                </Text>\n              </TouchableOpacity>\n            );\n          })}\n        </View>\n      </DialogBox>\n    </Modal>\n  );\n};\n\nconst styles = createStyleSheet({\n  title: {\n    flexDirection: 'row',\n    paddingHorizontal: 24,\n    paddingVertical: 20,\n    alignItems: 'center',\n  },\n  buttonContainer: {\n    marginTop: 4,\n    marginBottom: 8,\n  },\n  button: {\n    paddingHorizontal: 24,\n    paddingVertical: 12,\n  },\n});\n\nexport default ActionMenu;\n"],"mappings":"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"}

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

@@ -38,7 +38,8 @@ const GroupChannelPreview = _ref => {
     titleCaption,
     titleCaptionLeft,
     frozen,
-    notificationOff
+    notificationOff,
+    broadcast
   } = _ref;
   const {
     colors
@@ -64,7 +65,12 @@ const GroupChannelPreview = _ref => {
     style: styles.rightTopSection
   }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: styles.channelInfoContainer
-  }, /*#__PURE__*/_react.default.createElement(_Text.default, {
+  }, broadcast && /*#__PURE__*/_react.default.createElement(_Icon.default, {
+    size: 16,
+    icon: 'broadcast',
+    color: colors.secondary,
+    containerStyle: styles.channelInfoBroadcast
+  }), /*#__PURE__*/_react.default.createElement(_Text.default, {
     numberOfLines: 1,
     subtitle1: true,
     style: styles.channelInfoTitle,
@@ -157,6 +163,9 @@ const styles = (0, _createStyleSheet.default)({
     alignItems: 'center',
     flexDirection: 'row'
   },
+  channelInfoBroadcast: {
+    marginRight: 4
+  },
   channelInfoTitle: {
     flexShrink: 1,
     marginRight: 4