@sendbird/uikit-react-native/lib/commonjs/domain/openChannelSettings/module/moduleContext.js

Sendbird UIKit for React Native: A feature-rich and customizable chat UI kit with messaging, channel management, and user authentication.

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.OpenChannelSettingsContextsProvider = exports.OpenChannelSettingsContexts = void 0;
var _react = _interopRequireWildcard(require("react"));
var _uikitChatHooks = require("@sendbird/uikit-chat-hooks");
var _uikitReactNativeFoundation = require("@sendbird/uikit-react-native-foundation");
var _uikitUtils = require("@sendbird/uikit-utils");
var _ProviderLayout = _interopRequireDefault(require("../../../components/ProviderLayout"));
var _useContext = require("../../../hooks/useContext");
var _SBUError = _interopRequireDefault(require("../../../libs/SBUError"));
var _SBUUtils = _interopRequireDefault(require("../../../libs/SBUUtils"));
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
const OpenChannelSettingsContexts = exports.OpenChannelSettingsContexts = {
  Fragment: /*#__PURE__*/(0, _react.createContext)({
    channel: {},
    headerTitle: '',
    headerRight: '',
    onPressHeaderRight: _uikitUtils.NOOP
  })
};
const OpenChannelSettingsContextsProvider = ({
  channel,
  onNavigateToOpenChannel,
  children
}) => {
  const handlerId = (0, _uikitUtils.useUniqHandlerId)('OpenChannelSettingsContextsProvider');
  const forceUpdate = (0, _uikitUtils.useForceUpdate)();
  const {
    STRINGS
  } = (0, _useContext.useLocalization)();
  const {
    sdk,
    currentUser
  } = (0, _useContext.useSendbirdChat)();
  const {
    fileService
  } = (0, _useContext.usePlatformService)();
  const {
    alert
  } = (0, _uikitReactNativeFoundation.useAlert)();
  const onChannelChanged = eventChannel => {
    if ((0, _uikitUtils.isDifferentChannel)(eventChannel, channel)) return;
    forceUpdate();
  };
  const onOperatorUpdated = eventChannel => {
    if ((0, _uikitUtils.isDifferentChannel)(eventChannel, channel) || !eventChannel.isOpenChannel()) return;
    if (currentUser && !eventChannel.isOperator(currentUser.userId)) {
      onNavigateToOpenChannel();
    }
  };
  (0, _uikitChatHooks.useChannelHandler)(sdk, handlerId, {
    onOperatorUpdated: onOperatorUpdated,
    onChannelUnfrozen: onChannelChanged,
    onChannelChanged: onChannelChanged,
    onChannelFrozen: onChannelChanged,
    onUserBanned: onChannelChanged
  }, 'open');
  const toast = (0, _uikitReactNativeFoundation.useToast)();
  const {
    openSheet
  } = (0, _uikitReactNativeFoundation.useBottomSheet)();
  const {
    openPrompt
  } = (0, _uikitReactNativeFoundation.usePrompt)();
  const {
    openMenu
  } = (0, _uikitReactNativeFoundation.useActionMenu)();
  const updateChannel = (0, _react.useCallback)(async params => {
    await channel.updateChannel(params);
    forceUpdate();
  }, [channel]);
  const changeChannelName = (0, _react.useCallback)(() => {
    openPrompt({
      title: STRINGS.OPEN_CHANNEL_SETTINGS.DIALOG_CHANGE_NAME_PROMPT_TITLE,
      submitLabel: STRINGS.OPEN_CHANNEL_SETTINGS.DIALOG_CHANGE_NAME_PROMPT_OK,
      placeholder: STRINGS.OPEN_CHANNEL_SETTINGS.DIALOG_CHANGE_NAME_PROMPT_PLACEHOLDER,
      defaultValue: channel.name,
      onSubmit: channelName => updateChannel({
        name: channelName
      })
    });
  }, [STRINGS, updateChannel, channel.name]);
  const changeChannelImage = (0, _react.useCallback)(() => {
    openMenu({
      title: STRINGS.OPEN_CHANNEL_SETTINGS.DIALOG_CHANGE_IMAGE_MENU_TITLE,
      menuItems: [{
        title: STRINGS.OPEN_CHANNEL_SETTINGS.DIALOG_CHANGE_IMAGE_MENU_CAMERA,
        onPress: async () => {
          const file = await fileService.openCamera({
            mediaType: 'photo',
            onOpenFailure: error => {
              if (error.code === _SBUError.default.CODE.ERR_PERMISSIONS_DENIED) {
                alert({
                  title: STRINGS.DIALOG.ALERT_PERMISSIONS_TITLE,
                  message: STRINGS.DIALOG.ALERT_PERMISSIONS_MESSAGE(STRINGS.LABELS.PERMISSION_CAMERA, STRINGS.LABELS.PERMISSION_APP_NAME),
                  buttons: [{
                    text: STRINGS.DIALOG.ALERT_PERMISSIONS_OK,
                    onPress: () => _SBUUtils.default.openSettings()
                  }]
                });
              } else {
                toast.show(STRINGS.TOAST.OPEN_CAMERA_ERROR, 'error');
              }
            }
          });
          if (!file) return;
          await updateChannel({
            coverUrlOrImage: file
          });
        }
      }, {
        title: STRINGS.OPEN_CHANNEL_SETTINGS.DIALOG_CHANGE_IMAGE_MENU_PHOTO_LIBRARY,
        onPress: async () => {
          const files = await fileService.openMediaLibrary({
            selectionLimit: 1,
            mediaType: 'photo',
            onOpenFailure: error => {
              if (error.code === _SBUError.default.CODE.ERR_PERMISSIONS_DENIED) {
                alert({
                  title: STRINGS.DIALOG.ALERT_PERMISSIONS_TITLE,
                  message: STRINGS.DIALOG.ALERT_PERMISSIONS_MESSAGE(STRINGS.LABELS.PERMISSION_DEVICE_STORAGE, STRINGS.LABELS.PERMISSION_APP_NAME),
                  buttons: [{
                    text: STRINGS.DIALOG.ALERT_PERMISSIONS_OK,
                    onPress: () => _SBUUtils.default.openSettings()
                  }]
                });
              } else {
                toast.show(STRINGS.TOAST.OPEN_PHOTO_LIBRARY_ERROR, 'error');
              }
            }
          });
          if (!files || !files[0]) return;
          await updateChannel({
            coverUrlOrImage: files[0]
          });
        }
      }]
    });
  }, [STRINGS, updateChannel]);
  const onPressHeaderRight = (0, _react.useCallback)(() => {
    openSheet({
      sheetItems: [{
        title: STRINGS.OPEN_CHANNEL_SETTINGS.DIALOG_CHANGE_NAME,
        onPress: changeChannelName
      }, {
        title: STRINGS.OPEN_CHANNEL_SETTINGS.DIALOG_CHANGE_IMAGE,
        onPress: changeChannelImage
      }]
    });
  }, [STRINGS, changeChannelImage, changeChannelName]);
  return /*#__PURE__*/_react.default.createElement(_ProviderLayout.default, null, /*#__PURE__*/_react.default.createElement(OpenChannelSettingsContexts.Fragment.Provider, {
    value: {
      channel,
      headerTitle: STRINGS.OPEN_CHANNEL_SETTINGS.HEADER_TITLE,
      headerRight: STRINGS.OPEN_CHANNEL_SETTINGS.HEADER_RIGHT,
      onPressHeaderRight
    }
  }, children));
};
exports.OpenChannelSettingsContextsProvider = OpenChannelSettingsContextsProvider;
//# sourceMappingURL=moduleContext.js.map