@sendbird/uikit-react-native 2.3.0 → 2.4.1

package/lib/commonjs/domain/openChannelCreate/component/OpenChannelCreateProfileInput.js

@@ -0,0 +1,169 @@
+"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 _Icon = _interopRequireDefault(require("@sendbird/uikit-react-native-foundation/src/components/Icon"));
+
+var _uikitUtils = require("@sendbird/uikit-utils");
+
+var _useContext = require("../../../hooks/useContext");
+
+var _SBUError = _interopRequireDefault(require("../../../libs/SBUError"));
+
+var _SBUUtils = _interopRequireDefault(require("../../../libs/SBUUtils"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const OpenChannelCreateProfileInput = _ref => {
+  let {
+    channelName,
+    channelCoverFile,
+    onChangeChannelName,
+    onChangeChannelCoverFile
+  } = _ref;
+  const toast = (0, _uikitReactNativeFoundation.useToast)();
+  const {
+    openSheet
+  } = (0, _uikitReactNativeFoundation.useBottomSheet)();
+  const {
+    palette,
+    colors,
+    typography
+  } = (0, _uikitReactNativeFoundation.useUIKitTheme)();
+  const safeArea = (0, _uikitUtils.useSafeAreaPadding)(['left', 'right']);
+  const {
+    STRINGS
+  } = (0, _useContext.useLocalization)();
+  const {
+    fileService
+  } = (0, _useContext.usePlatformService)();
+
+  const onPressPhotoButton = () => {
+    const sheetItems = [{
+      title: STRINGS.OPEN_CHANNEL_CREATE.DIALOG_IMAGE_MENU_CAMERA,
+      onPress: async () => {
+        const mediaFile = 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 (mediaFile) onChangeChannelCoverFile(mediaFile);
+      }
+    }, {
+      title: STRINGS.OPEN_CHANNEL_CREATE.DIALOG_IMAGE_MENU_PHOTO_LIBRARY,
+      onPress: async () => {
+        const mediaFiles = 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 (mediaFiles !== null && mediaFiles !== void 0 && mediaFiles[0]) onChangeChannelCoverFile(mediaFiles[0]);
+      }
+    }];
+
+    if (channelCoverFile) {
+      sheetItems.unshift({
+        title: STRINGS.OPEN_CHANNEL_CREATE.DIALOG_IMAGE_MENU_REMOVE,
+        titleColor: colors.error,
+        onPress: () => {
+          onChangeChannelCoverFile(undefined);
+        }
+      });
+    }
+
+    openSheet({
+      sheetItems
+    });
+  };
+
+  return /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Box, {
+    flexDirection: 'row',
+    paddingVertical: 16,
+    paddingLeft: 16 + safeArea.paddingLeft,
+    paddingRight: 16 + safeArea.paddingRight
+  }, /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.PressBox, {
+    onPress: onPressPhotoButton,
+    style: styles.coverButton,
+    activeOpacity: 0.8
+  }, (0, _uikitUtils.ifThenOr)(Boolean(channelCoverFile), /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Avatar, {
+    size: 72,
+    uri: channelCoverFile === null || channelCoverFile === void 0 ? void 0 : channelCoverFile.uri
+  }), /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Avatar.Icon, {
+    size: 72,
+    icon: 'camera'
+  }))), /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Box, {
+    borderBottomColor: colors.onBackground04,
+    style: styles.inputContainer
+  }, /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.TextInput, {
+    placeholder: STRINGS.OPEN_CHANNEL_CREATE.PLACEHOLDER,
+    style: [typography.subtitle1, styles.input, {
+      backgroundColor: palette.transparent
+    }],
+    value: channelName,
+    onChangeText: onChangeChannelName
+  }), channelName.length > 0 && /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.PressBox, {
+    onPress: () => onChangeChannelName(''),
+    style: styles.removeButtonContainer
+  }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
+    color: colors.onBackground03,
+    size: 22,
+    icon: 'remove'
+  }))));
+};
+
+const styles = (0, _uikitReactNativeFoundation.createStyleSheet)({
+  coverButton: {
+    marginRight: 20
+  },
+  inputContainer: {
+    flex: 1,
+    flexDirection: 'row',
+    alignItems: 'center',
+    borderBottomWidth: 1
+  },
+  input: {
+    flex: 1,
+    paddingVertical: 0,
+    paddingHorizontal: 0
+  },
+  removeButtonContainer: {
+    alignItems: 'flex-end',
+    justifyContent: 'center',
+    marginLeft: 8
+  }
+});
+var _default = OpenChannelCreateProfileInput;
+exports.default = _default;
+//# sourceMappingURL=OpenChannelCreateProfileInput.js.map

