@sendbird/uikit-react-native 1.0.1 → 1.0.2

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

@@ -0,0 +1 @@
+{"version":3,"names":["ScrollToBottomButton","visible","onPress","palette","select","useUIKitTheme","styles","container","opacity","backgroundColor","dark","background400","light","background50","createStyleSheet","padding","borderRadius","Platform","android","elevation","ios","shadowColor","shadowRadius","shadowOffset","width","height","shadowOpacity","React","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;;AACA;;AAEA;;;;AAMA,MAAMA,oBAAoB,GAAG,QAAiC;EAAA,IAAhC;IAAEC,OAAF;IAAWC;EAAX,CAAgC;EAC5D,MAAM;IAAEC,OAAF;IAAWC;EAAX,IAAsB,IAAAC,yCAAA,GAA5B;EACA,oBACE,6BAAC,6BAAD;IACE,OAAO,EAAEH,OADX;IAEE,aAAa,EAAE,GAFjB;IAGE,QAAQ,EAAE,CAACD,OAHb;IAIE,KAAK,EAAE,CACLK,MAAM,CAACC,SADF,EAEL;MACEC,OAAO,EAAEP,OAAO,GAAG,CAAH,GAAO,CADzB;MAEEQ,eAAe,EAAEL,MAAM,CAAC;QAAEM,IAAI,EAAEP,OAAO,CAACQ,aAAhB;QAA+BC,KAAK,EAAET,OAAO,CAACU;MAA9C,CAAD;IAFzB,CAFK;EAJT,gBAYE,6BAAC,gCAAD;IAAM,IAAI,EAAE,cAAZ;IAA4B,IAAI,EAAE;EAAlC,EAZF,CADF;AAgBD,CAlBD;;AAoBA,MAAMP,MAAM,GAAG,IAAAQ,4CAAA,EAAiB;EAC9BP,SAAS,EAAE;IACTQ,OAAO,EAAE,CADA;IAETC,YAAY,EAAE,EAFL;IAGT,GAAGC,qBAAA,CAASb,MAAT,CAAgB;MACjBc,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,CAAjB,CAAf;;4BAkBeC,cAAA,CAAMC,IAAN,CAAW5B,oBAAX,C"}

package/lib/commonjs/components/StatusComposition.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const StatusComposition = _ref => {
+  let {
+    children,
+    error,
+    ErrorComponent,
+    LoadingComponent,
+    loading
+  } = _ref;
+  if (loading && LoadingComponent) return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, LoadingComponent);
+  if (error && ErrorComponent) return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, ErrorComponent);
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children);
+};
+
+var _default = StatusComposition;
+exports.default = _default;
+//# sourceMappingURL=StatusComposition.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["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;;;;AASA,MAAMA,iBAAiB,GAAG,QAA2E;EAAA,IAA1E;IAAEC,QAAF;IAAYC,KAAZ;IAAmBC,cAAnB;IAAmCC,gBAAnC;IAAqDC;EAArD,CAA0E;EACnG,IAAIA,OAAO,IAAID,gBAAf,EAAiC,oBAAO,4DAAGA,gBAAH,CAAP;EACjC,IAAIF,KAAK,IAAIC,cAAb,EAA6B,oBAAO,4DAAGA,cAAH,CAAP;EAC7B,oBAAO,4DAAGF,QAAH,CAAP;AACD,CAJD;;eAMeD,iB"}

package/lib/commonjs/components/TypedPlaceholder.js

