@sendbird/uikit-react-native 1.0.1 → 1.0.2

package/lib/module/components/NewMessagesButton.js

@@ -0,0 +1,58 @@
+import React from 'react';
+import { Platform, TouchableOpacity } from 'react-native';
+import { Text, createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';
+import { useLocalization } from '../hooks/useContext';
+
+const NewMessagesButton = _ref => {
+  let {
+    newMessages,
+    visible,
+    onPress
+  } = _ref;
+  const {
+    STRINGS
+  } = useLocalization();
+  const {
+    select,
+    palette,
+    colors
+  } = useUIKitTheme();
+  if (newMessages.length === 0 || !visible) return null;
+  return /*#__PURE__*/React.createElement(TouchableOpacity, {
+    activeOpacity: 0.8,
+    onPress: onPress,
+    style: [styles.container, {
+      backgroundColor: select({
+        dark: palette.background400,
+        light: palette.background50
+      })
+    }]
+  }, /*#__PURE__*/React.createElement(Text, {
+    button: true,
+    color: colors.primary
+  }, STRINGS.GROUP_CHANNEL.LIST_BUTTON_NEW_MSG(newMessages)));
+};
+
+const styles = createStyleSheet({
+  container: {
+    paddingHorizontal: 12,
+    paddingVertical: 10,
+    borderRadius: 20,
+    ...Platform.select({
+      android: {
+        elevation: 4
+      },
+      ios: {
+        shadowColor: 'black',
+        shadowRadius: 4,
+        shadowOffset: {
+          width: 0,
+          height: 4
+        },
+        shadowOpacity: 0.3
+      }
+    })
+  }
+});
+export default /*#__PURE__*/React.memo(NewMessagesButton);
+//# sourceMappingURL=NewMessagesButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Platform","TouchableOpacity","Text","createStyleSheet","useUIKitTheme","useLocalization","NewMessagesButton","newMessages","visible","onPress","STRINGS","select","palette","colors","length","styles","container","backgroundColor","dark","background400","light","background50","primary","GROUP_CHANNEL","LIST_BUTTON_NEW_MSG","paddingHorizontal","paddingVertical","borderRadius","android","elevation","ios","shadowColor","shadowRadius","shadowOffset","width","height","shadowOpacity","memo"],"sources":["NewMessagesButton.tsx"],"sourcesContent":["import React from 'react';\nimport { Platform, TouchableOpacity } from 'react-native';\n\nimport { Text, createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport type { SendbirdMessage } from '@sendbird/uikit-utils';\n\nimport { useLocalization } from '../hooks/useContext';\n\ntype Props = {\n  newMessages: SendbirdMessage[];\n  visible: boolean;\n  onPress: () => void;\n};\nconst NewMessagesButton = ({ newMessages, visible, onPress }: Props) => {\n  const { STRINGS } = useLocalization();\n  const { select, palette, colors } = useUIKitTheme();\n  if (newMessages.length === 0 || !visible) return null;\n  return (\n    <TouchableOpacity\n      activeOpacity={0.8}\n      onPress={onPress}\n      style={[\n        styles.container,\n        { backgroundColor: select({ dark: palette.background400, light: palette.background50 }) },\n      ]}\n    >\n      <Text button color={colors.primary}>\n        {STRINGS.GROUP_CHANNEL.LIST_BUTTON_NEW_MSG(newMessages)}\n      </Text>\n    </TouchableOpacity>\n  );\n};\n\nconst styles = createStyleSheet({\n  container: {\n    paddingHorizontal: 12,\n    paddingVertical: 10,\n    borderRadius: 20,\n    ...Platform.select({\n      android: {\n        elevation: 4,\n      },\n      ios: {\n        shadowColor: 'black',\n        shadowRadius: 4,\n        shadowOffset: { width: 0, height: 4 },\n        shadowOpacity: 0.3,\n      },\n    }),\n  },\n});\nexport default React.memo(NewMessagesButton);\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,QAAT,EAAmBC,gBAAnB,QAA2C,cAA3C;AAEA,SAASC,IAAT,EAAeC,gBAAf,EAAiCC,aAAjC,QAAsD,yCAAtD;AAGA,SAASC,eAAT,QAAgC,qBAAhC;;AAOA,MAAMC,iBAAiB,GAAG,QAA8C;EAAA,IAA7C;IAAEC,WAAF;IAAeC,OAAf;IAAwBC;EAAxB,CAA6C;EACtE,MAAM;IAAEC;EAAF,IAAcL,eAAe,EAAnC;EACA,MAAM;IAAEM,MAAF;IAAUC,OAAV;IAAmBC;EAAnB,IAA8BT,aAAa,EAAjD;EACA,IAAIG,WAAW,CAACO,MAAZ,KAAuB,CAAvB,IAA4B,CAACN,OAAjC,EAA0C,OAAO,IAAP;EAC1C,oBACE,oBAAC,gBAAD;IACE,aAAa,EAAE,GADjB;IAEE,OAAO,EAAEC,OAFX;IAGE,KAAK,EAAE,CACLM,MAAM,CAACC,SADF,EAEL;MAAEC,eAAe,EAAEN,MAAM,CAAC;QAAEO,IAAI,EAAEN,OAAO,CAACO,aAAhB;QAA+BC,KAAK,EAAER,OAAO,CAACS;MAA9C,CAAD;IAAzB,CAFK;EAHT,gBAQE,oBAAC,IAAD;IAAM,MAAM,MAAZ;IAAa,KAAK,EAAER,MAAM,CAACS;EAA3B,GACGZ,OAAO,CAACa,aAAR,CAAsBC,mBAAtB,CAA0CjB,WAA1C,CADH,CARF,CADF;AAcD,CAlBD;;AAoBA,MAAMQ,MAAM,GAAGZ,gBAAgB,CAAC;EAC9Ba,SAAS,EAAE;IACTS,iBAAiB,EAAE,EADV;IAETC,eAAe,EAAE,EAFR;IAGTC,YAAY,EAAE,EAHL;IAIT,GAAG3B,QAAQ,CAACW,MAAT,CAAgB;MACjBiB,OAAO,EAAE;QACPC,SAAS,EAAE;MADJ,CADQ;MAIjBC,GAAG,EAAE;QACHC,WAAW,EAAE,OADV;QAEHC,YAAY,EAAE,CAFX;QAGHC,YAAY,EAAE;UAAEC,KAAK,EAAE,CAAT;UAAYC,MAAM,EAAE;QAApB,CAHX;QAIHC,aAAa,EAAE;MAJZ;IAJY,CAAhB;EAJM;AADmB,CAAD,CAA/B;AAkBA,4BAAerC,KAAK,CAACsC,IAAN,CAAW/B,iBAAX,CAAf"}

package/lib/module/components/ProviderLayout.js

@@ -0,0 +1,25 @@
+import React from 'react';
+import { View } from 'react-native';
+import { createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';
+
+const ProviderLayout = _ref => {
+  let {
+    children
+  } = _ref;
+  const {
+    colors
+  } = useUIKitTheme();
+  return /*#__PURE__*/React.createElement(View, {
+    style: [styles.view, {
+      backgroundColor: colors.background
+    }]
+  }, children);
+};
+
+const styles = createStyleSheet({
+  view: {
+    flex: 1
+  }
+});
+export default ProviderLayout;
+//# sourceMappingURL=ProviderLayout.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","createStyleSheet","useUIKitTheme","ProviderLayout","children","colors","styles","view","backgroundColor","background","flex"],"sources":["ProviderLayout.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\n\nimport { createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\n\nconst ProviderLayout = ({ children }: React.PropsWithChildren) => {\n  const { colors } = useUIKitTheme();\n  return <View style={[styles.view, { backgroundColor: colors.background }]}>{children}</View>;\n};\n\nconst styles = createStyleSheet({\n  view: {\n    flex: 1,\n  },\n});\n\nexport default ProviderLayout;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,QAAqB,cAArB;AAEA,SAASC,gBAAT,EAA2BC,aAA3B,QAAgD,yCAAhD;;AAEA,MAAMC,cAAc,GAAG,QAA2C;EAAA,IAA1C;IAAEC;EAAF,CAA0C;EAChE,MAAM;IAAEC;EAAF,IAAaH,aAAa,EAAhC;EACA,oBAAO,oBAAC,IAAD;IAAM,KAAK,EAAE,CAACI,MAAM,CAACC,IAAR,EAAc;MAAEC,eAAe,EAAEH,MAAM,CAACI;IAA1B,CAAd;EAAb,GAAqEL,QAArE,CAAP;AACD,CAHD;;AAKA,MAAME,MAAM,GAAGL,gBAAgB,CAAC;EAC9BM,IAAI,EAAE;IACJG,IAAI,EAAE;EADF;AADwB,CAAD,CAA/B;AAMA,eAAeP,cAAf"}

package/lib/module/components/ScrollToBottomButton.js

@@ -0,0 +1,52 @@
+import React from 'react';
+import { Platform, TouchableOpacity } from 'react-native';
+import { Icon, createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';
+
+const ScrollToBottomButton = _ref => {
+  let {
+    visible,
+    onPress
+  } = _ref;
+  const {
+    palette,
+    select
+  } = useUIKitTheme();
+  return /*#__PURE__*/React.createElement(TouchableOpacity, {
+    onPress: onPress,
+    activeOpacity: 0.8,
+    disabled: !visible,
+    style: [styles.container, {
+      opacity: visible ? 1 : 0,
+      backgroundColor: select({
+        dark: palette.background400,
+        light: palette.background50
+      })
+    }]
+  }, /*#__PURE__*/React.createElement(Icon, {
+    icon: 'chevron-down',
+    size: 22
+  }));
+};
+
+const styles = createStyleSheet({
+  container: {
+    padding: 8,
+    borderRadius: 24,
+    ...Platform.select({
+      android: {
+        elevation: 4
+      },
+      ios: {
+        shadowColor: 'black',
+        shadowRadius: 4,
+        shadowOffset: {
+          width: 0,
+          height: 4
+        },
+        shadowOpacity: 0.3
+      }
+    })
+  }
+});
+export default /*#__PURE__*/React.memo(ScrollToBottomButton);
+//# sourceMappingURL=ScrollToBottomButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Platform","TouchableOpacity","Icon","createStyleSheet","useUIKitTheme","ScrollToBottomButton","visible","onPress","palette","select","styles","container","opacity","backgroundColor","dark","background400","light","background50","padding","borderRadius","android","elevation","ios","shadowColor","shadowRadius","shadowOffset","width","height","shadowOpacity","memo"],"sources":["ScrollToBottomButton.tsx"],"sourcesContent":["import React from 'react';\nimport { Platform, TouchableOpacity } from 'react-native';\n\nimport { Icon, createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\n\ntype Props = {\n  visible: boolean;\n  onPress: () => void;\n};\nconst ScrollToBottomButton = ({ visible, onPress }: Props) => {\n  const { palette, select } = useUIKitTheme();\n  return (\n    <TouchableOpacity\n      onPress={onPress}\n      activeOpacity={0.8}\n      disabled={!visible}\n      style={[\n        styles.container,\n        {\n          opacity: visible ? 1 : 0,\n          backgroundColor: select({ dark: palette.background400, light: palette.background50 }),\n        },\n      ]}\n    >\n      <Icon icon={'chevron-down'} size={22} />\n    </TouchableOpacity>\n  );\n};\n\nconst styles = createStyleSheet({\n  container: {\n    padding: 8,\n    borderRadius: 24,\n    ...Platform.select({\n      android: {\n        elevation: 4,\n      },\n      ios: {\n        shadowColor: 'black',\n        shadowRadius: 4,\n        shadowOffset: { width: 0, height: 4 },\n        shadowOpacity: 0.3,\n      },\n    }),\n  },\n});\n\nexport default React.memo(ScrollToBottomButton);\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,QAAT,EAAmBC,gBAAnB,QAA2C,cAA3C;AAEA,SAASC,IAAT,EAAeC,gBAAf,EAAiCC,aAAjC,QAAsD,yCAAtD;;AAMA,MAAMC,oBAAoB,GAAG,QAAiC;EAAA,IAAhC;IAAEC,OAAF;IAAWC;EAAX,CAAgC;EAC5D,MAAM;IAAEC,OAAF;IAAWC;EAAX,IAAsBL,aAAa,EAAzC;EACA,oBACE,oBAAC,gBAAD;IACE,OAAO,EAAEG,OADX;IAEE,aAAa,EAAE,GAFjB;IAGE,QAAQ,EAAE,CAACD,OAHb;IAIE,KAAK,EAAE,CACLI,MAAM,CAACC,SADF,EAEL;MACEC,OAAO,EAAEN,OAAO,GAAG,CAAH,GAAO,CADzB;MAEEO,eAAe,EAAEJ,MAAM,CAAC;QAAEK,IAAI,EAAEN,OAAO,CAACO,aAAhB;QAA+BC,KAAK,EAAER,OAAO,CAACS;MAA9C,CAAD;IAFzB,CAFK;EAJT,gBAYE,oBAAC,IAAD;IAAM,IAAI,EAAE,cAAZ;IAA4B,IAAI,EAAE;EAAlC,EAZF,CADF;AAgBD,CAlBD;;AAoBA,MAAMP,MAAM,GAAGP,gBAAgB,CAAC;EAC9BQ,SAAS,EAAE;IACTO,OAAO,EAAE,CADA;IAETC,YAAY,EAAE,EAFL;IAGT,GAAGnB,QAAQ,CAACS,MAAT,CAAgB;MACjBW,OAAO,EAAE;QACPC,SAAS,EAAE;MADJ,CADQ;MAIjBC,GAAG,EAAE;QACHC,WAAW,EAAE,OADV;QAEHC,YAAY,EAAE,CAFX;QAGHC,YAAY,EAAE;UAAEC,KAAK,EAAE,CAAT;UAAYC,MAAM,EAAE;QAApB,CAHX;QAIHC,aAAa,EAAE;MAJZ;IAJY,CAAhB;EAHM;AADmB,CAAD,CAA/B;AAkBA,4BAAe7B,KAAK,CAAC8B,IAAN,CAAWxB,oBAAX,CAAf"}

package/lib/module/components/StatusComposition.js

@@ -0,0 +1,17 @@
+import React from 'react';
+
+const StatusComposition = _ref => {
+  let {
+    children,
+    error,
+    ErrorComponent,
+    LoadingComponent,
+    loading
+  } = _ref;
+  if (loading && LoadingComponent) return /*#__PURE__*/React.createElement(React.Fragment, null, LoadingComponent);
+  if (error && ErrorComponent) return /*#__PURE__*/React.createElement(React.Fragment, null, ErrorComponent);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, children);
+};
+
+export default StatusComposition;
+//# sourceMappingURL=StatusComposition.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","StatusComposition","children","error","ErrorComponent","LoadingComponent","loading"],"sources":["StatusComposition.tsx"],"sourcesContent":["import React from 'react';\n\ntype Props = {\n  loading?: boolean;\n  LoadingComponent?: JSX.Element;\n  error?: boolean;\n  ErrorComponent?: JSX.Element;\n  children: React.ReactNode;\n};\nconst StatusComposition = ({ children, error, ErrorComponent, LoadingComponent, loading }: Props) => {\n  if (loading && LoadingComponent) return <>{LoadingComponent}</>;\n  if (error && ErrorComponent) return <>{ErrorComponent}</>;\n  return <>{children}</>;\n};\n\nexport default StatusComposition;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;;AASA,MAAMC,iBAAiB,GAAG,QAA2E;EAAA,IAA1E;IAAEC,QAAF;IAAYC,KAAZ;IAAmBC,cAAnB;IAAmCC,gBAAnC;IAAqDC;EAArD,CAA0E;EACnG,IAAIA,OAAO,IAAID,gBAAf,EAAiC,oBAAO,0CAAGA,gBAAH,CAAP;EACjC,IAAIF,KAAK,IAAIC,cAAb,EAA6B,oBAAO,0CAAGA,cAAH,CAAP;EAC7B,oBAAO,0CAAGF,QAAH,CAAP;AACD,CAJD;;AAMA,eAAeD,iBAAf"}

package/lib/module/components/TypedPlaceholder.js

@@ -0,0 +1,68 @@
+import React from 'react';
+import { Placeholder } from '@sendbird/uikit-react-native-foundation';
+import { useLocalization } from '../hooks/useContext';
+
+const TypedPlaceholder = _ref => {
+  let {
+    type,
+    onPressRetry
+  } = _ref;
+  const {
+    STRINGS
+  } = useLocalization();
+
+  switch (type) {
+    case 'no-banned-members':
+      return /*#__PURE__*/React.createElement(Placeholder, {
+        icon: 'ban',
+        message: STRINGS.PLACEHOLDER.NO_BANNED_MEMBERS
+      });
+
+    case 'no-channels':
+      return /*#__PURE__*/React.createElement(Placeholder, {
+        icon: 'chat',
+        message: STRINGS.PLACEHOLDER.NO_CHANNELS
+      });
+
+    case 'no-messages':
+      return /*#__PURE__*/React.createElement(Placeholder, {
+        icon: 'message',
+        message: STRINGS.PLACEHOLDER.NO_MESSAGES
+      });
+
+    case 'no-muted-members':
+      return /*#__PURE__*/React.createElement(Placeholder, {
+        icon: 'mute',
+        message: STRINGS.PLACEHOLDER.NO_MUTED_MEMBERS
+      });
+
+    case 'no-results-found':
+      return /*#__PURE__*/React.createElement(Placeholder, {
+        icon: 'search',
+        message: STRINGS.PLACEHOLDER.NO_RESULTS_FOUND
+      });
+
+    case 'no-users':
+      return /*#__PURE__*/React.createElement(Placeholder, {
+        icon: 'members',
+        message: STRINGS.PLACEHOLDER.NO_USERS
+      });
+
+    case 'error-wrong':
+      return /*#__PURE__*/React.createElement(Placeholder, {
+        icon: 'error',
+        message: STRINGS.PLACEHOLDER.ERROR.MESSAGE,
+        errorRetryLabel: STRINGS.PLACEHOLDER.ERROR.RETRY_LABEL,
+        onPressRetry: onPressRetry
+      });
+
+    case 'loading':
+      return /*#__PURE__*/React.createElement(Placeholder, {
+        loading: true,
+        icon: 'spinner'
+      });
+  }
+};
+
+export default TypedPlaceholder;
+//# sourceMappingURL=TypedPlaceholder.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Placeholder","useLocalization","TypedPlaceholder","type","onPressRetry","STRINGS","PLACEHOLDER","NO_BANNED_MEMBERS","NO_CHANNELS","NO_MESSAGES","NO_MUTED_MEMBERS","NO_RESULTS_FOUND","NO_USERS","ERROR","MESSAGE","RETRY_LABEL"],"sources":["TypedPlaceholder.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Placeholder } from '@sendbird/uikit-react-native-foundation';\n\nimport { useLocalization } from '../hooks/useContext';\n\ntype Props = {\n  type:\n    | 'no-banned-members'\n    | 'no-channels'\n    | 'no-messages'\n    | 'no-users'\n    | 'no-muted-members'\n    | 'no-results-found'\n    | 'error-wrong'\n    | 'loading';\n  onPressRetry?: () => void;\n};\nconst TypedPlaceholder = ({ type, onPressRetry }: Props) => {\n  const { STRINGS } = useLocalization();\n  switch (type) {\n    case 'no-banned-members':\n      return <Placeholder icon={'ban'} message={STRINGS.PLACEHOLDER.NO_BANNED_MEMBERS} />;\n    case 'no-channels':\n      return <Placeholder icon={'chat'} message={STRINGS.PLACEHOLDER.NO_CHANNELS} />;\n    case 'no-messages':\n      return <Placeholder icon={'message'} message={STRINGS.PLACEHOLDER.NO_MESSAGES} />;\n    case 'no-muted-members':\n      return <Placeholder icon={'mute'} message={STRINGS.PLACEHOLDER.NO_MUTED_MEMBERS} />;\n    case 'no-results-found':\n      return <Placeholder icon={'search'} message={STRINGS.PLACEHOLDER.NO_RESULTS_FOUND} />;\n    case 'no-users':\n      return <Placeholder icon={'members'} message={STRINGS.PLACEHOLDER.NO_USERS} />;\n    case 'error-wrong':\n      return (\n        <Placeholder\n          icon={'error'}\n          message={STRINGS.PLACEHOLDER.ERROR.MESSAGE}\n          errorRetryLabel={STRINGS.PLACEHOLDER.ERROR.RETRY_LABEL}\n          onPressRetry={onPressRetry}\n        />\n      );\n    case 'loading':\n      return <Placeholder loading icon={'spinner'} />;\n  }\n};\n\nexport default TypedPlaceholder;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,SAASC,WAAT,QAA4B,yCAA5B;AAEA,SAASC,eAAT,QAAgC,qBAAhC;;AAcA,MAAMC,gBAAgB,GAAG,QAAmC;EAAA,IAAlC;IAAEC,IAAF;IAAQC;EAAR,CAAkC;EAC1D,MAAM;IAAEC;EAAF,IAAcJ,eAAe,EAAnC;;EACA,QAAQE,IAAR;IACE,KAAK,mBAAL;MACE,oBAAO,oBAAC,WAAD;QAAa,IAAI,EAAE,KAAnB;QAA0B,OAAO,EAAEE,OAAO,CAACC,WAAR,CAAoBC;MAAvD,EAAP;;IACF,KAAK,aAAL;MACE,oBAAO,oBAAC,WAAD;QAAa,IAAI,EAAE,MAAnB;QAA2B,OAAO,EAAEF,OAAO,CAACC,WAAR,CAAoBE;MAAxD,EAAP;;IACF,KAAK,aAAL;MACE,oBAAO,oBAAC,WAAD;QAAa,IAAI,EAAE,SAAnB;QAA8B,OAAO,EAAEH,OAAO,CAACC,WAAR,CAAoBG;MAA3D,EAAP;;IACF,KAAK,kBAAL;MACE,oBAAO,oBAAC,WAAD;QAAa,IAAI,EAAE,MAAnB;QAA2B,OAAO,EAAEJ,OAAO,CAACC,WAAR,CAAoBI;MAAxD,EAAP;;IACF,KAAK,kBAAL;MACE,oBAAO,oBAAC,WAAD;QAAa,IAAI,EAAE,QAAnB;QAA6B,OAAO,EAAEL,OAAO,CAACC,WAAR,CAAoBK;MAA1D,EAAP;;IACF,KAAK,UAAL;MACE,oBAAO,oBAAC,WAAD;QAAa,IAAI,EAAE,SAAnB;QAA8B,OAAO,EAAEN,OAAO,CAACC,WAAR,CAAoBM;MAA3D,EAAP;;IACF,KAAK,aAAL;MACE,oBACE,oBAAC,WAAD;QACE,IAAI,EAAE,OADR;QAEE,OAAO,EAAEP,OAAO,CAACC,WAAR,CAAoBO,KAApB,CAA0BC,OAFrC;QAGE,eAAe,EAAET,OAAO,CAACC,WAAR,CAAoBO,KAApB,CAA0BE,WAH7C;QAIE,YAAY,EAAEX;MAJhB,EADF;;IAQF,KAAK,SAAL;MACE,oBAAO,oBAAC,WAAD;QAAa,OAAO,MAApB;QAAqB,IAAI,EAAE;MAA3B,EAAP;EAvBJ;AAyBD,CA3BD;;AA6BA,eAAeF,gBAAf"}

package/lib/module/components/UserActionBar.js

@@ -0,0 +1,81 @@
+import React from 'react';
+import { TouchableOpacity, View } from 'react-native';
+import { Avatar, Icon, Text, createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';
+import { conditionChaining } from '@sendbird/uikit-utils';
+
+const UserActionBar = _ref => {
+  let {
+    muted,
+    uri,
+    name,
+    disabled,
+    onPressActionMenu,
+    label
+  } = _ref;
+  const {
+    colors
+  } = useUIKitTheme();
+  const iconColor = conditionChaining([disabled], [colors.onBackground04, colors.onBackground01]);
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(Avatar, {
+    muted: muted,
+    size: 36,
+    uri: uri,
+    containerStyle: styles.avatar
+  }), /*#__PURE__*/React.createElement(View, {
+    style: [styles.infoContainer, {
+      borderBottomColor: colors.onBackground04
+    }]
+  }, /*#__PURE__*/React.createElement(Text, {
+    subtitle2: true,
+    numberOfLines: 1,
+    style: styles.name,
+    color: colors.onBackground01
+  }, name), Boolean(label) && /*#__PURE__*/React.createElement(Text, {
+    body2: true,
+    color: colors.onBackground02,
+    style: styles.label
+  }, label), Boolean(onPressActionMenu) && /*#__PURE__*/React.createElement(TouchableOpacity, {
+    onPress: onPressActionMenu,
+    disabled: disabled
+  }, /*#__PURE__*/React.createElement(Icon, {
+    color: iconColor,
+    size: 24,
+    icon: 'more',
+    containerStyle: styles.iconContainer
+  }))));
+};
+
+const styles = createStyleSheet({
+  container: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    width: '100%',
+    height: 56
+  },
+  avatar: {
+    marginLeft: 16,
+    marginRight: 16
+  },
+  label: {
+    marginRight: 4
+  },
+  infoContainer: {
+    height: '100%',
+    flex: 1,
+    alignItems: 'center',
+    flexDirection: 'row',
+    paddingRight: 12,
+    borderBottomWidth: 1
+  },
+  iconContainer: {
+    padding: 4
+  },
+  name: {
+    flex: 1,
+    marginRight: 8
+  }
+});
+export default /*#__PURE__*/React.memo(UserActionBar);
+//# sourceMappingURL=UserActionBar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","TouchableOpacity","View","Avatar","Icon","Text","createStyleSheet","useUIKitTheme","conditionChaining","UserActionBar","muted","uri","name","disabled","onPressActionMenu","label","colors","iconColor","onBackground04","onBackground01","styles","container","avatar","infoContainer","borderBottomColor","Boolean","onBackground02","iconContainer","flexDirection","alignItems","width","height","marginLeft","marginRight","flex","paddingRight","borderBottomWidth","padding","memo"],"sources":["UserActionBar.tsx"],"sourcesContent":["import React from 'react';\nimport { TouchableOpacity, View } from 'react-native';\n\nimport { Avatar, Icon, Text, createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport { conditionChaining } from '@sendbird/uikit-utils';\n\ntype Props = {\n  uri: string;\n  name: string;\n  label?: string;\n  muted: boolean;\n  disabled: boolean;\n  onPressActionMenu?: () => void;\n};\nconst UserActionBar = ({ muted, uri, name, disabled, onPressActionMenu, label }: Props) => {\n  const { colors } = useUIKitTheme();\n\n  const iconColor = conditionChaining([disabled], [colors.onBackground04, colors.onBackground01]);\n\n  return (\n    <View style={styles.container}>\n      <Avatar muted={muted} size={36} uri={uri} containerStyle={styles.avatar} />\n      <View style={[styles.infoContainer, { borderBottomColor: colors.onBackground04 }]}>\n        <Text subtitle2 numberOfLines={1} style={styles.name} color={colors.onBackground01}>\n          {name}\n        </Text>\n        {Boolean(label) && (\n          <Text body2 color={colors.onBackground02} style={styles.label}>\n            {label}\n          </Text>\n        )}\n        {Boolean(onPressActionMenu) && (\n          <TouchableOpacity onPress={onPressActionMenu} disabled={disabled}>\n            <Icon color={iconColor} size={24} icon={'more'} containerStyle={styles.iconContainer} />\n          </TouchableOpacity>\n        )}\n      </View>\n    </View>\n  );\n};\n\nconst styles = createStyleSheet({\n  container: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    width: '100%',\n    height: 56,\n  },\n  avatar: {\n    marginLeft: 16,\n    marginRight: 16,\n  },\n  label: {\n    marginRight: 4,\n  },\n  infoContainer: {\n    height: '100%',\n    flex: 1,\n    alignItems: 'center',\n    flexDirection: 'row',\n    paddingRight: 12,\n    borderBottomWidth: 1,\n  },\n  iconContainer: {\n    padding: 4,\n  },\n  name: {\n    flex: 1,\n    marginRight: 8,\n  },\n});\n\nexport default React.memo(UserActionBar);\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,gBAAT,EAA2BC,IAA3B,QAAuC,cAAvC;AAEA,SAASC,MAAT,EAAiBC,IAAjB,EAAuBC,IAAvB,EAA6BC,gBAA7B,EAA+CC,aAA/C,QAAoE,yCAApE;AACA,SAASC,iBAAT,QAAkC,uBAAlC;;AAUA,MAAMC,aAAa,GAAG,QAAqE;EAAA,IAApE;IAAEC,KAAF;IAASC,GAAT;IAAcC,IAAd;IAAoBC,QAApB;IAA8BC,iBAA9B;IAAiDC;EAAjD,CAAoE;EACzF,MAAM;IAAEC;EAAF,IAAaT,aAAa,EAAhC;EAEA,MAAMU,SAAS,GAAGT,iBAAiB,CAAC,CAACK,QAAD,CAAD,EAAa,CAACG,MAAM,CAACE,cAAR,EAAwBF,MAAM,CAACG,cAA/B,CAAb,CAAnC;EAEA,oBACE,oBAAC,IAAD;IAAM,KAAK,EAAEC,MAAM,CAACC;EAApB,gBACE,oBAAC,MAAD;IAAQ,KAAK,EAAEX,KAAf;IAAsB,IAAI,EAAE,EAA5B;IAAgC,GAAG,EAAEC,GAArC;IAA0C,cAAc,EAAES,MAAM,CAACE;EAAjE,EADF,eAEE,oBAAC,IAAD;IAAM,KAAK,EAAE,CAACF,MAAM,CAACG,aAAR,EAAuB;MAAEC,iBAAiB,EAAER,MAAM,CAACE;IAA5B,CAAvB;EAAb,gBACE,oBAAC,IAAD;IAAM,SAAS,MAAf;IAAgB,aAAa,EAAE,CAA/B;IAAkC,KAAK,EAAEE,MAAM,CAACR,IAAhD;IAAsD,KAAK,EAAEI,MAAM,CAACG;EAApE,GACGP,IADH,CADF,EAIGa,OAAO,CAACV,KAAD,CAAP,iBACC,oBAAC,IAAD;IAAM,KAAK,MAAX;IAAY,KAAK,EAAEC,MAAM,CAACU,cAA1B;IAA0C,KAAK,EAAEN,MAAM,CAACL;EAAxD,GACGA,KADH,CALJ,EASGU,OAAO,CAACX,iBAAD,CAAP,iBACC,oBAAC,gBAAD;IAAkB,OAAO,EAAEA,iBAA3B;IAA8C,QAAQ,EAAED;EAAxD,gBACE,oBAAC,IAAD;IAAM,KAAK,EAAEI,SAAb;IAAwB,IAAI,EAAE,EAA9B;IAAkC,IAAI,EAAE,MAAxC;IAAgD,cAAc,EAAEG,MAAM,CAACO;EAAvE,EADF,CAVJ,CAFF,CADF;AAoBD,CAzBD;;AA2BA,MAAMP,MAAM,GAAGd,gBAAgB,CAAC;EAC9Be,SAAS,EAAE;IACTO,aAAa,EAAE,KADN;IAETC,UAAU,EAAE,QAFH;IAGTC,KAAK,EAAE,MAHE;IAITC,MAAM,EAAE;EAJC,CADmB;EAO9BT,MAAM,EAAE;IACNU,UAAU,EAAE,EADN;IAENC,WAAW,EAAE;EAFP,CAPsB;EAW9BlB,KAAK,EAAE;IACLkB,WAAW,EAAE;EADR,CAXuB;EAc9BV,aAAa,EAAE;IACbQ,MAAM,EAAE,MADK;IAEbG,IAAI,EAAE,CAFO;IAGbL,UAAU,EAAE,QAHC;IAIbD,aAAa,EAAE,KAJF;IAKbO,YAAY,EAAE,EALD;IAMbC,iBAAiB,EAAE;EANN,CAde;EAsB9BT,aAAa,EAAE;IACbU,OAAO,EAAE;EADI,CAtBe;EAyB9BzB,IAAI,EAAE;IACJsB,IAAI,EAAE,CADF;IAEJD,WAAW,EAAE;EAFT;AAzBwB,CAAD,CAA/B;AA+BA,4BAAejC,KAAK,CAACsC,IAAN,CAAW7B,aAAX,CAAf"}

package/lib/module/components/UserSelectableBar.js

@@ -0,0 +1,63 @@
+import React from 'react';
+import { View } from 'react-native';
+import { Avatar, Icon, Text, createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';
+import { conditionChaining } from '@sendbird/uikit-utils';
+
+const UserSelectableBar = _ref => {
+  let {
+    uri,
+    name,
+    selected,
+    disabled
+  } = _ref;
+  const {
+    colors
+  } = useUIKitTheme();
+  const iconColor = conditionChaining([disabled, selected], [colors.onBackground04, colors.primary, colors.onBackground03]);
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(Avatar, {
+    size: 36,
+    uri: uri,
+    containerStyle: styles.avatar
+  }), /*#__PURE__*/React.createElement(View, {
+    style: [styles.infoContainer, {
+      borderBottomColor: colors.onBackground04
+    }]
+  }, /*#__PURE__*/React.createElement(Text, {
+    subtitle2: true,
+    numberOfLines: 1,
+    style: styles.name,
+    color: colors.onBackground01
+  }, name), /*#__PURE__*/React.createElement(Icon, {
+    color: iconColor,
+    size: 24,
+    icon: selected ? 'checkbox-on' : 'checkbox-off'
+  })));
+};
+
+const styles = createStyleSheet({
+  container: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    width: '100%',
+    height: 56,
+    paddingHorizontal: 16
+  },
+  avatar: {
+    marginRight: 16
+  },
+  infoContainer: {
+    height: '100%',
+    flex: 1,
+    alignItems: 'center',
+    flexDirection: 'row',
+    borderBottomWidth: 1
+  },
+  name: {
+    flex: 1,
+    marginRight: 8
+  }
+});
+export default /*#__PURE__*/React.memo(UserSelectableBar);
+//# sourceMappingURL=UserSelectableBar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","Avatar","Icon","Text","createStyleSheet","useUIKitTheme","conditionChaining","UserSelectableBar","uri","name","selected","disabled","colors","iconColor","onBackground04","primary","onBackground03","styles","container","avatar","infoContainer","borderBottomColor","onBackground01","flexDirection","alignItems","width","height","paddingHorizontal","marginRight","flex","borderBottomWidth","memo"],"sources":["UserSelectableBar.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\n\nimport { Avatar, Icon, Text, createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport { conditionChaining } from '@sendbird/uikit-utils';\n\ntype Props = {\n  uri: string;\n  name: string;\n  selected: boolean;\n  disabled: boolean;\n};\nconst UserSelectableBar = ({ uri, name, selected, disabled }: Props) => {\n  const { colors } = useUIKitTheme();\n\n  const iconColor = conditionChaining(\n    [disabled, selected],\n    [colors.onBackground04, colors.primary, colors.onBackground03],\n  );\n\n  return (\n    <View style={styles.container}>\n      <Avatar size={36} uri={uri} containerStyle={styles.avatar} />\n      <View style={[styles.infoContainer, { borderBottomColor: colors.onBackground04 }]}>\n        <Text subtitle2 numberOfLines={1} style={styles.name} color={colors.onBackground01}>\n          {name}\n        </Text>\n        <Icon color={iconColor} size={24} icon={selected ? 'checkbox-on' : 'checkbox-off'} />\n      </View>\n    </View>\n  );\n};\n\nconst styles = createStyleSheet({\n  container: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    width: '100%',\n    height: 56,\n    paddingHorizontal: 16,\n  },\n  avatar: {\n    marginRight: 16,\n  },\n  infoContainer: {\n    height: '100%',\n    flex: 1,\n    alignItems: 'center',\n    flexDirection: 'row',\n    borderBottomWidth: 1,\n  },\n  name: {\n    flex: 1,\n    marginRight: 8,\n  },\n});\n\nexport default React.memo(UserSelectableBar);\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,QAAqB,cAArB;AAEA,SAASC,MAAT,EAAiBC,IAAjB,EAAuBC,IAAvB,EAA6BC,gBAA7B,EAA+CC,aAA/C,QAAoE,yCAApE;AACA,SAASC,iBAAT,QAAkC,uBAAlC;;AAQA,MAAMC,iBAAiB,GAAG,QAA8C;EAAA,IAA7C;IAAEC,GAAF;IAAOC,IAAP;IAAaC,QAAb;IAAuBC;EAAvB,CAA6C;EACtE,MAAM;IAAEC;EAAF,IAAaP,aAAa,EAAhC;EAEA,MAAMQ,SAAS,GAAGP,iBAAiB,CACjC,CAACK,QAAD,EAAWD,QAAX,CADiC,EAEjC,CAACE,MAAM,CAACE,cAAR,EAAwBF,MAAM,CAACG,OAA/B,EAAwCH,MAAM,CAACI,cAA/C,CAFiC,CAAnC;EAKA,oBACE,oBAAC,IAAD;IAAM,KAAK,EAAEC,MAAM,CAACC;EAApB,gBACE,oBAAC,MAAD;IAAQ,IAAI,EAAE,EAAd;IAAkB,GAAG,EAAEV,GAAvB;IAA4B,cAAc,EAAES,MAAM,CAACE;EAAnD,EADF,eAEE,oBAAC,IAAD;IAAM,KAAK,EAAE,CAACF,MAAM,CAACG,aAAR,EAAuB;MAAEC,iBAAiB,EAAET,MAAM,CAACE;IAA5B,CAAvB;EAAb,gBACE,oBAAC,IAAD;IAAM,SAAS,MAAf;IAAgB,aAAa,EAAE,CAA/B;IAAkC,KAAK,EAAEG,MAAM,CAACR,IAAhD;IAAsD,KAAK,EAAEG,MAAM,CAACU;EAApE,GACGb,IADH,CADF,eAIE,oBAAC,IAAD;IAAM,KAAK,EAAEI,SAAb;IAAwB,IAAI,EAAE,EAA9B;IAAkC,IAAI,EAAEH,QAAQ,GAAG,aAAH,GAAmB;EAAnE,EAJF,CAFF,CADF;AAWD,CAnBD;;AAqBA,MAAMO,MAAM,GAAGb,gBAAgB,CAAC;EAC9Bc,SAAS,EAAE;IACTK,aAAa,EAAE,KADN;IAETC,UAAU,EAAE,QAFH;IAGTC,KAAK,EAAE,MAHE;IAITC,MAAM,EAAE,EAJC;IAKTC,iBAAiB,EAAE;EALV,CADmB;EAQ9BR,MAAM,EAAE;IACNS,WAAW,EAAE;EADP,CARsB;EAW9BR,aAAa,EAAE;IACbM,MAAM,EAAE,MADK;IAEbG,IAAI,EAAE,CAFO;IAGbL,UAAU,EAAE,QAHC;IAIbD,aAAa,EAAE,KAJF;IAKbO,iBAAiB,EAAE;EALN,CAXe;EAkB9BrB,IAAI,EAAE;IACJoB,IAAI,EAAE,CADF;IAEJD,WAAW,EAAE;EAFT;AAlBwB,CAAD,CAA/B;AAwBA,4BAAe7B,KAAK,CAACgC,IAAN,CAAWxB,iBAAX,CAAf"}

