@sendbird/uikit-react-native 2.0.2 → 2.0.3

package/lib/module/contexts/ProfileCardCtx.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","useContext","useState","useSafeAreaInsets","Modal","OutlinedButton","ProfileCard","createStyleSheet","Logger","PASS","useIIFE","LocalizationContext","SendbirdChatContext","ProfileCardContext","createContext","ProfileCardProvider","children","onCreateChannel","onBeforeCreateChannel","chatContext","localizationContext","bottom","left","right","user","setUser","visible","setVisible","show","hide","Error","profileCardButton","isMe","currentUser","userId","undefined","onPressMessageButton","params","invitedUserIds","name","coverUrl","isDistinct","operatorUserIds","processedParams","channel","sdk","groupChannel","createChannel","warn","STRINGS","PROFILE_CARD","BUTTON_MESSAGE","Boolean","styles","modal","profileCardContainer","paddingLeft","paddingRight","paddingBottom","profileUrl","nickname","LABELS","USER_NO_NAME","BODY_LABEL","BODY","justifyContent","borderTopLeftRadius","borderTopRightRadius"],"sources":["ProfileCardCtx.tsx"],"sourcesContent":["import React, { useContext, useState } from 'react';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport { Modal, OutlinedButton, ProfileCard, createStyleSheet } from '@sendbird/uikit-react-native-foundation';\nimport type {\n  SendbirdGroupChannel,\n  SendbirdGroupChannelCreateParams,\n  SendbirdMember,\n  SendbirdUser,\n} from '@sendbird/uikit-utils';\nimport { Logger, PASS, useIIFE } from '@sendbird/uikit-utils';\n\nimport { LocalizationContext } from '../contexts/LocalizationCtx';\nimport { SendbirdChatContext } from '../contexts/SendbirdChatCtx';\n\ntype OnCreateChannel = (channel: SendbirdGroupChannel) => void;\ntype OnBeforeCreateChannel = (\n  channelParams: SendbirdGroupChannelCreateParams,\n  users: SendbirdUser[] | SendbirdMember[],\n) => SendbirdGroupChannelCreateParams | Promise<SendbirdGroupChannelCreateParams>;\n\nexport type ProfileCardContextType = {\n  show(user: SendbirdUser | SendbirdMember): void;\n  hide(): void;\n};\n\ntype Props = React.PropsWithChildren<{\n  onCreateChannel?: OnCreateChannel;\n  onBeforeCreateChannel?: OnBeforeCreateChannel;\n}>;\n\nexport const ProfileCardContext = React.createContext<ProfileCardContextType | null>(null);\nexport const ProfileCardProvider = ({ children, onCreateChannel, onBeforeCreateChannel = PASS }: Props) => {\n  const chatContext = useContext(SendbirdChatContext);\n  const localizationContext = useContext(LocalizationContext);\n  const { bottom, left, right } = useSafeAreaInsets();\n\n  const [user, setUser] = useState<SendbirdUser | SendbirdMember>();\n  const [visible, setVisible] = useState(false);\n\n  const show: ProfileCardContextType['show'] = (user) => {\n    setUser(user);\n    setVisible(true);\n  };\n\n  const hide: ProfileCardContextType['hide'] = () => {\n    setVisible(false);\n  };\n\n  if (!chatContext) throw new Error('SendbirdChatContext is not provided');\n  if (!localizationContext) throw new Error('LocalizationContext is not provided');\n\n  const profileCardButton = useIIFE(() => {\n    const isMe = chatContext.currentUser && user?.userId === chatContext.currentUser.userId;\n    if (isMe) return undefined;\n\n    const onPressMessageButton = async () => {\n      if (user) {\n        const params: SendbirdGroupChannelCreateParams = {\n          invitedUserIds: [user.userId],\n          name: '',\n          coverUrl: '',\n          isDistinct: false,\n        };\n\n        if (chatContext.currentUser) params.operatorUserIds = [chatContext.currentUser.userId];\n        const processedParams = await onBeforeCreateChannel(params, [user]);\n\n        hide();\n        const channel = await chatContext.sdk.groupChannel.createChannel(processedParams);\n\n        if (onCreateChannel) {\n          onCreateChannel(channel);\n        } else {\n          Logger.warn(\n            'Please set `onCreateChannel` before message to user from profile card, see `profileCard` prop in the `SendbirdUIKitContainer` props',\n          );\n        }\n      }\n    };\n\n    return (\n      <OutlinedButton onPress={onPressMessageButton}>\n        {localizationContext.STRINGS.PROFILE_CARD.BUTTON_MESSAGE}\n      </OutlinedButton>\n    );\n  });\n\n  return (\n    <ProfileCardContext.Provider value={{ show, hide }}>\n      {children}\n      <Modal\n        type={'slide'}\n        onClose={hide}\n        onDismiss={() => setUser(undefined)}\n        visible={visible && Boolean(user)}\n        backgroundStyle={styles.modal}\n      >\n        {user && (\n          <ProfileCard\n            containerStyle={[\n              styles.profileCardContainer,\n              { paddingLeft: left, paddingRight: right, paddingBottom: bottom },\n            ]}\n            uri={user.profileUrl}\n            username={user.nickname || localizationContext.STRINGS.LABELS.USER_NO_NAME}\n            bodyLabel={localizationContext.STRINGS.PROFILE_CARD.BODY_LABEL}\n            body={localizationContext.STRINGS.PROFILE_CARD.BODY(user)}\n            button={profileCardButton}\n          />\n        )}\n      </Modal>\n    </ProfileCardContext.Provider>\n  );\n};\n\nconst styles = createStyleSheet({\n  modal: {\n    justifyContent: 'flex-end',\n  },\n  profileCardContainer: {\n    borderTopLeftRadius: 8,\n    borderTopRightRadius: 8,\n  },\n});\n"],"mappings":"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"}