@@ -0,0 +1,80 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _uikitReactNativeFoundation = require("@sendbird/uikit-react-native-foundation");
+
+var _useContext = require("../hooks/useContext");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const TypedPlaceholder = _ref => {
+  let {
+    type,
+    onPressRetry
+  } = _ref;
+  const {
+    STRINGS
+  } = (0, _useContext.useLocalization)();
+
+  switch (type) {
+    case 'no-banned-members':
+      return /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Placeholder, {
+        icon: 'ban',
+        message: STRINGS.PLACEHOLDER.NO_BANNED_MEMBERS
+      });
+
+    case 'no-channels':
+      return /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Placeholder, {
+        icon: 'chat',
+        message: STRINGS.PLACEHOLDER.NO_CHANNELS
+      });
+
+    case 'no-messages':
+      return /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Placeholder, {
+        icon: 'message',
+        message: STRINGS.PLACEHOLDER.NO_MESSAGES
+      });
+
+    case 'no-muted-members':
+      return /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Placeholder, {
+        icon: 'mute',
+        message: STRINGS.PLACEHOLDER.NO_MUTED_MEMBERS
+      });
+
+    case 'no-results-found':
+      return /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Placeholder, {
+        icon: 'search',
+        message: STRINGS.PLACEHOLDER.NO_RESULTS_FOUND
+      });
+
+    case 'no-users':
+      return /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Placeholder, {
+        icon: 'members',
+        message: STRINGS.PLACEHOLDER.NO_USERS
+      });
+
+    case 'error-wrong':
+      return /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Placeholder, {
+        icon: 'error',
+        message: STRINGS.PLACEHOLDER.ERROR.MESSAGE,
+        errorRetryLabel: STRINGS.PLACEHOLDER.ERROR.RETRY_LABEL,
+        onPressRetry: onPressRetry
+      });
+
+    case 'loading':
+      return /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Placeholder, {
+        loading: true,
+        icon: 'spinner'
+      });
+  }
+};
+
+var _default = TypedPlaceholder;
+exports.default = _default;
+//# sourceMappingURL=TypedPlaceholder.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["TypedPlaceholder","type","onPressRetry","STRINGS","useLocalization","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;;AAEA;;AAEA;;;;AAcA,MAAMA,gBAAgB,GAAG,QAAmC;EAAA,IAAlC;IAAEC,IAAF;IAAQC;EAAR,CAAkC;EAC1D,MAAM;IAAEC;EAAF,IAAc,IAAAC,2BAAA,GAApB;;EACA,QAAQH,IAAR;IACE,KAAK,mBAAL;MACE,oBAAO,6BAAC,uCAAD;QAAa,IAAI,EAAE,KAAnB;QAA0B,OAAO,EAAEE,OAAO,CAACE,WAAR,CAAoBC;MAAvD,EAAP;;IACF,KAAK,aAAL;MACE,oBAAO,6BAAC,uCAAD;QAAa,IAAI,EAAE,MAAnB;QAA2B,OAAO,EAAEH,OAAO,CAACE,WAAR,CAAoBE;MAAxD,EAAP;;IACF,KAAK,aAAL;MACE,oBAAO,6BAAC,uCAAD;QAAa,IAAI,EAAE,SAAnB;QAA8B,OAAO,EAAEJ,OAAO,CAACE,WAAR,CAAoBG;MAA3D,EAAP;;IACF,KAAK,kBAAL;MACE,oBAAO,6BAAC,uCAAD;QAAa,IAAI,EAAE,MAAnB;QAA2B,OAAO,EAAEL,OAAO,CAACE,WAAR,CAAoBI;MAAxD,EAAP;;IACF,KAAK,kBAAL;MACE,oBAAO,6BAAC,uCAAD;QAAa,IAAI,EAAE,QAAnB;QAA6B,OAAO,EAAEN,OAAO,CAACE,WAAR,CAAoBK;MAA1D,EAAP;;IACF,KAAK,UAAL;MACE,oBAAO,6BAAC,uCAAD;QAAa,IAAI,EAAE,SAAnB;QAA8B,OAAO,EAAEP,OAAO,CAACE,WAAR,CAAoBM;MAA3D,EAAP;;IACF,KAAK,aAAL;MACE,oBACE,6BAAC,uCAAD;QACE,IAAI,EAAE,OADR;QAEE,OAAO,EAAER,OAAO,CAACE,WAAR,CAAoBO,KAApB,CAA0BC,OAFrC;QAGE,eAAe,EAAEV,OAAO,CAACE,WAAR,CAAoBO,KAApB,CAA0BE,WAH7C;QAIE,YAAY,EAAEZ;MAJhB,EADF;;IAQF,KAAK,SAAL;MACE,oBAAO,6BAAC,uCAAD;QAAa,OAAO,MAApB;QAAqB,IAAI,EAAE;MAA3B,EAAP;EAvBJ;AAyBD,CA3BD;;eA6BeF,gB"}

package/lib/commonjs/components/UserActionBar.js