package/lib/module/constants.js

@@ -0,0 +1,2 @@
+export const DEFAULT_LONG_PRESS_DELAY = 350;
+//# sourceMappingURL=constants.js.map

package/lib/module/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["DEFAULT_LONG_PRESS_DELAY"],"sources":["constants.ts"],"sourcesContent":["export const DEFAULT_LONG_PRESS_DELAY = 350;\n"],"mappings":"AAAA,OAAO,MAAMA,wBAAwB,GAAG,GAAjC"}

package/lib/module/contexts/Localization.js

@@ -0,0 +1,14 @@
+import React from 'react';
+export const LocalizationContext = /*#__PURE__*/React.createContext(null);
+export const LocalizationProvider = _ref => {
+  let {
+    children,
+    stringSet
+  } = _ref;
+  return /*#__PURE__*/React.createElement(LocalizationContext.Provider, {
+    value: {
+      STRINGS: stringSet
+    }
+  }, children);
+};
+//# sourceMappingURL=Localization.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","LocalizationContext","createContext","LocalizationProvider","children","stringSet","STRINGS"],"sources":["Localization.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { StringSet } from '../localization/StringSet.type';\n\ntype Props = React.PropsWithChildren<{\n  stringSet: StringSet;\n}>;\n\nexport type LocalizationContextType = {\n  STRINGS: StringSet;\n};\n\nexport const LocalizationContext = React.createContext<LocalizationContextType | null>(null);\nexport const LocalizationProvider = ({ children, stringSet }: Props) => {\n  return <LocalizationContext.Provider value={{ STRINGS: stringSet }}>{children}</LocalizationContext.Provider>;\n};\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAYA,OAAO,MAAMC,mBAAmB,gBAAGD,KAAK,CAACE,aAAN,CAAoD,IAApD,CAA5B;AACP,OAAO,MAAMC,oBAAoB,GAAG,QAAoC;EAAA,IAAnC;IAAEC,QAAF;IAAYC;EAAZ,CAAmC;EACtE,oBAAO,oBAAC,mBAAD,CAAqB,QAArB;IAA8B,KAAK,EAAE;MAAEC,OAAO,EAAED;IAAX;EAArC,GAA8DD,QAA9D,CAAP;AACD,CAFM"}

