@sendbird/uikit-react-native 1.0.0-rc.3 → 1.0.1

package/lib/commonjs/components/UserSelectableBar.js

@@ -1,78 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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: React.FC<Props> = ({ uri, name, selected, disabled }) => {\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,iBAAkC,GAAG,QAAuC;EAAA,IAAtC;IAAEC,GAAF;IAAOC,IAAP;IAAaC,QAAb;IAAuBC;EAAvB,CAAsC;EAChF,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

@@ -1,9 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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

@@ -1,29 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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 = {\n  stringSet: StringSet;\n  children?: React.ReactNode;\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;;;;AAaO,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

@@ -1,33 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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 = {\n  fileService: FileServiceInterface;\n  clipboardService: ClipboardServiceInterface;\n  notificationService: NotificationServiceInterface;\n};\n\nexport const PlatformServiceContext = React.createContext<Props | null>(null);\nexport const PlatformServiceProvider: React.FC<Props> = ({\n  children,\n  fileService,\n  clipboardService,\n  notificationService,\n}) => {\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,uBAAwC,GAAG,QAKlD;EAAA,IALmD;IACvDC,QADuD;IAEvDC,WAFuD;IAGvDC,gBAHuD;IAIvDC;EAJuD,CAKnD;EACJ,oBACE,6BAAC,sBAAD,CAAwB,QAAxB;IAAiC,KAAK,EAAE;MAAEF,WAAF;MAAeC,gBAAf;MAAiCC;IAAjC;EAAxC,GACGH,QADH,CADF;AAKD,CAXM"}

package/lib/commonjs/contexts/SendbirdChat.js

@@ -1,87 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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 = {\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: React.FC<Props> = ({ children, sdkInstance, enableAutoPushTokenRegistration }) => {\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/commonjs/domain/groupChannel/component/GroupChannelHeader.js

@@ -1,88 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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: React.FC<GroupChannelProps['Header']> = ({ onPressHeaderLeft, onPressHeaderRight }) => {\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,kBAAyD,GAAG,QAA+C;EAAA,IAA9C;IAAEC,iBAAF;IAAqBC;EAArB,CAA8C;EAC/G,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"}

package/lib/commonjs/domain/groupChannel/component/GroupChannelInput/EditInput.js

@@ -1,118 +0,0 @@
-"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 _useContext = require("../../../../hooks/useContext");
-
-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 AUTO_FOCUS = _reactNative.Platform.select({
-  ios: false,
-  android: true,
-  default: false
-});
-
-const EditInput = _ref => {
-  let {
-    text,
-    setText,
-    editMessage,
-    setEditMessage,
-    onUpdateUserMessage
-  } = _ref;
-  const {
-    STRINGS
-  } = (0, _useContext.useLocalization)();
-  const inputRef = (0, _react.useRef)(null);
-  const toast = (0, _uikitReactNativeFoundation.useToast)();
-  (0, _react.useEffect)(() => {
-    if (editMessage.isUserMessage()) {
-      setText(editMessage.message ?? '');
-      if (!AUTO_FOCUS) setTimeout(() => {
-        var _inputRef$current;
-
-        return (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.focus();
-      }, 500);
-    }
-  }, [editMessage]);
-
-  const onPressCancel = () => {
-    setEditMessage();
-    setText('');
-  };
-
-  const onPressSave = () => {
-    if (editMessage.isUserMessage()) {
-      onUpdateUserMessage(text, editMessage).catch(() => toast.show(STRINGS.TOAST.UPDATE_MSG_ERROR, 'error'));
-    }
-
-    setEditMessage();
-    setText('');
-  };
-
-  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: styles.editInputContainer
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: styles.inputWrapper
-  }, /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.TextInput, {
-    autoFocus: AUTO_FOCUS,
-    ref: inputRef,
-    multiline: true,
-    value: text,
-    onChangeText: setText,
-    style: styles.input,
-    placeholder: STRINGS.GROUP_CHANNEL.INPUT_PLACEHOLDER_ACTIVE
-  })), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: {
-      marginTop: 8,
-      flexDirection: 'row'
-    }
-  }, /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Button, {
-    variant: 'text',
-    onPress: onPressCancel
-  }, STRINGS.GROUP_CHANNEL.INPUT_EDIT_CANCEL), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: styles.space
-  }), /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Button, {
-    variant: 'contained',
-    onPress: onPressSave
-  }, STRINGS.GROUP_CHANNEL.INPUT_EDIT_OK)));
-};
-
-const styles = (0, _uikitReactNativeFoundation.createStyleSheet)({
-  editInputContainer: {
-    paddingVertical: 10,
-    paddingHorizontal: 16,
-    flexDirection: 'column',
-    alignItems: 'center'
-  },
-  input: {
-    flex: 1,
-    marginRight: 4,
-    minHeight: 36,
-    maxHeight: 36 * _reactNative.Platform.select({
-      ios: 2.5,
-      default: 2
-    }),
-    borderRadius: 20
-  },
-  inputWrapper: {
-    flexDirection: 'row'
-  },
-  space: {
-    flex: 1
-  }
-});
-var _default = EditInput;
-exports.default = _default;
-//# sourceMappingURL=EditInput.js.map