package/lib/commonjs/domain/openChannelCreate/component/OpenChannelCreateProfileInput.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["OpenChannelCreateProfileInput","channelName","channelCoverFile","onChangeChannelName","onChangeChannelCoverFile","toast","useToast","openSheet","useBottomSheet","palette","colors","typography","useUIKitTheme","safeArea","useSafeAreaPadding","STRINGS","useLocalization","fileService","usePlatformService","onPressPhotoButton","sheetItems","title","OPEN_CHANNEL_CREATE","DIALOG_IMAGE_MENU_CAMERA","onPress","mediaFile","openCamera","mediaType","onOpenFailure","error","code","SBUError","CODE","ERR_PERMISSIONS_DENIED","alert","DIALOG","ALERT_PERMISSIONS_TITLE","message","ALERT_PERMISSIONS_MESSAGE","LABELS","PERMISSION_CAMERA","PERMISSION_APP_NAME","buttons","text","ALERT_PERMISSIONS_OK","SBUUtils","openSettings","show","TOAST","OPEN_CAMERA_ERROR","DIALOG_IMAGE_MENU_PHOTO_LIBRARY","mediaFiles","openMediaLibrary","selectionLimit","PERMISSION_DEVICE_STORAGE","OPEN_PHOTO_LIBRARY_ERROR","unshift","DIALOG_IMAGE_MENU_REMOVE","titleColor","undefined","paddingLeft","paddingRight","styles","coverButton","ifThenOr","Boolean","uri","onBackground04","inputContainer","PLACEHOLDER","subtitle1","input","backgroundColor","transparent","length","removeButtonContainer","onBackground03","createStyleSheet","marginRight","flex","flexDirection","alignItems","borderBottomWidth","paddingVertical","paddingHorizontal","justifyContent","marginLeft"],"sources":["OpenChannelCreateProfileInput.tsx"],"sourcesContent":["import React from 'react';\n\nimport {\n  Avatar,\n  BottomSheetItem,\n  Box,\n  PressBox,\n  TextInput,\n  createStyleSheet,\n  useBottomSheet,\n  useToast,\n  useUIKitTheme,\n} from '@sendbird/uikit-react-native-foundation';\nimport Icon from '@sendbird/uikit-react-native-foundation/src/components/Icon';\nimport { ifThenOr, useSafeAreaPadding } from '@sendbird/uikit-utils';\n\nimport { useLocalization, usePlatformService } from '../../../hooks/useContext';\nimport SBUError from '../../../libs/SBUError';\nimport SBUUtils from '../../../libs/SBUUtils';\nimport type { OpenChannelCreateProps } from '../types';\n\nconst OpenChannelCreateProfileInput = ({\n  channelName,\n  channelCoverFile,\n  onChangeChannelName,\n  onChangeChannelCoverFile,\n}: OpenChannelCreateProps['ProfileInput']) => {\n  const toast = useToast();\n  const { openSheet } = useBottomSheet();\n  const { palette, colors, typography } = useUIKitTheme();\n  const safeArea = useSafeAreaPadding(['left', 'right']);\n\n  const { STRINGS } = useLocalization();\n  const { fileService } = usePlatformService();\n\n  const onPressPhotoButton = () => {\n    const sheetItems: BottomSheetItem['sheetItems'] = [\n      {\n        title: STRINGS.OPEN_CHANNEL_CREATE.DIALOG_IMAGE_MENU_CAMERA,\n        onPress: async () => {\n          const mediaFile = await fileService.openCamera({\n            mediaType: 'photo',\n            onOpenFailure: (error) => {\n              if (error.code === SBUError.CODE.ERR_PERMISSIONS_DENIED) {\n                alert({\n                  title: STRINGS.DIALOG.ALERT_PERMISSIONS_TITLE,\n                  message: STRINGS.DIALOG.ALERT_PERMISSIONS_MESSAGE(\n                    STRINGS.LABELS.PERMISSION_CAMERA,\n                    STRINGS.LABELS.PERMISSION_APP_NAME,\n                  ),\n                  buttons: [{ text: STRINGS.DIALOG.ALERT_PERMISSIONS_OK, onPress: () => SBUUtils.openSettings() }],\n                });\n              } else {\n                toast.show(STRINGS.TOAST.OPEN_CAMERA_ERROR, 'error');\n              }\n            },\n          });\n\n          if (mediaFile) onChangeChannelCoverFile(mediaFile);\n        },\n      },\n      {\n        title: STRINGS.OPEN_CHANNEL_CREATE.DIALOG_IMAGE_MENU_PHOTO_LIBRARY,\n        onPress: async () => {\n          const mediaFiles = await fileService.openMediaLibrary({\n            selectionLimit: 1,\n            mediaType: 'photo',\n            onOpenFailure: (error) => {\n              if (error.code === SBUError.CODE.ERR_PERMISSIONS_DENIED) {\n                alert({\n                  title: STRINGS.DIALOG.ALERT_PERMISSIONS_TITLE,\n                  message: STRINGS.DIALOG.ALERT_PERMISSIONS_MESSAGE(\n                    STRINGS.LABELS.PERMISSION_DEVICE_STORAGE,\n                    STRINGS.LABELS.PERMISSION_APP_NAME,\n                  ),\n                  buttons: [{ text: STRINGS.DIALOG.ALERT_PERMISSIONS_OK, onPress: () => SBUUtils.openSettings() }],\n                });\n              } else {\n                toast.show(STRINGS.TOAST.OPEN_PHOTO_LIBRARY_ERROR, 'error');\n              }\n            },\n          });\n          if (mediaFiles?.[0]) onChangeChannelCoverFile(mediaFiles[0]);\n        },\n      },\n    ];\n\n    if (channelCoverFile) {\n      sheetItems.unshift({\n        title: STRINGS.OPEN_CHANNEL_CREATE.DIALOG_IMAGE_MENU_REMOVE,\n        titleColor: colors.error,\n        onPress: () => {\n          onChangeChannelCoverFile(undefined);\n        },\n      });\n    }\n\n    openSheet({ sheetItems });\n  };\n\n  return (\n    <Box\n      flexDirection={'row'}\n      paddingVertical={16}\n      paddingLeft={16 + safeArea.paddingLeft}\n      paddingRight={16 + safeArea.paddingRight}\n    >\n      <PressBox onPress={onPressPhotoButton} style={styles.coverButton} activeOpacity={0.8}>\n        {ifThenOr(\n          Boolean(channelCoverFile),\n          <Avatar size={72} uri={channelCoverFile?.uri} />,\n          <Avatar.Icon size={72} icon={'camera'} />,\n        )}\n      </PressBox>\n      <Box borderBottomColor={colors.onBackground04} style={styles.inputContainer}>\n        <TextInput\n          placeholder={STRINGS.OPEN_CHANNEL_CREATE.PLACEHOLDER}\n          style={[typography.subtitle1, styles.input, { backgroundColor: palette.transparent }]}\n          value={channelName}\n          onChangeText={onChangeChannelName}\n        />\n\n        {channelName.length > 0 && (\n          <PressBox onPress={() => onChangeChannelName('')} style={styles.removeButtonContainer}>\n            <Icon color={colors.onBackground03} size={22} icon={'remove'} />\n          </PressBox>\n        )}\n      </Box>\n    </Box>\n  );\n};\n\nconst styles = createStyleSheet({\n  coverButton: {\n    marginRight: 20,\n  },\n  inputContainer: {\n    flex: 1,\n    flexDirection: 'row',\n    alignItems: 'center',\n    borderBottomWidth: 1,\n  },\n  input: {\n    flex: 1,\n    paddingVertical: 0,\n    paddingHorizontal: 0,\n  },\n  removeButtonContainer: {\n    alignItems: 'flex-end',\n    justifyContent: 'center',\n    marginLeft: 8,\n  },\n});\n\nexport default OpenChannelCreateProfileInput;\n"],"mappings":"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"}