@@ -0,0 +1,96 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactNative = require("react-native");
+
+var _uikitReactNativeFoundation = require("@sendbird/uikit-react-native-foundation");
+
+var _uikitUtils = require("@sendbird/uikit-utils");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const UserActionBar = _ref => {
+  let {
+    muted,
+    uri,
+    name,
+    disabled,
+    onPressActionMenu,
+    label
+  } = _ref;
+  const {
+    colors
+  } = (0, _uikitReactNativeFoundation.useUIKitTheme)();
+  const iconColor = (0, _uikitUtils.conditionChaining)([disabled], [colors.onBackground04, colors.onBackground01]);
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.container
+  }, /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Avatar, {
+    muted: muted,
+    size: 36,
+    uri: uri,
+    containerStyle: styles.avatar
+  }), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styles.infoContainer, {
+      borderBottomColor: colors.onBackground04
+    }]
+  }, /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Text, {
+    subtitle2: true,
+    numberOfLines: 1,
+    style: styles.name,
+    color: colors.onBackground01
+  }, name), Boolean(label) && /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Text, {
+    body2: true,
+    color: colors.onBackground02,
+    style: styles.label
+  }, label), Boolean(onPressActionMenu) && /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
+    onPress: onPressActionMenu,
+    disabled: disabled
+  }, /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Icon, {
+    color: iconColor,
+    size: 24,
+    icon: 'more',
+    containerStyle: styles.iconContainer
+  }))));
+};
+
+const styles = (0, _uikitReactNativeFoundation.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
+  }
+});
+
+var _default = /*#__PURE__*/_react.default.memo(UserActionBar);
+
+exports.default = _default;
+//# sourceMappingURL=UserActionBar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["UserActionBar","muted","uri","name","disabled","onPressActionMenu","label","colors","useUIKitTheme","iconColor","conditionChaining","onBackground04","onBackground01","styles","container","avatar","infoContainer","borderBottomColor","Boolean","onBackground02","iconContainer","createStyleSheet","flexDirection","alignItems","width","height","marginLeft","marginRight","flex","paddingRight","borderBottomWidth","padding","React","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;;AACA;;AAEA;;AACA;;;;AAUA,MAAMA,aAAa,GAAG,QAAqE;EAAA,IAApE;IAAEC,KAAF;IAASC,GAAT;IAAcC,IAAd;IAAoBC,QAApB;IAA8BC,iBAA9B;IAAiDC;EAAjD,CAAoE;EACzF,MAAM;IAAEC;EAAF,IAAa,IAAAC,yCAAA,GAAnB;EAEA,MAAMC,SAAS,GAAG,IAAAC,6BAAA,EAAkB,CAACN,QAAD,CAAlB,EAA8B,CAACG,MAAM,CAACI,cAAR,EAAwBJ,MAAM,CAACK,cAA/B,CAA9B,CAAlB;EAEA,oBACE,6BAAC,iBAAD;IAAM,KAAK,EAAEC,MAAM,CAACC;EAApB,gBACE,6BAAC,kCAAD;IAAQ,KAAK,EAAEb,KAAf;IAAsB,IAAI,EAAE,EAA5B;IAAgC,GAAG,EAAEC,GAArC;IAA0C,cAAc,EAAEW,MAAM,CAACE;EAAjE,EADF,eAEE,6BAAC,iBAAD;IAAM,KAAK,EAAE,CAACF,MAAM,CAACG,aAAR,EAAuB;MAAEC,iBAAiB,EAAEV,MAAM,CAACI;IAA5B,CAAvB;EAAb,gBACE,6BAAC,gCAAD;IAAM,SAAS,MAAf;IAAgB,aAAa,EAAE,CAA/B;IAAkC,KAAK,EAAEE,MAAM,CAACV,IAAhD;IAAsD,KAAK,EAAEI,MAAM,CAACK;EAApE,GACGT,IADH,CADF,EAIGe,OAAO,CAACZ,KAAD,CAAP,iBACC,6BAAC,gCAAD;IAAM,KAAK,MAAX;IAAY,KAAK,EAAEC,MAAM,CAACY,cAA1B;IAA0C,KAAK,EAAEN,MAAM,CAACP;EAAxD,GACGA,KADH,CALJ,EASGY,OAAO,CAACb,iBAAD,CAAP,iBACC,6BAAC,6BAAD;IAAkB,OAAO,EAAEA,iBAA3B;IAA8C,QAAQ,EAAED;EAAxD,gBACE,6BAAC,gCAAD;IAAM,KAAK,EAAEK,SAAb;IAAwB,IAAI,EAAE,EAA9B;IAAkC,IAAI,EAAE,MAAxC;IAAgD,cAAc,EAAEI,MAAM,CAACO;EAAvE,EADF,CAVJ,CAFF,CADF;AAoBD,CAzBD;;AA2BA,MAAMP,MAAM,GAAG,IAAAQ,4CAAA,EAAiB;EAC9BP,SAAS,EAAE;IACTQ,aAAa,EAAE,KADN;IAETC,UAAU,EAAE,QAFH;IAGTC,KAAK,EAAE,MAHE;IAITC,MAAM,EAAE;EAJC,CADmB;EAO9BV,MAAM,EAAE;IACNW,UAAU,EAAE,EADN;IAENC,WAAW,EAAE;EAFP,CAPsB;EAW9BrB,KAAK,EAAE;IACLqB,WAAW,EAAE;EADR,CAXuB;EAc9BX,aAAa,EAAE;IACbS,MAAM,EAAE,MADK;IAEbG,IAAI,EAAE,CAFO;IAGbL,UAAU,EAAE,QAHC;IAIbD,aAAa,EAAE,KAJF;IAKbO,YAAY,EAAE,EALD;IAMbC,iBAAiB,EAAE;EANN,CAde;EAsB9BV,aAAa,EAAE;IACbW,OAAO,EAAE;EADI,CAtBe;EAyB9B5B,IAAI,EAAE;IACJyB,IAAI,EAAE,CADF;IAEJD,WAAW,EAAE;EAFT;AAzBwB,CAAjB,CAAf;;4BA+BeK,cAAA,CAAMC,IAAN,CAAWjC,aAAX,C"}