package/lib/module/contexts/SendbirdChatCtx.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","useCallback","useEffect","useState","AppState","useAppFeatures","confirmAndMarkAsDelivered","useForceUpdate","SendbirdChatContext","createContext","SendbirdChatProvider","children","sdkInstance","enableAutoPushTokenRegistration","enableChannelListMessageReceiptStatus","enableChannelListTypingIndicator","currentUser","_setCurrentUser","forceUpdate","appFeatures","setCurrentUser","user","updateCurrentUserInfo","nickname","profile","Error","params","profileUrl","profileImage","markAsDeliveredWithChannel","channel","deliveryReceiptEnabled","listener","status","connectionState","setForegroundState","setBackgroundState","subscriber","addEventListener","remove","value","sdk","features","autoPushTokenRegistrationEnabled","channelListTypingIndicatorEnabled","channelListMessageReceiptStatusEnabled"],"sources":["SendbirdChatCtx.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from 'react';\nimport { AppState, AppStateStatus } from 'react-native';\n\nimport { useAppFeatures } from '@sendbird/uikit-chat-hooks';\nimport type {\n  SendbirdChatSDK,\n  SendbirdGroupChannel,\n  SendbirdUser,\n  SendbirdUserUpdateParams,\n} from '@sendbird/uikit-utils';\nimport { confirmAndMarkAsDelivered, useForceUpdate } from '@sendbird/uikit-utils';\n\nimport type { FileType } from '../platform/types';\n\ntype Props = React.PropsWithChildren<{\n  sdkInstance: SendbirdChatSDK;\n\n  enableAutoPushTokenRegistration: boolean;\n  enableChannelListTypingIndicator: boolean;\n  enableChannelListMessageReceiptStatus: boolean;\n}>;\n\ntype Context = {\n  sdk: SendbirdChatSDK;\n  currentUser?: SendbirdUser;\n  setCurrentUser: React.Dispatch<React.SetStateAction<SendbirdUser | undefined>>;\n\n  // helper functions\n  updateCurrentUserInfo: (nickname?: string, profile?: string | FileType) => Promise<SendbirdUser>;\n  markAsDeliveredWithChannel: (channel: SendbirdGroupChannel) => void;\n\n  features: {\n    // UIKit features\n    autoPushTokenRegistrationEnabled: boolean;\n    channelListTypingIndicatorEnabled: boolean;\n    channelListMessageReceiptStatusEnabled: boolean;\n\n    // Sendbird application features\n    deliveryReceiptEnabled: boolean;\n    broadcastChannelEnabled: boolean;\n    superGroupChannelEnabled: boolean;\n    reactionEnabled: boolean;\n  };\n};\n\nexport const SendbirdChatContext = React.createContext<Context | null>(null);\nexport const SendbirdChatProvider = ({\n  children,\n  sdkInstance,\n  enableAutoPushTokenRegistration,\n  enableChannelListMessageReceiptStatus,\n  enableChannelListTypingIndicator,\n}: Props) => {\n  const [currentUser, _setCurrentUser] = useState<SendbirdUser>();\n  const forceUpdate = useForceUpdate();\n  const appFeatures = useAppFeatures(sdkInstance);\n\n  const setCurrentUser: Context['setCurrentUser'] = useCallback((user) => {\n    // NOTE: Sendbird SDK handle User object is always same object, so force update after setCurrentUser\n    _setCurrentUser(user);\n    forceUpdate();\n  }, []);\n\n  const updateCurrentUserInfo: Context['updateCurrentUserInfo'] = useCallback(\n    async (nickname, profile) => {\n      let user = currentUser;\n\n      if (!user) throw new Error('Current user is not defined, please connect using `useConnection()` hook first');\n\n      const params: SendbirdUserUpdateParams = { nickname };\n\n      if (typeof profile === 'string') {\n        params.profileUrl = profile;\n      } else if (typeof profile === 'object') {\n        params.profileImage = profile;\n      } else {\n        throw new Error(`Cannot update profile, not supported profile type(${typeof profile})`);\n      }\n\n      user = await sdkInstance.updateCurrentUserInfo(params);\n\n      setCurrentUser(user);\n      return user;\n    },\n    [sdkInstance, currentUser, setCurrentUser],\n  );\n\n  const markAsDeliveredWithChannel: Context['markAsDeliveredWithChannel'] = useCallback(\n    (channel: SendbirdGroupChannel) => {\n      if (appFeatures.deliveryReceiptEnabled) confirmAndMarkAsDelivered([channel]);\n    },\n    [sdkInstance, appFeatures.deliveryReceiptEnabled],\n  );\n\n  useEffect(() => {\n    const listener = (status: AppStateStatus) => {\n      // 'active' | 'background' | 'inactive' | 'unknown' | 'extension';\n      if (status === 'active') sdkInstance.connectionState === 'CLOSED' && sdkInstance.setForegroundState();\n      else if (status === 'background') sdkInstance.connectionState === 'OPEN' && sdkInstance.setBackgroundState();\n    };\n\n    const subscriber = AppState.addEventListener('change', listener);\n    return () => subscriber.remove();\n  }, [sdkInstance]);\n\n  const value: Context = {\n    sdk: sdkInstance,\n    currentUser,\n    setCurrentUser,\n\n    updateCurrentUserInfo,\n    markAsDeliveredWithChannel,\n\n    features: {\n      ...appFeatures,\n      autoPushTokenRegistrationEnabled: enableAutoPushTokenRegistration,\n      channelListTypingIndicatorEnabled: enableChannelListTypingIndicator,\n      channelListMessageReceiptStatusEnabled: enableChannelListMessageReceiptStatus,\n    },\n  };\n\n  return <SendbirdChatContext.Provider value={value}>{children}</SendbirdChatContext.Provider>;\n};\n"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,WAAhB,EAA6BC,SAA7B,EAAwCC,QAAxC,QAAwD,OAAxD;AACA,SAASC,QAAT,QAAyC,cAAzC;AAEA,SAASC,cAAT,QAA+B,4BAA/B;AAOA,SAASC,yBAAT,EAAoCC,cAApC,QAA0D,uBAA1D;AAmCA,OAAO,MAAMC,mBAAmB,gBAAGR,KAAK,CAACS,aAAN,CAAoC,IAApC,CAA5B;AACP,OAAO,MAAMC,oBAAoB,GAAG,QAMvB;EAAA,IANwB;IACnCC,QADmC;IAEnCC,WAFmC;IAGnCC,+BAHmC;IAInCC,qCAJmC;IAKnCC;EALmC,CAMxB;EACX,MAAM,CAACC,WAAD,EAAcC,eAAd,IAAiCd,QAAQ,EAA/C;EACA,MAAMe,WAAW,GAAGX,cAAc,EAAlC;EACA,MAAMY,WAAW,GAAGd,cAAc,CAACO,WAAD,CAAlC;EAEA,MAAMQ,cAAyC,GAAGnB,WAAW,CAAEoB,IAAD,IAAU;IACtE;IACAJ,eAAe,CAACI,IAAD,CAAf;;IACAH,WAAW;EACZ,CAJ4D,EAI1D,EAJ0D,CAA7D;EAMA,MAAMI,qBAAuD,GAAGrB,WAAW,CACzE,OAAOsB,QAAP,EAAiBC,OAAjB,KAA6B;IAC3B,IAAIH,IAAI,GAAGL,WAAX;IAEA,IAAI,CAACK,IAAL,EAAW,MAAM,IAAII,KAAJ,CAAU,gFAAV,CAAN;IAEX,MAAMC,MAAgC,GAAG;MAAEH;IAAF,CAAzC;;IAEA,IAAI,OAAOC,OAAP,KAAmB,QAAvB,EAAiC;MAC/BE,MAAM,CAACC,UAAP,GAAoBH,OAApB;IACD,CAFD,MAEO,IAAI,OAAOA,OAAP,KAAmB,QAAvB,EAAiC;MACtCE,MAAM,CAACE,YAAP,GAAsBJ,OAAtB;IACD,CAFM,MAEA;MACL,MAAM,IAAIC,KAAJ,CAAW,qDAAoD,OAAOD,OAAQ,GAA9E,CAAN;IACD;;IAEDH,IAAI,GAAG,MAAMT,WAAW,CAACU,qBAAZ,CAAkCI,MAAlC,CAAb;IAEAN,cAAc,CAACC,IAAD,CAAd;IACA,OAAOA,IAAP;EACD,CApBwE,EAqBzE,CAACT,WAAD,EAAcI,WAAd,EAA2BI,cAA3B,CArByE,CAA3E;EAwBA,MAAMS,0BAAiE,GAAG5B,WAAW,CAClF6B,OAAD,IAAmC;IACjC,IAAIX,WAAW,CAACY,sBAAhB,EAAwCzB,yBAAyB,CAAC,CAACwB,OAAD,CAAD,CAAzB;EACzC,CAHkF,EAInF,CAAClB,WAAD,EAAcO,WAAW,CAACY,sBAA1B,CAJmF,CAArF;EAOA7B,SAAS,CAAC,MAAM;IACd,MAAM8B,QAAQ,GAAIC,MAAD,IAA4B;MAC3C;MACA,IAAIA,MAAM,KAAK,QAAf,EAAyBrB,WAAW,CAACsB,eAAZ,KAAgC,QAAhC,IAA4CtB,WAAW,CAACuB,kBAAZ,EAA5C,CAAzB,KACK,IAAIF,MAAM,KAAK,YAAf,EAA6BrB,WAAW,CAACsB,eAAZ,KAAgC,MAAhC,IAA0CtB,WAAW,CAACwB,kBAAZ,EAA1C;IACnC,CAJD;;IAMA,MAAMC,UAAU,GAAGjC,QAAQ,CAACkC,gBAAT,CAA0B,QAA1B,EAAoCN,QAApC,CAAnB;IACA,OAAO,MAAMK,UAAU,CAACE,MAAX,EAAb;EACD,CATQ,EASN,CAAC3B,WAAD,CATM,CAAT;EAWA,MAAM4B,KAAc,GAAG;IACrBC,GAAG,EAAE7B,WADgB;IAErBI,WAFqB;IAGrBI,cAHqB;IAKrBE,qBALqB;IAMrBO,0BANqB;IAQrBa,QAAQ,EAAE,EACR,GAAGvB,WADK;MAERwB,gCAAgC,EAAE9B,+BAF1B;MAGR+B,iCAAiC,EAAE7B,gCAH3B;MAIR8B,sCAAsC,EAAE/B;IAJhC;EARW,CAAvB;EAgBA,oBAAO,oBAAC,mBAAD,CAAqB,QAArB;IAA8B,KAAK,EAAE0B;EAArC,GAA6C7B,QAA7C,CAAP;AACD,CA5EM"}

package/lib/typescript/src/contexts/ProfileCardCtx.d.ts

@@ -1,15 +0,0 @@
-import React from 'react';
-import type { SendbirdGroupChannel, SendbirdGroupChannelCreateParams, SendbirdMember, SendbirdUser } from '@sendbird/uikit-utils';
-declare type OnCreateChannel = (channel: SendbirdGroupChannel) => void;
-declare type OnBeforeCreateChannel = (channelParams: SendbirdGroupChannelCreateParams, users: SendbirdUser[] | SendbirdMember[]) => SendbirdGroupChannelCreateParams | Promise<SendbirdGroupChannelCreateParams>;
-export declare type ProfileCardContextType = {
-    show(user: SendbirdUser | SendbirdMember): void;
-    hide(): void;
-};
-declare type Props = React.PropsWithChildren<{
-    onCreateChannel?: OnCreateChannel;
-    onBeforeCreateChannel?: OnBeforeCreateChannel;
-}>;
-export declare const ProfileCardContext: React.Context<ProfileCardContextType | null>;
-export declare const ProfileCardProvider: ({ children, onCreateChannel, onBeforeCreateChannel }: Props) => JSX.Element;
-export {};

package/src/contexts/ProfileCardCtx.tsx

@@ -1,125 +0,0 @@
-import React, { useContext, useState } from 'react';
-import { useSafeAreaInsets } from 'react-native-safe-area-context';
-
-import { Modal, OutlinedButton, ProfileCard, createStyleSheet } from '@sendbird/uikit-react-native-foundation';
-import type {
-  SendbirdGroupChannel,
-  SendbirdGroupChannelCreateParams,
-  SendbirdMember,
-  SendbirdUser,
-} from '@sendbird/uikit-utils';
-import { Logger, PASS, useIIFE } from '@sendbird/uikit-utils';
-
-import { LocalizationContext } from '../contexts/LocalizationCtx';
-import { SendbirdChatContext } from '../contexts/SendbirdChatCtx';
-
-type OnCreateChannel = (channel: SendbirdGroupChannel) => void;
-type OnBeforeCreateChannel = (
-  channelParams: SendbirdGroupChannelCreateParams,
-  users: SendbirdUser[] | SendbirdMember[],
-) => SendbirdGroupChannelCreateParams | Promise<SendbirdGroupChannelCreateParams>;
-
-export type ProfileCardContextType = {
-  show(user: SendbirdUser | SendbirdMember): void;
-  hide(): void;
-};
-
-type Props = React.PropsWithChildren<{
-  onCreateChannel?: OnCreateChannel;
-  onBeforeCreateChannel?: OnBeforeCreateChannel;
-}>;
-
-export const ProfileCardContext = React.createContext<ProfileCardContextType | null>(null);
-export const ProfileCardProvider = ({ children, onCreateChannel, onBeforeCreateChannel = PASS }: Props) => {
-  const chatContext = useContext(SendbirdChatContext);
-  const localizationContext = useContext(LocalizationContext);
-  const { bottom, left, right } = useSafeAreaInsets();
-
-  const [user, setUser] = useState<SendbirdUser | SendbirdMember>();
-  const [visible, setVisible] = useState(false);
-
-  const show: ProfileCardContextType['show'] = (user) => {
-    setUser(user);
-    setVisible(true);
-  };
-
-  const hide: ProfileCardContextType['hide'] = () => {
-    setVisible(false);
-  };
-
-  if (!chatContext) throw new Error('SendbirdChatContext is not provided');
-  if (!localizationContext) throw new Error('LocalizationContext is not provided');
-
-  const profileCardButton = useIIFE(() => {
-    const isMe = chatContext.currentUser && user?.userId === chatContext.currentUser.userId;
-    if (isMe) return undefined;
-
-    const onPressMessageButton = async () => {
-      if (user) {
-        const params: SendbirdGroupChannelCreateParams = {
-          invitedUserIds: [user.userId],
-          name: '',
-          coverUrl: '',
-          isDistinct: false,
-        };
-
-        if (chatContext.currentUser) params.operatorUserIds = [chatContext.currentUser.userId];
-        const processedParams = await onBeforeCreateChannel(params, [user]);
-
-        hide();
-        const channel = await chatContext.sdk.groupChannel.createChannel(processedParams);
-
-        if (onCreateChannel) {
-          onCreateChannel(channel);
-        } else {
-          Logger.warn(
-            'Please set `onCreateChannel` before message to user from profile card, see `profileCard` prop in the `SendbirdUIKitContainer` props',
-          );
-        }
-      }
-    };
-
-    return (
-      <OutlinedButton onPress={onPressMessageButton}>
-        {localizationContext.STRINGS.PROFILE_CARD.BUTTON_MESSAGE}
-      </OutlinedButton>
-    );
-  });
-
-  return (
-    <ProfileCardContext.Provider value={{ show, hide }}>
-      {children}
-      <Modal
-        type={'slide'}
-        onClose={hide}
-        onDismiss={() => setUser(undefined)}
-        visible={visible && Boolean(user)}
-        backgroundStyle={styles.modal}
-      >
-        {user && (
-          <ProfileCard
-            containerStyle={[
-              styles.profileCardContainer,
-              { paddingLeft: left, paddingRight: right, paddingBottom: bottom },
-            ]}
-            uri={user.profileUrl}
-            username={user.nickname || localizationContext.STRINGS.LABELS.USER_NO_NAME}
-            bodyLabel={localizationContext.STRINGS.PROFILE_CARD.BODY_LABEL}
-            body={localizationContext.STRINGS.PROFILE_CARD.BODY(user)}
-            button={profileCardButton}
-          />
-        )}
-      </Modal>
-    </ProfileCardContext.Provider>
-  );
-};
-
-const styles = createStyleSheet({
-  modal: {
-    justifyContent: 'flex-end',
-  },
-  profileCardContainer: {
-    borderTopLeftRadius: 8,
-    borderTopRightRadius: 8,
-  },
-});