package/lib/commonjs/domain/openChannelCreate/component/OpenChannelCreateStatusLoading.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _TypedPlaceholder = _interopRequireDefault(require("../../../components/TypedPlaceholder"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const OpenChannelCreateStatusLoading = () => {
+  return /*#__PURE__*/_react.default.createElement(_TypedPlaceholder.default, {
+    type: 'loading'
+  });
+};
+
+var _default = OpenChannelCreateStatusLoading;
+exports.default = _default;
+//# sourceMappingURL=OpenChannelCreateStatusLoading.js.map

package/lib/commonjs/domain/openChannelCreate/component/OpenChannelCreateStatusLoading.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["OpenChannelCreateStatusLoading"],"sources":["OpenChannelCreateStatusLoading.tsx"],"sourcesContent":["import React from 'react';\n\nimport TypedPlaceholder from '../../../components/TypedPlaceholder';\n\nconst OpenChannelCreateStatusLoading = () => {\n  return <TypedPlaceholder type={'loading'} />;\n};\n\nexport default OpenChannelCreateStatusLoading;\n"],"mappings":";;;;;;;AAAA;;AAEA;;;;AAEA,MAAMA,8BAA8B,GAAG,MAAM;EAC3C,oBAAO,6BAAC,yBAAD;IAAkB,IAAI,EAAE;EAAxB,EAAP;AACD,CAFD;;eAIeA,8B"}

package/lib/commonjs/domain/openChannelCreate/index.js

@@ -0,0 +1,54 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "OpenChannelCreateContexts", {
+  enumerable: true,
+  get: function () {
+    return _moduleContext.OpenChannelCreateContexts;
+  }
+});
+Object.defineProperty(exports, "OpenChannelCreateContextsProvider", {
+  enumerable: true,
+  get: function () {
+    return _moduleContext.OpenChannelCreateContextsProvider;
+  }
+});
+Object.defineProperty(exports, "OpenChannelCreateHeader", {
+  enumerable: true,
+  get: function () {
+    return _OpenChannelCreateHeader.default;
+  }
+});
+Object.defineProperty(exports, "OpenChannelCreateProfileInput", {
+  enumerable: true,
+  get: function () {
+    return _OpenChannelCreateProfileInput.default;
+  }
+});
+Object.defineProperty(exports, "OpenChannelCreateStatusLoading", {
+  enumerable: true,
+  get: function () {
+    return _OpenChannelCreateStatusLoading.default;
+  }
+});
+Object.defineProperty(exports, "createOpenChannelCreateModule", {
+  enumerable: true,
+  get: function () {
+    return _createOpenChannelCreateModule.default;
+  }
+});
+
+var _OpenChannelCreateHeader = _interopRequireDefault(require("./component/OpenChannelCreateHeader"));
+
+var _OpenChannelCreateProfileInput = _interopRequireDefault(require("./component/OpenChannelCreateProfileInput"));
+
+var _OpenChannelCreateStatusLoading = _interopRequireDefault(require("./component/OpenChannelCreateStatusLoading"));
+
+var _createOpenChannelCreateModule = _interopRequireDefault(require("./module/createOpenChannelCreateModule"));
+
+var _moduleContext = require("./module/moduleContext");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+//# sourceMappingURL=index.js.map