package/lib/commonjs/components/UserSelectableBar.js

@@ -0,0 +1,78 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactNative = require("react-native");
+
+var _uikitReactNativeFoundation = require("@sendbird/uikit-react-native-foundation");
+
+var _uikitUtils = require("@sendbird/uikit-utils");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const UserSelectableBar = _ref => {
+  let {
+    uri,
+    name,
+    selected,
+    disabled
+  } = _ref;
+  const {
+    colors
+  } = (0, _uikitReactNativeFoundation.useUIKitTheme)();
+  const iconColor = (0, _uikitUtils.conditionChaining)([disabled, selected], [colors.onBackground04, colors.primary, colors.onBackground03]);
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.container
+  }, /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Avatar, {
+    size: 36,
+    uri: uri,
+    containerStyle: styles.avatar
+  }), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styles.infoContainer, {
+      borderBottomColor: colors.onBackground04
+    }]
+  }, /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Text, {
+    subtitle2: true,
+    numberOfLines: 1,
+    style: styles.name,
+    color: colors.onBackground01
+  }, name), /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Icon, {
+    color: iconColor,
+    size: 24,
+    icon: selected ? 'checkbox-on' : 'checkbox-off'
+  })));
+};
+
+const styles = (0, _uikitReactNativeFoundation.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
+  }
+});
+
+var _default = /*#__PURE__*/_react.default.memo(UserSelectableBar);
+
+exports.default = _default;
+//# sourceMappingURL=UserSelectableBar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["UserSelectableBar","uri","name","selected","disabled","colors","useUIKitTheme","iconColor","conditionChaining","onBackground04","primary","onBackground03","styles","container","avatar","infoContainer","borderBottomColor","onBackground01","createStyleSheet","flexDirection","alignItems","width","height","paddingHorizontal","marginRight","flex","borderBottomWidth","React","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;;AACA;;AAEA;;AACA;;;;AAQA,MAAMA,iBAAiB,GAAG,QAA8C;EAAA,IAA7C;IAAEC,GAAF;IAAOC,IAAP;IAAaC,QAAb;IAAuBC;EAAvB,CAA6C;EACtE,MAAM;IAAEC;EAAF,IAAa,IAAAC,yCAAA,GAAnB;EAEA,MAAMC,SAAS,GAAG,IAAAC,6BAAA,EAChB,CAACJ,QAAD,EAAWD,QAAX,CADgB,EAEhB,CAACE,MAAM,CAACI,cAAR,EAAwBJ,MAAM,CAACK,OAA/B,EAAwCL,MAAM,CAACM,cAA/C,CAFgB,CAAlB;EAKA,oBACE,6BAAC,iBAAD;IAAM,KAAK,EAAEC,MAAM,CAACC;EAApB,gBACE,6BAAC,kCAAD;IAAQ,IAAI,EAAE,EAAd;IAAkB,GAAG,EAAEZ,GAAvB;IAA4B,cAAc,EAAEW,MAAM,CAACE;EAAnD,EADF,eAEE,6BAAC,iBAAD;IAAM,KAAK,EAAE,CAACF,MAAM,CAACG,aAAR,EAAuB;MAAEC,iBAAiB,EAAEX,MAAM,CAACI;IAA5B,CAAvB;EAAb,gBACE,6BAAC,gCAAD;IAAM,SAAS,MAAf;IAAgB,aAAa,EAAE,CAA/B;IAAkC,KAAK,EAAEG,MAAM,CAACV,IAAhD;IAAsD,KAAK,EAAEG,MAAM,CAACY;EAApE,GACGf,IADH,CADF,eAIE,6BAAC,gCAAD;IAAM,KAAK,EAAEK,SAAb;IAAwB,IAAI,EAAE,EAA9B;IAAkC,IAAI,EAAEJ,QAAQ,GAAG,aAAH,GAAmB;EAAnE,EAJF,CAFF,CADF;AAWD,CAnBD;;AAqBA,MAAMS,MAAM,GAAG,IAAAM,4CAAA,EAAiB;EAC9BL,SAAS,EAAE;IACTM,aAAa,EAAE,KADN;IAETC,UAAU,EAAE,QAFH;IAGTC,KAAK,EAAE,MAHE;IAITC,MAAM,EAAE,EAJC;IAKTC,iBAAiB,EAAE;EALV,CADmB;EAQ9BT,MAAM,EAAE;IACNU,WAAW,EAAE;EADP,CARsB;EAW9BT,aAAa,EAAE;IACbO,MAAM,EAAE,MADK;IAEbG,IAAI,EAAE,CAFO;IAGbL,UAAU,EAAE,QAHC;IAIbD,aAAa,EAAE,KAJF;IAKbO,iBAAiB,EAAE;EALN,CAXe;EAkB9BxB,IAAI,EAAE;IACJuB,IAAI,EAAE,CADF;IAEJD,WAAW,EAAE;EAFT;AAlBwB,CAAjB,CAAf;;4BAwBeG,cAAA,CAAMC,IAAN,CAAW5B,iBAAX,C"}