package/lib/commonjs/domain/groupChannel/component/GroupChannelInput/EditInput.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["AUTO_FOCUS","Platform","select","ios","android","default","EditInput","text","setText","editMessage","setEditMessage","onUpdateUserMessage","STRINGS","useLocalization","inputRef","useRef","toast","useToast","useEffect","isUserMessage","message","setTimeout","current","focus","onPressCancel","onPressSave","catch","show","TOAST","UPDATE_MSG_ERROR","styles","editInputContainer","inputWrapper","input","GROUP_CHANNEL","INPUT_PLACEHOLDER_ACTIVE","marginTop","flexDirection","INPUT_EDIT_CANCEL","space","INPUT_EDIT_OK","createStyleSheet","paddingVertical","paddingHorizontal","alignItems","flex","marginRight","minHeight","maxHeight","borderRadius"],"sources":["EditInput.tsx"],"sourcesContent":["import React, { useEffect, useRef } from 'react';\nimport { Platform, TextInput as RNTextInput, View } from 'react-native';\n\nimport { Button, TextInput, createStyleSheet, useToast } from '@sendbird/uikit-react-native-foundation';\nimport type { SendbirdFileMessage, SendbirdUserMessage } from '@sendbird/uikit-utils';\n\nimport { useLocalization } from '../../../../hooks/useContext';\nimport type { GroupChannelProps } from '../../types';\n\ntype EditInputProps = GroupChannelProps['Input'] & {\n  text: string;\n  setText: (val: string) => void;\n  editMessage: SendbirdUserMessage | SendbirdFileMessage;\n  setEditMessage: (msg?: SendbirdUserMessage | SendbirdFileMessage) => void;\n};\n\nconst AUTO_FOCUS = Platform.select({ ios: false, android: true, default: false });\nconst EditInput: React.FC<EditInputProps> = ({ text, setText, editMessage, setEditMessage, onUpdateUserMessage }) => {\n  const { STRINGS } = useLocalization();\n  const inputRef = useRef<RNTextInput>(null);\n  const toast = useToast();\n\n  useEffect(() => {\n    if (editMessage.isUserMessage()) {\n      setText(editMessage.message ?? '');\n\n      if (!AUTO_FOCUS) setTimeout(() => inputRef.current?.focus(), 500);\n    }\n  }, [editMessage]);\n\n  const onPressCancel = () => {\n    setEditMessage();\n    setText('');\n  };\n\n  const onPressSave = () => {\n    if (editMessage.isUserMessage()) {\n      onUpdateUserMessage(text, editMessage).catch(() => toast.show(STRINGS.TOAST.UPDATE_MSG_ERROR, 'error'));\n    }\n    setEditMessage();\n    setText('');\n  };\n\n  return (\n    <View style={styles.editInputContainer}>\n      <View style={styles.inputWrapper}>\n        <TextInput\n          autoFocus={AUTO_FOCUS}\n          ref={inputRef}\n          multiline\n          value={text}\n          onChangeText={setText}\n          style={styles.input}\n          placeholder={STRINGS.GROUP_CHANNEL.INPUT_PLACEHOLDER_ACTIVE}\n        />\n      </View>\n      <View style={{ marginTop: 8, flexDirection: 'row' }}>\n        <Button variant={'text'} onPress={onPressCancel}>\n          {STRINGS.GROUP_CHANNEL.INPUT_EDIT_CANCEL}\n        </Button>\n        <View style={styles.space} />\n        <Button variant={'contained'} onPress={onPressSave}>\n          {STRINGS.GROUP_CHANNEL.INPUT_EDIT_OK}\n        </Button>\n      </View>\n    </View>\n  );\n};\n\nconst styles = createStyleSheet({\n  editInputContainer: {\n    paddingVertical: 10,\n    paddingHorizontal: 16,\n    flexDirection: 'column',\n    alignItems: 'center',\n  },\n  input: {\n    flex: 1,\n    marginRight: 4,\n    minHeight: 36,\n    maxHeight: 36 * Platform.select({ ios: 2.5, default: 2 }),\n    borderRadius: 20,\n  },\n  inputWrapper: {\n    flexDirection: 'row',\n  },\n  space: {\n    flex: 1,\n  },\n});\n\nexport default EditInput;\n"],"mappings":"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"}

package/lib/commonjs/domain/groupChannel/component/GroupChannelInput/SendInput.js

