@sendbird/uikit-react-native 1.1.0 → 1.1.2

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

@@ -1 +0,0 @@
-{"version":3,"names":["React","useState","useChannelHandler","GroupChannelPreview","LoadingSpinner","createStyleSheet","useUIKitTheme","Icon","getFileExtension","getFileType","isDifferentChannel","isMyMessage","useForceUpdate","useIIFE","useUniqId","useLocalization","useSendbirdChat","ChannelCover","SBUPressable","iconMapper","audio","image","video","file","GroupChannelPreviewContainer","onPress","onLongPress","channel","currentUser","sdk","features","STRINGS","colors","typingUsers","setTypingUsers","forceUpdate","channelListTypingIndicatorEnabled","typingId","onTypingStatusUpdated","eventChannel","getTypingUsers","channelListMessageReceiptStatusEnabled","receiptId","onDeliveryReceiptUpdated","isGroupChannel","lastMessage","userId","onReadReceiptUpdated","bodyText","length","LABELS","TYPING_INDICATOR_TYPINGS","GROUP_CHANNEL_LIST","CHANNEL_PREVIEW_BODY","bodyIcon","isFileMessage","undefined","type","name","titleCaptionIcon","sendingStatus","styles","error","getUnreadMemberCount","secondary","deliveryReceiptEnabled","getUndeliveredMemberCount","onBackground03","coverUrl","CHANNEL_PREVIEW_TITLE","CHANNEL_PREVIEW_TITLE_CAPTION","unreadMessageCount","memberCount","isFrozen","myPushTriggerOption","marginRight"],"sources":["GroupChannelPreviewContainer.tsx"],"sourcesContent":["import React, { useState } from 'react';\n\nimport { useChannelHandler } from '@sendbird/uikit-chat-hooks';\nimport {\n  GroupChannelPreview,\n  LoadingSpinner,\n  createStyleSheet,\n  useUIKitTheme,\n} from '@sendbird/uikit-react-native-foundation';\nimport Icon from '@sendbird/uikit-react-native-foundation/src/ui/Icon';\nimport {\n  SendbirdGroupChannel,\n  SendbirdUser,\n  getFileExtension,\n  getFileType,\n  isDifferentChannel,\n  isMyMessage,\n  useForceUpdate,\n  useIIFE,\n  useUniqId,\n} from '@sendbird/uikit-utils';\n\nimport { useLocalization, useSendbirdChat } from '../hooks/useContext';\nimport ChannelCover from './ChannelCover';\nimport SBUPressable from './SBUPressable';\n\nconst iconMapper = { audio: 'file-audio', image: 'photo', video: 'play', file: 'file-document' } as const;\n\ntype Props = {\n  channel: SendbirdGroupChannel;\n  onPress: () => void;\n  onLongPress: () => void;\n};\nconst GroupChannelPreviewContainer = ({ onPress, onLongPress, channel }: Props) => {\n  const { currentUser, sdk, features } = useSendbirdChat();\n  const { STRINGS } = useLocalization();\n  const { colors } = useUIKitTheme();\n\n  const [typingUsers, setTypingUsers] = useState<SendbirdUser[]>([]);\n  const forceUpdate = useForceUpdate();\n\n  if (features.channelListTypingIndicatorEnabled) {\n    const typingId = useUniqId('GroupChannelPreviewContainer');\n    useChannelHandler(sdk, `GroupChannelPreviewContainer_TypingIndicator_${typingId}`, {\n      onTypingStatusUpdated(eventChannel) {\n        if (isDifferentChannel(channel, eventChannel)) return;\n        setTypingUsers(eventChannel.getTypingUsers());\n      },\n    });\n  }\n\n  if (features.channelListMessageReceiptStatusEnabled) {\n    const receiptId = useUniqId('GroupChannelPreviewContainer');\n    useChannelHandler(sdk, `GroupChannelPreviewContainer_ReceiptStatus_${receiptId}`, {\n      onDeliveryReceiptUpdated(eventChannel) {\n        if (isDifferentChannel(channel, eventChannel)) return;\n        if (!eventChannel.isGroupChannel() || !eventChannel.lastMessage) return;\n        if (!isMyMessage(eventChannel.lastMessage, currentUser?.userId)) return;\n\n        forceUpdate();\n      },\n      onReadReceiptUpdated(eventChannel) {\n        if (isDifferentChannel(channel, eventChannel)) return;\n        if (!eventChannel.isGroupChannel() || !eventChannel.lastMessage) return;\n        if (!isMyMessage(eventChannel.lastMessage, currentUser?.userId)) return;\n\n        forceUpdate();\n      },\n    });\n  }\n\n  const bodyText = useIIFE(() => {\n    if (typingUsers.length > 0) return STRINGS.LABELS.TYPING_INDICATOR_TYPINGS(typingUsers) || '';\n    else return STRINGS.GROUP_CHANNEL_LIST.CHANNEL_PREVIEW_BODY(channel);\n  });\n\n  const bodyIcon = useIIFE(() => {\n    if (!channel.lastMessage?.isFileMessage()) return undefined;\n    return iconMapper[getFileType(channel.lastMessage.type || getFileExtension(channel.lastMessage.name))];\n  });\n\n  const titleCaptionIcon = useIIFE(() => {\n    if (!channel.lastMessage) return undefined;\n    if (!features.channelListMessageReceiptStatusEnabled) return undefined;\n    if (!isMyMessage(channel.lastMessage, currentUser?.userId)) return undefined;\n\n    if (channel.lastMessage.sendingStatus === 'pending') {\n      return <LoadingSpinner size={16} style={styles.titleCaptionIcon} />;\n    }\n\n    if (channel.lastMessage.sendingStatus === 'failed') {\n      return <Icon icon={'error'} size={16} color={colors.error} style={styles.titleCaptionIcon} />;\n    }\n\n    if (channel.getUnreadMemberCount(channel.lastMessage) === 0) {\n      return <Icon icon={'done-all'} size={16} color={colors.secondary} style={styles.titleCaptionIcon} />;\n    }\n\n    if (features.deliveryReceiptEnabled) {\n      if (channel.getUndeliveredMemberCount(channel.lastMessage) === 0) {\n        return <Icon icon={'done-all'} size={16} color={colors.onBackground03} style={styles.titleCaptionIcon} />;\n      }\n      return <Icon icon={'done'} size={16} color={colors.onBackground03} containerStyle={styles.titleCaptionIcon} />;\n    }\n\n    return <Icon icon={'done-all'} size={16} color={colors.onBackground03} style={styles.titleCaptionIcon} />;\n  });\n\n  return (\n    <SBUPressable onPress={onPress} onLongPress={onLongPress}>\n      <GroupChannelPreview\n        customCover={<ChannelCover channel={channel} size={56} />}\n        coverUrl={channel.coverUrl}\n        title={STRINGS.GROUP_CHANNEL_LIST.CHANNEL_PREVIEW_TITLE(currentUser?.userId ?? '', channel)}\n        titleCaptionLeft={titleCaptionIcon}\n        titleCaption={STRINGS.GROUP_CHANNEL_LIST.CHANNEL_PREVIEW_TITLE_CAPTION(channel)}\n        body={bodyText}\n        bodyIcon={bodyIcon}\n        badgeCount={channel.unreadMessageCount}\n        memberCount={channel.memberCount > 2 ? channel.memberCount : undefined}\n        frozen={channel.isFrozen}\n        notificationOff={channel.myPushTriggerOption === 'off'}\n      />\n    </SBUPressable>\n  );\n};\n\nconst styles = createStyleSheet({\n  titleCaptionIcon: {\n    marginRight: 4,\n  },\n});\n\nexport default GroupChannelPreviewContainer;\n"],"mappings":"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"}