package/lib/commonjs/domain/openChannelCreate/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { default as OpenChannelCreateHeader } from './component/OpenChannelCreateHeader';\nexport { default as OpenChannelCreateProfileInput } from './component/OpenChannelCreateProfileInput';\nexport { default as OpenChannelCreateStatusLoading } from './component/OpenChannelCreateStatusLoading';\nexport { default as createOpenChannelCreateModule } from './module/createOpenChannelCreateModule';\nexport { OpenChannelCreateContextsProvider, OpenChannelCreateContexts } from './module/moduleContext';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA"}

package/lib/commonjs/domain/openChannelCreate/module/createOpenChannelCreateModule.js

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _OpenChannelCreateHeader = _interopRequireDefault(require("../component/OpenChannelCreateHeader"));
+
+var _OpenChannelCreateProfileInput = _interopRequireDefault(require("../component/OpenChannelCreateProfileInput"));
+
+var _OpenChannelCreateStatusLoading = _interopRequireDefault(require("../component/OpenChannelCreateStatusLoading"));
+
+var _moduleContext = require("./moduleContext");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const createOpenChannelCreateModule = function () {
+  let {
+    Header = _OpenChannelCreateHeader.default,
+    ProfileInput = _OpenChannelCreateProfileInput.default,
+    Provider = _moduleContext.OpenChannelCreateContextsProvider,
+    StatusLoading = _OpenChannelCreateStatusLoading.default,
+    ...module
+  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  return {
+    Header,
+    ProfileInput,
+    Provider,
+    StatusLoading,
+    ...module
+  };
+};
+
+var _default = createOpenChannelCreateModule;
+exports.default = _default;
+//# sourceMappingURL=createOpenChannelCreateModule.js.map

package/lib/commonjs/domain/openChannelCreate/module/createOpenChannelCreateModule.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createOpenChannelCreateModule","Header","OpenChannelCreateHeader","ProfileInput","OpenChannelCreateProfileInput","Provider","OpenChannelCreateContextsProvider","StatusLoading","OpenChannelCreateStatusLoading","module"],"sources":["createOpenChannelCreateModule.tsx"],"sourcesContent":["import OpenChannelCreateHeader from '../component/OpenChannelCreateHeader';\nimport OpenChannelCreateProfileInput from '../component/OpenChannelCreateProfileInput';\nimport OpenChannelCreateStatusLoading from '../component/OpenChannelCreateStatusLoading';\nimport type { OpenChannelCreateModule } from '../types';\nimport { OpenChannelCreateContextsProvider } from './moduleContext';\n\nconst createOpenChannelCreateModule = ({\n  Header = OpenChannelCreateHeader,\n  ProfileInput = OpenChannelCreateProfileInput,\n  Provider = OpenChannelCreateContextsProvider,\n  StatusLoading = OpenChannelCreateStatusLoading,\n  ...module\n}: Partial<OpenChannelCreateModule> = {}): OpenChannelCreateModule => {\n  return { Header, ProfileInput, Provider, StatusLoading, ...module };\n};\n\nexport default createOpenChannelCreateModule;\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAEA;;;;AAEA,MAAMA,6BAA6B,GAAG,YAMgC;EAAA,IAN/B;IACrCC,MAAM,GAAGC,gCAD4B;IAErCC,YAAY,GAAGC,sCAFsB;IAGrCC,QAAQ,GAAGC,gDAH0B;IAIrCC,aAAa,GAAGC,uCAJqB;IAKrC,GAAGC;EALkC,CAM+B,uEAAhC,EAAgC;EACpE,OAAO;IAAER,MAAF;IAAUE,YAAV;IAAwBE,QAAxB;IAAkCE,aAAlC;IAAiD,GAAGE;EAApD,CAAP;AACD,CARD;;eAUeT,6B"}

package/lib/commonjs/domain/openChannelCreate/module/moduleContext.js

@@ -0,0 +1,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.OpenChannelCreateContextsProvider = exports.OpenChannelCreateContexts = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _ProviderLayout = _interopRequireDefault(require("../../../components/ProviderLayout"));
+
+var _useContext = require("../../../hooks/useContext");
+
+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 OpenChannelCreateContexts = {
+  Fragment: /*#__PURE__*/(0, _react.createContext)({
+    headerTitle: '',
+    headerRight: ''
+  })
+};
+exports.OpenChannelCreateContexts = OpenChannelCreateContexts;
+
+const OpenChannelCreateContextsProvider = _ref => {
+  let {
+    children
+  } = _ref;
+  const {
+    STRINGS
+  } = (0, _useContext.useLocalization)();
+  return /*#__PURE__*/_react.default.createElement(_ProviderLayout.default, null, /*#__PURE__*/_react.default.createElement(OpenChannelCreateContexts.Fragment.Provider, {
+    value: {
+      headerTitle: STRINGS.OPEN_CHANNEL_CREATE.HEADER_TITLE,
+      headerRight: STRINGS.OPEN_CHANNEL_CREATE.HEADER_RIGHT
+    }
+  }, children));
+};
+
+exports.OpenChannelCreateContextsProvider = OpenChannelCreateContextsProvider;
+//# sourceMappingURL=moduleContext.js.map

package/lib/commonjs/domain/openChannelCreate/module/moduleContext.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["OpenChannelCreateContexts","Fragment","createContext","headerTitle","headerRight","OpenChannelCreateContextsProvider","children","STRINGS","useLocalization","OPEN_CHANNEL_CREATE","HEADER_TITLE","HEADER_RIGHT"],"sources":["moduleContext.tsx"],"sourcesContent":["import React, { createContext } from 'react';\n\nimport ProviderLayout from '../../../components/ProviderLayout';\nimport { useLocalization } from '../../../hooks/useContext';\nimport type { OpenChannelCreateContextsType, OpenChannelCreateModule } from '../types';\n\nexport const OpenChannelCreateContexts: OpenChannelCreateContextsType = {\n  Fragment: createContext({\n    headerTitle: '',\n    headerRight: '',\n  }),\n};\n\nexport const OpenChannelCreateContextsProvider: OpenChannelCreateModule['Provider'] = ({ children }) => {\n  const { STRINGS } = useLocalization();\n  return (\n    <ProviderLayout>\n      <OpenChannelCreateContexts.Fragment.Provider\n        value={{\n          headerTitle: STRINGS.OPEN_CHANNEL_CREATE.HEADER_TITLE,\n          headerRight: STRINGS.OPEN_CHANNEL_CREATE.HEADER_RIGHT,\n        }}\n      >\n        {children}\n      </OpenChannelCreateContexts.Fragment.Provider>\n    </ProviderLayout>\n  );\n};\n"],"mappings":";;;;;;;AAAA;;AAEA;;AACA;;;;;;;;AAGO,MAAMA,yBAAwD,GAAG;EACtEC,QAAQ,eAAE,IAAAC,oBAAA,EAAc;IACtBC,WAAW,EAAE,EADS;IAEtBC,WAAW,EAAE;EAFS,CAAd;AAD4D,CAAjE;;;AAOA,MAAMC,iCAAsE,GAAG,QAAkB;EAAA,IAAjB;IAAEC;EAAF,CAAiB;EACtG,MAAM;IAAEC;EAAF,IAAc,IAAAC,2BAAA,GAApB;EACA,oBACE,6BAAC,uBAAD,qBACE,6BAAC,yBAAD,CAA2B,QAA3B,CAAoC,QAApC;IACE,KAAK,EAAE;MACLL,WAAW,EAAEI,OAAO,CAACE,mBAAR,CAA4BC,YADpC;MAELN,WAAW,EAAEG,OAAO,CAACE,mBAAR,CAA4BE;IAFpC;EADT,GAMGL,QANH,CADF,CADF;AAYD,CAdM"}