package/lib/commonjs/constants.js

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DEFAULT_LONG_PRESS_DELAY = void 0;
+const DEFAULT_LONG_PRESS_DELAY = 350;
+exports.DEFAULT_LONG_PRESS_DELAY = DEFAULT_LONG_PRESS_DELAY;
+//# sourceMappingURL=constants.js.map

package/lib/commonjs/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":";;;;;;AAAO,MAAMA,wBAAwB,GAAG,GAAjC"}

package/lib/commonjs/contexts/Localization.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LocalizationProvider = exports.LocalizationContext = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const LocalizationContext = /*#__PURE__*/_react.default.createContext(null);
+
+exports.LocalizationContext = LocalizationContext;
+
+const LocalizationProvider = _ref => {
+  let {
+    children,
+    stringSet
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement(LocalizationContext.Provider, {
+    value: {
+      STRINGS: stringSet
+    }
+  }, children);
+};
+
+exports.LocalizationProvider = LocalizationProvider;
+//# sourceMappingURL=Localization.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["LocalizationContext","React","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;;;;AAYO,MAAMA,mBAAmB,gBAAGC,cAAA,CAAMC,aAAN,CAAoD,IAApD,CAA5B;;;;AACA,MAAMC,oBAAoB,GAAG,QAAoC;EAAA,IAAnC;IAAEC,QAAF;IAAYC;EAAZ,CAAmC;EACtE,oBAAO,6BAAC,mBAAD,CAAqB,QAArB;IAA8B,KAAK,EAAE;MAAEC,OAAO,EAAED;IAAX;EAArC,GAA8DD,QAA9D,CAAP;AACD,CAFM"}

package/lib/commonjs/contexts/PlatformService.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PlatformServiceProvider = exports.PlatformServiceContext = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const PlatformServiceContext = /*#__PURE__*/_react.default.createContext(null);
+
+exports.PlatformServiceContext = PlatformServiceContext;
+
+const PlatformServiceProvider = _ref => {
+  let {
+    children,
+    fileService,
+    clipboardService,
+    notificationService
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement(PlatformServiceContext.Provider, {
+    value: {
+      fileService,
+      clipboardService,
+      notificationService
+    }
+  }, children);
+};
+
+exports.PlatformServiceProvider = PlatformServiceProvider;
+//# sourceMappingURL=PlatformService.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["PlatformServiceContext","React","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;;;;AAUO,MAAMA,sBAAsB,gBAAGC,cAAA,CAAMC,aAAN,CAAkC,IAAlC,CAA/B;;;;AACA,MAAMC,uBAAuB,GAAG,QAA6E;EAAA,IAA5E;IAAEC,QAAF;IAAYC,WAAZ;IAAyBC,gBAAzB;IAA2CC;EAA3C,CAA4E;EAClH,oBACE,6BAAC,sBAAD,CAAwB,QAAxB;IAAiC,KAAK,EAAE;MAAEF,WAAF;MAAeC,gBAAf;MAAiCC;IAAjC;EAAxC,GACGH,QADH,CADF;AAKD,CANM"}

package/lib/commonjs/contexts/SendbirdChat.js

@@ -0,0 +1,87 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SendbirdChatProvider = exports.SendbirdChatContext = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _reactNative = require("react-native");
+
+var _uikitChatHooks = require("@sendbird/uikit-chat-hooks");
+
+var _uikitUtils = require("@sendbird/uikit-utils");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+const SendbirdChatContext = /*#__PURE__*/_react.default.createContext(null);
+
+exports.SendbirdChatContext = SendbirdChatContext;
+
+const SendbirdChatProvider = _ref => {
+  let {
+    children,
+    sdkInstance,
+    enableAutoPushTokenRegistration
+  } = _ref;
+  const [currentUser, _setCurrentUser] = (0, _react.useState)();
+  const forceUpdate = (0, _uikitUtils.useForceUpdate)();
+  const appFeatures = (0, _uikitChatHooks.useAppFeatures)(sdkInstance);
+  const setCurrentUser = (0, _react.useCallback)(user => {
+    // NOTE: Sendbird SDK handle User object is always same object, so force update after setCurrentUser
+    _setCurrentUser(user);
+
+    forceUpdate();
+  }, []);
+  const updateCurrentUserInfo = (0, _react.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 = (0, _react.useCallback)(channel => {
+    if (appFeatures.deliveryReceiptEnabled && channel.unreadMessageCount > 0) {
+      sdkInstance.markAsDelivered(channel.url);
+    }
+  }, [sdkInstance, appFeatures.deliveryReceiptEnabled]);
+  (0, _react.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 = _reactNative.AppState.addEventListener('change', listener);
+
+    return () => subscriber.remove();
+  }, [sdkInstance]);
+  const value = {
+    sdk: sdkInstance,
+    currentUser,
+    setCurrentUser,
+    updateCurrentUserInfo,
+    markAsDeliveredWithChannel,
+    features: { ...appFeatures,
+      autoPushTokenRegistrationEnabled: enableAutoPushTokenRegistration
+    }
+  };
+  return /*#__PURE__*/_react.default.createElement(SendbirdChatContext.Provider, {
+    value: value
+  }, children);
+};
+
+exports.SendbirdChatProvider = SendbirdChatProvider;
+//# sourceMappingURL=SendbirdChat.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["SendbirdChatContext","React","createContext","SendbirdChatProvider","children","sdkInstance","enableAutoPushTokenRegistration","currentUser","_setCurrentUser","useState","forceUpdate","useForceUpdate","appFeatures","useAppFeatures","setCurrentUser","useCallback","user","updateCurrentUserInfo","nickname","profile","Error","profileUrl","updateCurrentUserInfoWithProfileImage","markAsDeliveredWithChannel","channel","deliveryReceiptEnabled","unreadMessageCount","markAsDelivered","url","useEffect","listener","status","getConnectionState","setForegroundState","setBackgroundState","subscriber","AppState","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":";;;;;;;AAAA;;AACA;;AAEA;;AAEA;;;;;;AAmCO,MAAMA,mBAAmB,gBAAGC,cAAA,CAAMC,aAAN,CAAoC,IAApC,CAA5B;;;;AACA,MAAMC,oBAAoB,GAAG,QAAuE;EAAA,IAAtE;IAAEC,QAAF;IAAYC,WAAZ;IAAyBC;EAAzB,CAAsE;EACzG,MAAM,CAACC,WAAD,EAAcC,eAAd,IAAiC,IAAAC,eAAA,GAAvC;EACA,MAAMC,WAAW,GAAG,IAAAC,0BAAA,GAApB;EACA,MAAMC,WAAW,GAAG,IAAAC,8BAAA,EAAeR,WAAf,CAApB;EAEA,MAAMS,cAAyC,GAAG,IAAAC,kBAAA,EAAaC,IAAD,IAAU;IACtE;IACAR,eAAe,CAACQ,IAAD,CAAf;;IACAN,WAAW;EACZ,CAJiD,EAI/C,EAJ+C,CAAlD;EAMA,MAAMO,qBAAuD,GAAG,IAAAF,kBAAA,EAC9D,OAAOG,QAAP,EAAiBC,OAAjB,KAA6B;IAC3B,IAAIH,IAAI,GAAGT,WAAX;IAEA,IAAI,CAACS,IAAL,EAAW,MAAM,IAAII,KAAJ,CAAU,gFAAV,CAAN;;IAEX,IAAI,OAAOD,OAAP,KAAmB,WAAvB,EAAoC;MAClCH,IAAI,GAAG,MAAMX,WAAW,CAACY,qBAAZ,CAAkCC,QAAlC,EAA4Cb,WAAW,CAACE,WAAZ,CAAwBc,UAApE,CAAb;IACD,CAFD,MAEO,IAAI,OAAOF,OAAP,KAAmB,QAAvB,EAAiC;MACtCH,IAAI,GAAG,MAAMX,WAAW,CAACY,qBAAZ,CAAkCC,QAAlC,EAA4CC,OAA5C,CAAb;IACD,CAFM,MAEA,IAAI,OAAOA,OAAP,KAAmB,QAAvB,EAAiC;MACtCH,IAAI,GAAG,MAAMX,WAAW,CAACiB,qCAAZ,CAAkDJ,QAAlD,EAA4DC,OAA5D,CAAb;IACD,CAFM,MAEA;MACL,MAAM,IAAIC,KAAJ,CAAW,qDAAoD,OAAOD,OAAQ,GAA9E,CAAN;IACD;;IAEDL,cAAc,CAACE,IAAD,CAAd;IACA,OAAOA,IAAP;EACD,CAlB6D,EAmB9D,CAACX,WAAD,EAAcE,WAAd,EAA2BO,cAA3B,CAnB8D,CAAhE;EAsBA,MAAMS,0BAAiE,GAAG,IAAAR,kBAAA,EACvES,OAAD,IAAmC;IACjC,IAAIZ,WAAW,CAACa,sBAAZ,IAAsCD,OAAO,CAACE,kBAAR,GAA6B,CAAvE,EAA0E;MACxErB,WAAW,CAACsB,eAAZ,CAA4BH,OAAO,CAACI,GAApC;IACD;EACF,CALuE,EAMxE,CAACvB,WAAD,EAAcO,WAAW,CAACa,sBAA1B,CANwE,CAA1E;EASA,IAAAI,gBAAA,EAAU,MAAM;IACd,MAAMC,QAAQ,GAAIC,MAAD,IAA4B;MAC3C;MACA,IAAIA,MAAM,KAAK,QAAf,EAAyB1B,WAAW,CAAC2B,kBAAZ,OAAqC,QAArC,IAAiD3B,WAAW,CAAC4B,kBAAZ,EAAjD,CAAzB,KACK5B,WAAW,CAAC2B,kBAAZ,OAAqC,MAArC,IAA+C3B,WAAW,CAAC6B,kBAAZ,EAA/C;IACN,CAJD;;IAMA,MAAMC,UAAU,GAAGC,qBAAA,CAASC,gBAAT,CAA0B,QAA1B,EAAoCP,QAApC,CAAnB;;IACA,OAAO,MAAMK,UAAU,CAACG,MAAX,EAAb;EACD,CATD,EASG,CAACjC,WAAD,CATH;EAWA,MAAMkC,KAAc,GAAG;IACrBC,GAAG,EAAEnC,WADgB;IAErBE,WAFqB;IAGrBO,cAHqB;IAKrBG,qBALqB;IAMrBM,0BANqB;IAQrBkB,QAAQ,EAAE,EACR,GAAG7B,WADK;MAER8B,gCAAgC,EAAEpC;IAF1B;EARW,CAAvB;EAcA,oBAAO,6BAAC,mBAAD,CAAqB,QAArB;IAA8B,KAAK,EAAEiC;EAArC,GAA6CnC,QAA7C,CAAP;AACD,CApEM"}

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

@@ -0,0 +1,88 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _reactNative = require("react-native");
+
+var _uikitReactNativeFoundation = require("@sendbird/uikit-react-native-foundation");
+
+var _ChannelCover = _interopRequireDefault(require("../../../components/ChannelCover"));
+
+var _useContext = require("../../../hooks/useContext");
+
+var _moduleContext = require("../module/moduleContext");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+const GroupChannelHeader = _ref => {
+  let {
+    onPressHeaderLeft,
+    onPressHeaderRight
+  } = _ref;
+  const {
+    headerTitle,
+    channel
+  } = (0, _react.useContext)(_moduleContext.GroupChannelContexts.Fragment);
+  const {
+    typingUsers
+  } = (0, _react.useContext)(_moduleContext.GroupChannelContexts.TypingIndicator);
+  const {
+    STRINGS
+  } = (0, _useContext.useLocalization)();
+  const {
+    HeaderComponent
+  } = (0, _uikitReactNativeFoundation.useHeaderStyle)();
+  const subtitle = STRINGS.LABELS.TYPING_INDICATOR_TYPINGS(typingUsers);
+  return /*#__PURE__*/_react.default.createElement(HeaderComponent, {
+    clearTitleMargin: true,
+    title: /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+      style: styles.titleContainer
+    }, /*#__PURE__*/_react.default.createElement(_ChannelCover.default, {
+      channel: channel,
+      size: 34,
+      containerStyle: styles.avatarGroup
+    }), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+      style: {
+        flexShrink: 1
+      }
+    }, /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Header.Title, {
+      h2: true
+    }, headerTitle), Boolean(subtitle) && subtitle && /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Header.Subtitle, {
+      style: styles.subtitle
+    }, subtitle))),
+    left: /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Icon, {
+      icon: 'arrow-left'
+    }),
+    onPressLeft: onPressHeaderLeft,
+    right: /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Icon, {
+      icon: 'info'
+    }),
+    onPressRight: onPressHeaderRight
+  });
+};
+
+const styles = (0, _uikitReactNativeFoundation.createStyleSheet)({
+  titleContainer: {
+    maxWidth: '100%',
+    flexDirection: 'row',
+    alignItems: 'center'
+  },
+  avatarGroup: {
+    marginRight: 8
+  },
+  subtitle: {
+    marginTop: 2
+  }
+});
+var _default = GroupChannelHeader;
+exports.default = _default;
+//# sourceMappingURL=GroupChannelHeader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["GroupChannelHeader","onPressHeaderLeft","onPressHeaderRight","headerTitle","channel","useContext","GroupChannelContexts","Fragment","typingUsers","TypingIndicator","STRINGS","useLocalization","HeaderComponent","useHeaderStyle","subtitle","LABELS","TYPING_INDICATOR_TYPINGS","styles","titleContainer","avatarGroup","flexShrink","Boolean","createStyleSheet","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;;AACA;;AAEA;;AAEA;;AACA;;AACA;;;;;;;;AAGA,MAAMA,kBAAkB,GAAG,QAA4E;EAAA,IAA3E;IAAEC,iBAAF;IAAqBC;EAArB,CAA2E;EACrG,MAAM;IAAEC,WAAF;IAAeC;EAAf,IAA2B,IAAAC,iBAAA,EAAWC,mCAAA,CAAqBC,QAAhC,CAAjC;EACA,MAAM;IAAEC;EAAF,IAAkB,IAAAH,iBAAA,EAAWC,mCAAA,CAAqBG,eAAhC,CAAxB;EACA,MAAM;IAAEC;EAAF,IAAc,IAAAC,2BAAA,GAApB;EACA,MAAM;IAAEC;EAAF,IAAsB,IAAAC,0CAAA,GAA5B;EACA,MAAMC,QAAQ,GAAGJ,OAAO,CAACK,MAAR,CAAeC,wBAAf,CAAwCR,WAAxC,CAAjB;EAEA,oBACE,6BAAC,eAAD;IACE,gBAAgB,MADlB;IAEE,KAAK,eACH,6BAAC,iBAAD;MAAM,KAAK,EAAES,MAAM,CAACC;IAApB,gBACE,6BAAC,qBAAD;MAAc,OAAO,EAAEd,OAAvB;MAAgC,IAAI,EAAE,EAAtC;MAA0C,cAAc,EAAEa,MAAM,CAACE;IAAjE,EADF,eAEE,6BAAC,iBAAD;MAAM,KAAK,EAAE;QAAEC,UAAU,EAAE;MAAd;IAAb,gBACE,6BAAC,kCAAD,CAAQ,KAAR;MAAc,EAAE;IAAhB,GAAkBjB,WAAlB,CADF,EAEGkB,OAAO,CAACP,QAAD,CAAP,IAAqBA,QAArB,iBAAiC,6BAAC,kCAAD,CAAQ,QAAR;MAAiB,KAAK,EAAEG,MAAM,CAACH;IAA/B,GAA0CA,QAA1C,CAFpC,CAFF,CAHJ;IAWE,IAAI,eAAE,6BAAC,gCAAD;MAAM,IAAI,EAAE;IAAZ,EAXR;IAYE,WAAW,EAAEb,iBAZf;IAaE,KAAK,eAAE,6BAAC,gCAAD;MAAM,IAAI,EAAE;IAAZ,EAbT;IAcE,YAAY,EAAEC;EAdhB,EADF;AAkBD,CAzBD;;AA2BA,MAAMe,MAAM,GAAG,IAAAK,4CAAA,EAAiB;EAC9BJ,cAAc,EAAE;IACdK,QAAQ,EAAE,MADI;IAEdC,aAAa,EAAE,KAFD;IAGdC,UAAU,EAAE;EAHE,CADc;EAM9BN,WAAW,EAAE;IACXO,WAAW,EAAE;EADF,CANiB;EAS9BZ,QAAQ,EAAE;IACRa,SAAS,EAAE;EADH;AAToB,CAAjB,CAAf;eAce3B,kB"}