package/lib/module/components/SBUPressable.js

@@ -1,33 +0,0 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-import React from 'react';
-import { Pressable, TouchableOpacity } from 'react-native';
-import { DEFAULT_LONG_PRESS_DELAY } from '../constants';
-
-function getComponent(as) {
-  switch (as) {
-    case 'Pressable':
-      return Pressable;
-
-    case 'TouchableOpacity':
-      return TouchableOpacity;
-
-    default:
-      return Pressable;
-  }
-}
-
-const SBUPressable = _ref => {
-  let {
-    as,
-    ...props
-  } = _ref;
-  const Renderer = getComponent(as); // @ts-ignore
-
-  return /*#__PURE__*/React.createElement(Renderer, _extends({
-    delayLongPress: DEFAULT_LONG_PRESS_DELAY
-  }, props));
-};
-
-export default SBUPressable;
-//# sourceMappingURL=SBUPressable.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["React","Pressable","TouchableOpacity","DEFAULT_LONG_PRESS_DELAY","getComponent","as","SBUPressable","props","Renderer"],"sources":["SBUPressable.tsx"],"sourcesContent":["import React from 'react';\nimport { Pressable, PressableProps, TouchableOpacity, TouchableOpacityProps } from 'react-native';\n\nimport { DEFAULT_LONG_PRESS_DELAY } from '../constants';\n\ntype Components = 'Pressable' | 'TouchableOpacity';\ntype Props<T extends Components = 'Pressable'> = {\n  as?: T;\n} & ExtractProps<T, AsProps>;\n\ntype AsProps =\n  | {\n      type: 'Pressable';\n      props: PressableProps;\n    }\n  | {\n      type: 'TouchableOpacity';\n      props: TouchableOpacityProps;\n    };\n\ntype ExtractProps<T extends Components, U extends AsProps> = U extends { type: T; props: infer P } ? P : never;\n\nfunction getComponent(as?: Components) {\n  switch (as) {\n    case 'Pressable':\n      return Pressable;\n    case 'TouchableOpacity':\n      return TouchableOpacity;\n    default:\n      return Pressable;\n  }\n}\n\nconst SBUPressable = <T extends Components>({ as, ...props }: Props<T>) => {\n  const Renderer = getComponent(as);\n  // @ts-ignore\n  return <Renderer delayLongPress={DEFAULT_LONG_PRESS_DELAY} {...props} />;\n};\n\nexport default SBUPressable;\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,SAAT,EAAoCC,gBAApC,QAAmF,cAAnF;AAEA,SAASC,wBAAT,QAAyC,cAAzC;;AAmBA,SAASC,YAAT,CAAsBC,EAAtB,EAAuC;EACrC,QAAQA,EAAR;IACE,KAAK,WAAL;MACE,OAAOJ,SAAP;;IACF,KAAK,kBAAL;MACE,OAAOC,gBAAP;;IACF;MACE,OAAOD,SAAP;EANJ;AAQD;;AAED,MAAMK,YAAY,GAAG,QAAsD;EAAA,IAA/B;IAAED,EAAF;IAAM,GAAGE;EAAT,CAA+B;EACzE,MAAMC,QAAQ,GAAGJ,YAAY,CAACC,EAAD,CAA7B,CADyE,CAEzE;;EACA,oBAAO,oBAAC,QAAD;IAAU,cAAc,EAAEF;EAA1B,GAAwDI,KAAxD,EAAP;AACD,CAJD;;AAMA,eAAeD,YAAf"}