package/lib/module/contexts/PlatformService.js

@@ -0,0 +1,18 @@
+import React from 'react';
+export const PlatformServiceContext = /*#__PURE__*/React.createContext(null);
+export const PlatformServiceProvider = _ref => {
+  let {
+    children,
+    fileService,
+    clipboardService,
+    notificationService
+  } = _ref;
+  return /*#__PURE__*/React.createElement(PlatformServiceContext.Provider, {
+    value: {
+      fileService,
+      clipboardService,
+      notificationService
+    }
+  }, children);
+};
+//# sourceMappingURL=PlatformService.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","PlatformServiceContext","createContext","PlatformServiceProvider","children","fileService","clipboardService","notificationService"],"sources":["PlatformService.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { ClipboardServiceInterface, FileServiceInterface, NotificationServiceInterface } from '../platform/types';\n\ntype Props = React.PropsWithChildren<{\n  fileService: FileServiceInterface;\n  clipboardService: ClipboardServiceInterface;\n  notificationService: NotificationServiceInterface;\n}>;\n\nexport const PlatformServiceContext = React.createContext<Props | null>(null);\nexport const PlatformServiceProvider = ({ children, fileService, clipboardService, notificationService }: Props) => {\n  return (\n    <PlatformServiceContext.Provider value={{ fileService, clipboardService, notificationService }}>\n      {children}\n    </PlatformServiceContext.Provider>\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAUA,OAAO,MAAMC,sBAAsB,gBAAGD,KAAK,CAACE,aAAN,CAAkC,IAAlC,CAA/B;AACP,OAAO,MAAMC,uBAAuB,GAAG,QAA6E;EAAA,IAA5E;IAAEC,QAAF;IAAYC,WAAZ;IAAyBC,gBAAzB;IAA2CC;EAA3C,CAA4E;EAClH,oBACE,oBAAC,sBAAD,CAAwB,QAAxB;IAAiC,KAAK,EAAE;MAAEF,WAAF;MAAeC,gBAAf;MAAiCC;IAAjC;EAAxC,GACGH,QADH,CADF;AAKD,CANM"}