package/lib/commonjs/domain/openChannelCreate/types.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=types.js.map

package/lib/commonjs/domain/openChannelCreate/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type React from 'react';\n\nimport type { OnBeforeHandler, SendbirdOpenChannel, SendbirdOpenChannelCreateParams } from '@sendbird/uikit-utils';\n\nimport type { FileType } from '../../platform/types';\nimport type { CommonComponent } from '../../types';\n\nexport type OpenChannelCreateProps = {\n  Fragment: {\n    onPressHeaderLeft: OpenChannelCreateProps['Header']['onPressHeaderLeft'];\n    onCreateChannel: (channel: SendbirdOpenChannel) => void;\n    onBeforeCreateChannel?: OnBeforeHandler<SendbirdOpenChannelCreateParams>;\n  };\n  Header: {\n    onPressHeaderLeft: () => void;\n    onPressHeaderRight: () => void;\n    shouldActivateHeaderRight: () => boolean;\n  };\n  ProfileInput: {\n    channelName: string;\n    onChangeChannelName: (val: OpenChannelCreateProps['ProfileInput']['channelName']) => void;\n    channelCoverFile: FileType | undefined;\n    onChangeChannelCoverFile: (val: OpenChannelCreateProps['ProfileInput']['channelCoverFile']) => void;\n  };\n};\n\n/**\n * Internal context for OpenChannelCreate\n * For example, the developer can create a custom header\n * with getting data from the domain context\n * */\nexport type OpenChannelCreateContextsType = {\n  Fragment: React.Context<{\n    headerTitle: string;\n    headerRight: string;\n  }>;\n};\nexport interface OpenChannelCreateModule {\n  Provider: CommonComponent;\n  Header: CommonComponent<OpenChannelCreateProps['Header']>;\n  ProfileInput: CommonComponent<OpenChannelCreateProps['ProfileInput']>;\n  StatusLoading: CommonComponent;\n}\n\nexport type OpenChannelCreateFragment = CommonComponent<OpenChannelCreateProps['Fragment']>;\n"],"mappings":""}

