'use strict';

import React from 'react';
import ReactNative, {
	AppRegistry,
	Platform,
} from 'react-native';

import {
	Provider,
	connect
} from 'react-redux';
import createReactClass from 'create-react-class';

import configureStore from './store/configureStore';
import {Record, List, Map} from 'immutable';

import appInitialState from './reducers/app/appInitialState';
import messageInitialState from './reducers/message/messageInitialState';
import listInitialState from './reducers/list/listInitialState';
import contentInitialState from './reducers/content/contentInitialState';

import MessageContainer from './containers/MessageContainer';
import MessageListContainer from './containers/MessageListContainer';
import ContentMessageContainer from './containers/ContentMessageContainer';

import {
	setPlatform,
	setHost,
	setServiceHost,
} from './reducers/app/appActions';

import {
	setListId,
	setCategoryName,
} from './reducers/list/listActions';

import {
	setContentListId,
	setContentCategoryName,
	setContentTipFlag
} from './reducers/content/contentActions';


function getInitialState() {
	const _initState = {
		app: (new appInitialState()),
		message: (new messageInitialState()),
		list: (new listInitialState()),
		content: (new contentInitialState()),
	};
	return _initState;
}

export default function native(platform) {

	let YH_Message = createReactClass({

		render() {
		  const store = configureStore(getInitialState());
			store.dispatch(setPlatform(platform));
			store.dispatch(setHost(this.props.host));
			store.dispatch(setServiceHost(this.props.serviceHost));

			let type = this.props.type;
			if (type == 'main') {
				return (
					<Provider store={store}>
						<MessageContainer />
					</Provider>
				);
			} else if (type == 'list') {
				store.dispatch(setListId(this.props.listId));
				store.dispatch(setCategoryName(this.props.categoryName));
				return (
					<Provider store={store}>
						<MessageListContainer />
					</Provider>
				);
			} else if (type == 'content') {
				store.dispatch(setContentListId(this.props.listId));
				store.dispatch(setContentCategoryName(this.props.categoryName));
				store.dispatch(setContentTipFlag(this.props.tipFlag));
				return (
					<Provider store={store}>
						<ContentMessageContainer />
					</Provider>
				);
			}
			return null;
		}
	});

	AppRegistry.registerComponent('YH_Message', () => YH_Message);
}