package/lib/typescript/src/components/SBUPressable.d.ts

@@ -1,18 +0,0 @@
-import { PressableProps, TouchableOpacityProps } from 'react-native';
-declare type Components = 'Pressable' | 'TouchableOpacity';
-declare type Props<T extends Components = 'Pressable'> = {
-    as?: T;
-} & ExtractProps<T, AsProps>;
-declare type AsProps = {
-    type: 'Pressable';
-    props: PressableProps;
-} | {
-    type: 'TouchableOpacity';
-    props: TouchableOpacityProps;
-};
-declare type ExtractProps<T extends Components, U extends AsProps> = U extends {
-    type: T;
-    props: infer P;
-} ? P : never;
-declare const SBUPressable: <T extends Components>({ as, ...props }: Props<T>) => JSX.Element;
-export default SBUPressable;

package/src/components/SBUPressable.tsx

@@ -1,40 +0,0 @@
-import React from 'react';
-import { Pressable, PressableProps, TouchableOpacity, TouchableOpacityProps } from 'react-native';
-
-import { DEFAULT_LONG_PRESS_DELAY } from '../constants';
-
-type Components = 'Pressable' | 'TouchableOpacity';
-type Props<T extends Components = 'Pressable'> = {
-  as?: T;
-} & ExtractProps<T, AsProps>;
-
-type AsProps =
-  | {
-      type: 'Pressable';
-      props: PressableProps;
-    }
-  | {
-      type: 'TouchableOpacity';
-      props: TouchableOpacityProps;
-    };
-
-type ExtractProps<T extends Components, U extends AsProps> = U extends { type: T; props: infer P } ? P : never;
-
-function getComponent(as?: Components) {
-  switch (as) {
-    case 'Pressable':
-      return Pressable;
-    case 'TouchableOpacity':
-      return TouchableOpacity;
-    default:
-      return Pressable;
-  }
-}
-
-const SBUPressable = <T extends Components>({ as, ...props }: Props<T>) => {
-  const Renderer = getComponent(as);
-  // @ts-ignore
-  return <Renderer delayLongPress={DEFAULT_LONG_PRESS_DELAY} {...props} />;
-};
-
-export default SBUPressable;