package/lib/commonjs/domain/openChannelList/component/OpenChannelListHeader.js

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _uikitReactNativeFoundation = require("@sendbird/uikit-react-native-foundation");
+
+var _moduleContext = require("../module/moduleContext");
+
+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 OpenChannelListHeader = _ref => {
+  let {
+    onPressHeaderRight
+  } = _ref;
+  const {
+    headerTitle
+  } = (0, _react.useContext)(_moduleContext.OpenChannelListContexts.Fragment);
+  const {
+    HeaderComponent
+  } = (0, _uikitReactNativeFoundation.useHeaderStyle)();
+  return /*#__PURE__*/_react.default.createElement(HeaderComponent, {
+    title: headerTitle,
+    right: /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Icon, {
+      icon: 'create'
+    }),
+    onPressRight: onPressHeaderRight
+  });
+};
+
+var _default = OpenChannelListHeader;
+exports.default = _default;
+//# sourceMappingURL=OpenChannelListHeader.js.map

package/lib/commonjs/domain/openChannelList/component/OpenChannelListHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["OpenChannelListHeader","onPressHeaderRight","headerTitle","useContext","OpenChannelListContexts","Fragment","HeaderComponent","useHeaderStyle"],"sources":["OpenChannelListHeader.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport { Icon, useHeaderStyle } from '@sendbird/uikit-react-native-foundation';\n\nimport { OpenChannelListContexts } from '../module/moduleContext';\nimport type { OpenChannelListProps } from '../types';\n\nconst OpenChannelListHeader = ({ onPressHeaderRight }: OpenChannelListProps['Header']) => {\n  const { headerTitle } = useContext(OpenChannelListContexts.Fragment);\n  const { HeaderComponent } = useHeaderStyle();\n  return <HeaderComponent title={headerTitle} right={<Icon icon={'create'} />} onPressRight={onPressHeaderRight} />;\n};\n\nexport default OpenChannelListHeader;\n"],"mappings":";;;;;;;AAAA;;AAEA;;AAEA;;;;;;AAGA,MAAMA,qBAAqB,GAAG,QAA4D;EAAA,IAA3D;IAAEC;EAAF,CAA2D;EACxF,MAAM;IAAEC;EAAF,IAAkB,IAAAC,iBAAA,EAAWC,sCAAA,CAAwBC,QAAnC,CAAxB;EACA,MAAM;IAAEC;EAAF,IAAsB,IAAAC,0CAAA,GAA5B;EACA,oBAAO,6BAAC,eAAD;IAAiB,KAAK,EAAEL,WAAxB;IAAqC,KAAK,eAAE,6BAAC,gCAAD;MAAM,IAAI,EAAE;IAAZ,EAA5C;IAAsE,YAAY,EAAED;EAApF,EAAP;AACD,CAJD;;eAMeD,qB"}

package/lib/commonjs/domain/openChannelList/component/OpenChannelListList.js

@@ -0,0 +1,58 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactNative = require("react-native");
+
+var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
+
+var _uikitUtils = require("@sendbird/uikit-utils");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+const OpenChanelListList = _ref => {
+  let {
+    openChannels,
+    onLoadNext,
+    flatListProps,
+    renderOpenChannelPreview,
+    refreshing,
+    onRefresh
+  } = _ref;
+  const renderItem = (0, _uikitUtils.useFreshCallback)(_ref2 => {
+    let {
+      item
+    } = _ref2;
+    return renderOpenChannelPreview === null || renderOpenChannelPreview === void 0 ? void 0 : renderOpenChannelPreview({
+      channel: item
+    });
+  });
+  const {
+    left,
+    right
+  } = (0, _reactNativeSafeAreaContext.useSafeAreaInsets)();
+  return /*#__PURE__*/_react.default.createElement(_reactNative.FlatList, _extends({
+    refreshing: refreshing,
+    data: openChannels,
+    renderItem: renderItem,
+    onEndReached: onLoadNext,
+    onRefresh: onRefresh
+  }, flatListProps, {
+    contentContainerStyle: [flatListProps === null || flatListProps === void 0 ? void 0 : flatListProps.contentContainerStyle, {
+      paddingLeft: left,
+      paddingRight: right
+    }],
+    keyExtractor: _uikitUtils.getChannelUniqId
+  }));
+};
+
+var _default = OpenChanelListList;
+exports.default = _default;
+//# sourceMappingURL=OpenChannelListList.js.map