@@ -1,148 +0,0 @@
-"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");
-
-var _useContext = require("../../../../hooks/useContext");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const SendInput = _ref => {
-  let {
-    onSendUserMessage,
-    onSendFileMessage,
-    text,
-    setText,
-    disabled
-  } = _ref;
-  const {
-    STRINGS
-  } = (0, _useContext.useLocalization)();
-  const {
-    openSheet
-  } = (0, _uikitReactNativeFoundation.useBottomSheet)();
-  const {
-    fileService
-  } = (0, _useContext.usePlatformService)();
-  const {
-    colors
-  } = (0, _uikitReactNativeFoundation.useUIKitTheme)();
-  const toast = (0, _uikitReactNativeFoundation.useToast)();
-
-  const onPressSend = () => {
-    onSendUserMessage(text).catch(() => toast.show(STRINGS.TOAST.SEND_MSG_ERROR, 'error'));
-    setText('');
-  };
-
-  const onPressAttachment = () => {
-    openSheet({
-      sheetItems: [{
-        title: STRINGS.GROUP_CHANNEL.DIALOG_ATTACHMENT_CAMERA,
-        icon: 'camera',
-        onPress: async () => {
-          const photo = await fileService.openCamera({
-            mediaType: 'photo',
-            onOpenFailureWithToastMessage: () => toast.show(STRINGS.TOAST.OPEN_CAMERA_ERROR, 'error')
-          });
-
-          if (photo) {
-            onSendFileMessage(photo).catch(() => toast.show(STRINGS.TOAST.SEND_MSG_ERROR, 'error'));
-          }
-        }
-      }, {
-        title: STRINGS.GROUP_CHANNEL.DIALOG_ATTACHMENT_PHOTO_LIBRARY,
-        icon: 'photo',
-        onPress: async () => {
-          const photo = await fileService.openMediaLibrary({
-            selectionLimit: 1,
-            mediaType: 'all',
-            onOpenFailureWithToastMessage: () => toast.show(STRINGS.TOAST.OPEN_PHOTO_LIBRARY_ERROR, 'error')
-          });
-
-          if (photo && photo[0]) {
-            onSendFileMessage(photo[0]).catch(() => toast.show(STRINGS.TOAST.SEND_MSG_ERROR, 'error'));
-          }
-        }
-      }, {
-        title: STRINGS.GROUP_CHANNEL.DIALOG_ATTACHMENT_FILES,
-        icon: 'document',
-        onPress: async () => {
-          const file = await fileService.openDocument({
-            onOpenFailureWithToastMessage: () => toast.show(STRINGS.TOAST.OPEN_FILES_ERROR, 'error')
-          });
-
-          if (file) {
-            onSendFileMessage(file).catch(() => toast.show(STRINGS.TOAST.SEND_MSG_ERROR, 'error'));
-          }
-        }
-      }]
-    });
-  };
-
-  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: styles.sendInputContainer
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
-    onPress: onPressAttachment,
-    disabled: disabled
-  }, /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Icon, {
-    color: disabled ? colors.ui.input.default.disabled.highlight : colors.ui.input.default.active.highlight,
-    icon: 'add',
-    size: 24,
-    containerStyle: styles.iconAttach
-  })), /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.TextInput, {
-    multiline: true,
-    editable: !disabled,
-    value: text,
-    onChangeText: setText,
-    style: styles.input,
-    placeholder: (0, _uikitUtils.conditionChaining)([disabled], [STRINGS.GROUP_CHANNEL.INPUT_PLACEHOLDER_DISABLED, STRINGS.GROUP_CHANNEL.INPUT_PLACEHOLDER_ACTIVE])
-  }), Boolean(text.trim()) && /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
-    onPress: onPressSend,
-    disabled: disabled
-  }, /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Icon, {
-    color: disabled ? colors.ui.input.default.disabled.highlight : colors.ui.input.default.active.highlight,
-    icon: 'send',
-    size: 24,
-    containerStyle: styles.iconSend
-  })));
-};
-
-const styles = (0, _uikitReactNativeFoundation.createStyleSheet)({
-  sendInputContainer: {
-    paddingVertical: 10,
-    paddingHorizontal: 12,
-    alignItems: 'center',
-    flexDirection: 'row'
-  },
-  input: {
-    flex: 1,
-    marginRight: 4,
-    minHeight: 36,
-    maxHeight: 36 * _reactNative.Platform.select({
-      ios: 2.5,
-      default: 2
-    }),
-    borderRadius: 20
-  },
-  iconAttach: {
-    marginRight: 8,
-    padding: 4
-  },
-  iconSend: {
-    marginLeft: 4,
-    padding: 4
-  }
-});
-var _default = SendInput;
-exports.default = _default;
-//# sourceMappingURL=SendInput.js.map