package/lib/module/contexts/SendbirdChat.js

@@ -0,0 +1,66 @@
+import React, { useCallback, useEffect, useState } from 'react';
+import { AppState } from 'react-native';
+import { useAppFeatures } from '@sendbird/uikit-chat-hooks';
+import { useForceUpdate } from '@sendbird/uikit-utils';
+export const SendbirdChatContext = /*#__PURE__*/React.createContext(null);
+export const SendbirdChatProvider = _ref => {
+  let {
+    children,
+    sdkInstance,
+    enableAutoPushTokenRegistration
+  } = _ref;
+  const [currentUser, _setCurrentUser] = useState();
+  const forceUpdate = useForceUpdate();
+  const appFeatures = useAppFeatures(sdkInstance);
+  const setCurrentUser = useCallback(user => {
+    // NOTE: Sendbird SDK handle User object is always same object, so force update after setCurrentUser
+    _setCurrentUser(user);
+
+    forceUpdate();
+  }, []);
+  const updateCurrentUserInfo = useCallback(async (nickname, profile) => {
+    let user = currentUser;
+    if (!user) throw new Error('Current user is not defined, please connect using `useConnection()` hook first');
+
+    if (typeof profile === 'undefined') {
+      user = await sdkInstance.updateCurrentUserInfo(nickname, sdkInstance.currentUser.profileUrl);
+    } else if (typeof profile === 'string') {
+      user = await sdkInstance.updateCurrentUserInfo(nickname, profile);
+    } else if (typeof profile === 'object') {
+      user = await sdkInstance.updateCurrentUserInfoWithProfileImage(nickname, profile);
+    } else {
+      throw new Error(`Cannot update profile, not supported profile type(${typeof profile})`);
+    }
+
+    setCurrentUser(user);
+    return user;
+  }, [sdkInstance, currentUser, setCurrentUser]);
+  const markAsDeliveredWithChannel = useCallback(channel => {
+    if (appFeatures.deliveryReceiptEnabled && channel.unreadMessageCount > 0) {
+      sdkInstance.markAsDelivered(channel.url);
+    }
+  }, [sdkInstance, appFeatures.deliveryReceiptEnabled]);
+  useEffect(() => {
+    const listener = status => {
+      // 'active' | 'background' | 'inactive' | 'unknown' | 'extension';
+      if (status === 'active') sdkInstance.getConnectionState() === 'CLOSED' && sdkInstance.setForegroundState();else sdkInstance.getConnectionState() === 'OPEN' && sdkInstance.setBackgroundState();
+    };
+
+    const subscriber = AppState.addEventListener('change', listener);
+    return () => subscriber.remove();
+  }, [sdkInstance]);
+  const value = {
+    sdk: sdkInstance,
+    currentUser,
+    setCurrentUser,
+    updateCurrentUserInfo,
+    markAsDeliveredWithChannel,
+    features: { ...appFeatures,
+      autoPushTokenRegistrationEnabled: enableAutoPushTokenRegistration
+    }
+  };
+  return /*#__PURE__*/React.createElement(SendbirdChatContext.Provider, {
+    value: value
+  }, children);
+};
+//# sourceMappingURL=SendbirdChat.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useEffect","useState","AppState","useAppFeatures","useForceUpdate","SendbirdChatContext","createContext","SendbirdChatProvider","children","sdkInstance","enableAutoPushTokenRegistration","currentUser","_setCurrentUser","forceUpdate","appFeatures","setCurrentUser","user","updateCurrentUserInfo","nickname","profile","Error","profileUrl","updateCurrentUserInfoWithProfileImage","markAsDeliveredWithChannel","channel","deliveryReceiptEnabled","unreadMessageCount","markAsDelivered","url","listener","status","getConnectionState","setForegroundState","setBackgroundState","subscriber","addEventListener","remove","value","sdk","features","autoPushTokenRegistrationEnabled"],"sources":["SendbirdChat.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 { SendbirdChatSDK, SendbirdGroupChannel, SendbirdUser } from '@sendbird/uikit-utils';\nimport { 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    // channelListMessageReceiptStateEnabled: 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 = ({ children, sdkInstance, enableAutoPushTokenRegistration }: 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      if (typeof profile === 'undefined') {\n        user = await sdkInstance.updateCurrentUserInfo(nickname, sdkInstance.currentUser.profileUrl);\n      } else if (typeof profile === 'string') {\n        user = await sdkInstance.updateCurrentUserInfo(nickname, profile);\n      } else if (typeof profile === 'object') {\n        user = await sdkInstance.updateCurrentUserInfoWithProfileImage(nickname, profile);\n      } else {\n        throw new Error(`Cannot update profile, not supported profile type(${typeof profile})`);\n      }\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 && channel.unreadMessageCount > 0) {\n        sdkInstance.markAsDelivered(channel.url);\n      }\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.getConnectionState() === 'CLOSED' && sdkInstance.setForegroundState();\n      else sdkInstance.getConnectionState() === '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    },\n  };\n\n  return <SendbirdChatContext.Provider value={value}>{children}</SendbirdChatContext.Provider>;\n};\n"],"mappings":"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"}