package/lib/commonjs/domain/openChannelList/component/OpenChannelListList.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["OpenChanelListList","openChannels","onLoadNext","flatListProps","renderOpenChannelPreview","refreshing","onRefresh","renderItem","useFreshCallback","item","channel","left","right","useSafeAreaInsets","contentContainerStyle","paddingLeft","paddingRight","getChannelUniqId"],"sources":["OpenChannelListList.tsx"],"sourcesContent":["import React from 'react';\nimport { FlatList, ListRenderItem } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport { SendbirdOpenChannel, getChannelUniqId, useFreshCallback } from '@sendbird/uikit-utils';\n\nimport type { OpenChannelListProps } from '../types';\n\nconst OpenChanelListList = ({\n  openChannels,\n  onLoadNext,\n  flatListProps,\n  renderOpenChannelPreview,\n  refreshing,\n  onRefresh,\n}: OpenChannelListProps['List']) => {\n  const renderItem: ListRenderItem<SendbirdOpenChannel> = useFreshCallback(({ item }) =>\n    renderOpenChannelPreview?.({ channel: item }),\n  );\n\n  const { left, right } = useSafeAreaInsets();\n\n  return (\n    <FlatList\n      refreshing={refreshing}\n      data={openChannels}\n      renderItem={renderItem}\n      onEndReached={onLoadNext}\n      onRefresh={onRefresh}\n      {...flatListProps}\n      contentContainerStyle={[flatListProps?.contentContainerStyle, { paddingLeft: left, paddingRight: right }]}\n      keyExtractor={getChannelUniqId}\n    />\n  );\n};\n\nexport default OpenChanelListList;\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAEA;;;;;;AAIA,MAAMA,kBAAkB,GAAG,QAOS;EAAA,IAPR;IAC1BC,YAD0B;IAE1BC,UAF0B;IAG1BC,aAH0B;IAI1BC,wBAJ0B;IAK1BC,UAL0B;IAM1BC;EAN0B,CAOQ;EAClC,MAAMC,UAA+C,GAAG,IAAAC,4BAAA,EAAiB;IAAA,IAAC;MAAEC;IAAF,CAAD;IAAA,OACvEL,wBADuE,aACvEA,wBADuE,uBACvEA,wBAAwB,CAAG;MAAEM,OAAO,EAAED;IAAX,CAAH,CAD+C;EAAA,CAAjB,CAAxD;EAIA,MAAM;IAAEE,IAAF;IAAQC;EAAR,IAAkB,IAAAC,6CAAA,GAAxB;EAEA,oBACE,6BAAC,qBAAD;IACE,UAAU,EAAER,UADd;IAEE,IAAI,EAAEJ,YAFR;IAGE,UAAU,EAAEM,UAHd;IAIE,YAAY,EAAEL,UAJhB;IAKE,SAAS,EAAEI;EALb,GAMMH,aANN;IAOE,qBAAqB,EAAE,CAACA,aAAD,aAACA,aAAD,uBAACA,aAAa,CAAEW,qBAAhB,EAAuC;MAAEC,WAAW,EAAEJ,IAAf;MAAqBK,YAAY,EAAEJ;IAAnC,CAAvC,CAPzB;IAQE,YAAY,EAAEK;EARhB,GADF;AAYD,CA1BD;;eA4BejB,kB"}

package/lib/commonjs/domain/openChannelList/component/OpenChannelListStatusEmpty.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactNative = require("react-native");
+
+var _TypedPlaceholder = _interopRequireDefault(require("../../../components/TypedPlaceholder"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const OpenChannelListStatusEmpty = () => {
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.container
+  }, /*#__PURE__*/_react.default.createElement(_TypedPlaceholder.default, {
+    type: 'no-channels'
+  }));
+};
+
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center'
+  }
+});
+
+var _default = OpenChannelListStatusEmpty;
+exports.default = _default;
+//# sourceMappingURL=OpenChannelListStatusEmpty.js.map

package/lib/commonjs/domain/openChannelList/component/OpenChannelListStatusEmpty.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["OpenChannelListStatusEmpty","styles","container","StyleSheet","create","flex","justifyContent","alignItems"],"sources":["OpenChannelListStatusEmpty.tsx"],"sourcesContent":["import React from 'react';\nimport { StyleSheet, View } from 'react-native';\n\nimport TypedPlaceholder from '../../../components/TypedPlaceholder';\n\nconst OpenChannelListStatusEmpty = () => {\n  return (\n    <View style={styles.container}>\n      <TypedPlaceholder type={'no-channels'} />\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: { flex: 1, justifyContent: 'center', alignItems: 'center' },\n});\n\nexport default OpenChannelListStatusEmpty;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;;;AAEA,MAAMA,0BAA0B,GAAG,MAAM;EACvC,oBACE,6BAAC,iBAAD;IAAM,KAAK,EAAEC,MAAM,CAACC;EAApB,gBACE,6BAAC,yBAAD;IAAkB,IAAI,EAAE;EAAxB,EADF,CADF;AAKD,CAND;;AAQA,MAAMD,MAAM,GAAGE,uBAAA,CAAWC,MAAX,CAAkB;EAC/BF,SAAS,EAAE;IAAEG,IAAI,EAAE,CAAR;IAAWC,cAAc,EAAE,QAA3B;IAAqCC,UAAU,EAAE;EAAjD;AADoB,CAAlB,CAAf;;eAIeP,0B"}

package/lib/commonjs/domain/openChannelList/component/OpenChannelListStatusError.js

@@ -0,0 +1,32 @@
+"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 _TypedPlaceholder = _interopRequireDefault(require("../../../components/TypedPlaceholder"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const OpenChannelListStatusError = _ref => {
+  let {
+    onPressRetry
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Box, {
+    flex: 1,
+    alignItems: 'center',
+    justifyContent: 'center'
+  }, /*#__PURE__*/_react.default.createElement(_TypedPlaceholder.default, {
+    type: 'error-wrong',
+    onPressRetry: onPressRetry
+  }));
+};
+
+var _default = OpenChannelListStatusError;
+exports.default = _default;
+//# sourceMappingURL=OpenChannelListStatusError.js.map

package/lib/commonjs/domain/openChannelList/component/OpenChannelListStatusError.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["OpenChannelListStatusError","onPressRetry"],"sources":["OpenChannelListStatusError.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Box } from '@sendbird/uikit-react-native-foundation';\n\nimport TypedPlaceholder from '../../../components/TypedPlaceholder';\nimport type { OpenChannelListModule } from '../types';\n\nconst OpenChannelListStatusError: OpenChannelListModule['StatusError'] = ({ onPressRetry }) => {\n  return (\n    <Box flex={1} alignItems={'center'} justifyContent={'center'}>\n      <TypedPlaceholder type={'error-wrong'} onPressRetry={onPressRetry} />\n    </Box>\n  );\n};\n\nexport default OpenChannelListStatusError;\n"],"mappings":";;;;;;;AAAA;;AAEA;;AAEA;;;;AAGA,MAAMA,0BAAgE,GAAG,QAAsB;EAAA,IAArB;IAAEC;EAAF,CAAqB;EAC7F,oBACE,6BAAC,+BAAD;IAAK,IAAI,EAAE,CAAX;IAAc,UAAU,EAAE,QAA1B;IAAoC,cAAc,EAAE;EAApD,gBACE,6BAAC,yBAAD;IAAkB,IAAI,EAAE,aAAxB;IAAuC,YAAY,EAAEA;EAArD,EADF,CADF;AAKD,CAND;;eAQeD,0B"}

package/lib/commonjs/domain/openChannelList/component/OpenChannelListStatusLoading.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactNative = require("react-native");
+
+var _TypedPlaceholder = _interopRequireDefault(require("../../../components/TypedPlaceholder"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const OpenChannelListStatusLoading = () => {
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.container
+  }, /*#__PURE__*/_react.default.createElement(_TypedPlaceholder.default, {
+    type: 'loading'
+  }));
+};
+
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center'
+  }
+});
+
+var _default = OpenChannelListStatusLoading;
+exports.default = _default;
+//# sourceMappingURL=OpenChannelListStatusLoading.js.map

package/lib/commonjs/domain/openChannelList/component/OpenChannelListStatusLoading.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["OpenChannelListStatusLoading","styles","container","StyleSheet","create","flex","justifyContent","alignItems"],"sources":["OpenChannelListStatusLoading.tsx"],"sourcesContent":["import React from 'react';\nimport { StyleSheet, View } from 'react-native';\n\nimport TypedPlaceholder from '../../../components/TypedPlaceholder';\n\nconst OpenChannelListStatusLoading = () => {\n  return (\n    <View style={styles.container}>\n      <TypedPlaceholder type={'loading'} />\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: { flex: 1, justifyContent: 'center', alignItems: 'center' },\n});\n\nexport default OpenChannelListStatusLoading;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;;;AAEA,MAAMA,4BAA4B,GAAG,MAAM;EACzC,oBACE,6BAAC,iBAAD;IAAM,KAAK,EAAEC,MAAM,CAACC;EAApB,gBACE,6BAAC,yBAAD;IAAkB,IAAI,EAAE;EAAxB,EADF,CADF;AAKD,CAND;;AAQA,MAAMD,MAAM,GAAGE,uBAAA,CAAWC,MAAX,CAAkB;EAC/BF,SAAS,EAAE;IAAEG,IAAI,EAAE,CAAR;IAAWC,cAAc,EAAE,QAA3B;IAAqCC,UAAU,EAAE;EAAjD;AADoB,CAAlB,CAAf;;eAIeP,4B"}