package/lib/module/domain/groupChannel/component/GroupChannelHeader.js

@@ -0,0 +1,69 @@
+import React, { useContext } from 'react';
+import { View } from 'react-native';
+import { Header, Icon, createStyleSheet, useHeaderStyle } from '@sendbird/uikit-react-native-foundation';
+import ChannelCover from '../../../components/ChannelCover';
+import { useLocalization } from '../../../hooks/useContext';
+import { GroupChannelContexts } from '../module/moduleContext';
+
+const GroupChannelHeader = _ref => {
+  let {
+    onPressHeaderLeft,
+    onPressHeaderRight
+  } = _ref;
+  const {
+    headerTitle,
+    channel
+  } = useContext(GroupChannelContexts.Fragment);
+  const {
+    typingUsers
+  } = useContext(GroupChannelContexts.TypingIndicator);
+  const {
+    STRINGS
+  } = useLocalization();
+  const {
+    HeaderComponent
+  } = useHeaderStyle();
+  const subtitle = STRINGS.LABELS.TYPING_INDICATOR_TYPINGS(typingUsers);
+  return /*#__PURE__*/React.createElement(HeaderComponent, {
+    clearTitleMargin: true,
+    title: /*#__PURE__*/React.createElement(View, {
+      style: styles.titleContainer
+    }, /*#__PURE__*/React.createElement(ChannelCover, {
+      channel: channel,
+      size: 34,
+      containerStyle: styles.avatarGroup
+    }), /*#__PURE__*/React.createElement(View, {
+      style: {
+        flexShrink: 1
+      }
+    }, /*#__PURE__*/React.createElement(Header.Title, {
+      h2: true
+    }, headerTitle), Boolean(subtitle) && subtitle && /*#__PURE__*/React.createElement(Header.Subtitle, {
+      style: styles.subtitle
+    }, subtitle))),
+    left: /*#__PURE__*/React.createElement(Icon, {
+      icon: 'arrow-left'
+    }),
+    onPressLeft: onPressHeaderLeft,
+    right: /*#__PURE__*/React.createElement(Icon, {
+      icon: 'info'
+    }),
+    onPressRight: onPressHeaderRight
+  });
+};
+
+const styles = createStyleSheet({
+  titleContainer: {
+    maxWidth: '100%',
+    flexDirection: 'row',
+    alignItems: 'center'
+  },
+  avatarGroup: {
+    marginRight: 8
+  },
+  subtitle: {
+    marginTop: 2
+  }
+});
+export default GroupChannelHeader;
+//# sourceMappingURL=GroupChannelHeader.js.map

package/lib/module/domain/groupChannel/component/GroupChannelHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useContext","View","Header","Icon","createStyleSheet","useHeaderStyle","ChannelCover","useLocalization","GroupChannelContexts","GroupChannelHeader","onPressHeaderLeft","onPressHeaderRight","headerTitle","channel","Fragment","typingUsers","TypingIndicator","STRINGS","HeaderComponent","subtitle","LABELS","TYPING_INDICATOR_TYPINGS","styles","titleContainer","avatarGroup","flexShrink","Boolean","maxWidth","flexDirection","alignItems","marginRight","marginTop"],"sources":["GroupChannelHeader.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport { View } from 'react-native';\n\nimport { Header, Icon, createStyleSheet, useHeaderStyle } from '@sendbird/uikit-react-native-foundation';\n\nimport ChannelCover from '../../../components/ChannelCover';\nimport { useLocalization } from '../../../hooks/useContext';\nimport { GroupChannelContexts } from '../module/moduleContext';\nimport type { GroupChannelProps } from '../types';\n\nconst GroupChannelHeader = ({ onPressHeaderLeft, onPressHeaderRight }: GroupChannelProps['Header']) => {\n  const { headerTitle, channel } = useContext(GroupChannelContexts.Fragment);\n  const { typingUsers } = useContext(GroupChannelContexts.TypingIndicator);\n  const { STRINGS } = useLocalization();\n  const { HeaderComponent } = useHeaderStyle();\n  const subtitle = STRINGS.LABELS.TYPING_INDICATOR_TYPINGS(typingUsers);\n\n  return (\n    <HeaderComponent\n      clearTitleMargin\n      title={\n        <View style={styles.titleContainer}>\n          <ChannelCover channel={channel} size={34} containerStyle={styles.avatarGroup} />\n          <View style={{ flexShrink: 1 }}>\n            <Header.Title h2>{headerTitle}</Header.Title>\n            {Boolean(subtitle) && subtitle && <Header.Subtitle style={styles.subtitle}>{subtitle}</Header.Subtitle>}\n          </View>\n        </View>\n      }\n      left={<Icon icon={'arrow-left'} />}\n      onPressLeft={onPressHeaderLeft}\n      right={<Icon icon={'info'} />}\n      onPressRight={onPressHeaderRight}\n    />\n  );\n};\n\nconst styles = createStyleSheet({\n  titleContainer: {\n    maxWidth: '100%',\n    flexDirection: 'row',\n    alignItems: 'center',\n  },\n  avatarGroup: {\n    marginRight: 8,\n  },\n  subtitle: {\n    marginTop: 2,\n  },\n});\n\nexport default GroupChannelHeader;\n"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AACA,SAASC,IAAT,QAAqB,cAArB;AAEA,SAASC,MAAT,EAAiBC,IAAjB,EAAuBC,gBAAvB,EAAyCC,cAAzC,QAA+D,yCAA/D;AAEA,OAAOC,YAAP,MAAyB,kCAAzB;AACA,SAASC,eAAT,QAAgC,2BAAhC;AACA,SAASC,oBAAT,QAAqC,yBAArC;;AAGA,MAAMC,kBAAkB,GAAG,QAA4E;EAAA,IAA3E;IAAEC,iBAAF;IAAqBC;EAArB,CAA2E;EACrG,MAAM;IAAEC,WAAF;IAAeC;EAAf,IAA2Bb,UAAU,CAACQ,oBAAoB,CAACM,QAAtB,CAA3C;EACA,MAAM;IAAEC;EAAF,IAAkBf,UAAU,CAACQ,oBAAoB,CAACQ,eAAtB,CAAlC;EACA,MAAM;IAAEC;EAAF,IAAcV,eAAe,EAAnC;EACA,MAAM;IAAEW;EAAF,IAAsBb,cAAc,EAA1C;EACA,MAAMc,QAAQ,GAAGF,OAAO,CAACG,MAAR,CAAeC,wBAAf,CAAwCN,WAAxC,CAAjB;EAEA,oBACE,oBAAC,eAAD;IACE,gBAAgB,MADlB;IAEE,KAAK,eACH,oBAAC,IAAD;MAAM,KAAK,EAAEO,MAAM,CAACC;IAApB,gBACE,oBAAC,YAAD;MAAc,OAAO,EAAEV,OAAvB;MAAgC,IAAI,EAAE,EAAtC;MAA0C,cAAc,EAAES,MAAM,CAACE;IAAjE,EADF,eAEE,oBAAC,IAAD;MAAM,KAAK,EAAE;QAAEC,UAAU,EAAE;MAAd;IAAb,gBACE,oBAAC,MAAD,CAAQ,KAAR;MAAc,EAAE;IAAhB,GAAkBb,WAAlB,CADF,EAEGc,OAAO,CAACP,QAAD,CAAP,IAAqBA,QAArB,iBAAiC,oBAAC,MAAD,CAAQ,QAAR;MAAiB,KAAK,EAAEG,MAAM,CAACH;IAA/B,GAA0CA,QAA1C,CAFpC,CAFF,CAHJ;IAWE,IAAI,eAAE,oBAAC,IAAD;MAAM,IAAI,EAAE;IAAZ,EAXR;IAYE,WAAW,EAAET,iBAZf;IAaE,KAAK,eAAE,oBAAC,IAAD;MAAM,IAAI,EAAE;IAAZ,EAbT;IAcE,YAAY,EAAEC;EAdhB,EADF;AAkBD,CAzBD;;AA2BA,MAAMW,MAAM,GAAGlB,gBAAgB,CAAC;EAC9BmB,cAAc,EAAE;IACdI,QAAQ,EAAE,MADI;IAEdC,aAAa,EAAE,KAFD;IAGdC,UAAU,EAAE;EAHE,CADc;EAM9BL,WAAW,EAAE;IACXM,WAAW,EAAE;EADF,CANiB;EAS9BX,QAAQ,EAAE;IACRY,SAAS,EAAE;EADH;AAToB,CAAD,CAA/B;AAcA,eAAetB,kBAAf"}