'use strict';

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

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

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

import appInitialState from './reducers/app/appInitialState';
import newArrivalInitialState from './reducers/newArrival/newArrivalInitialState';

import NewArrivalContainer from './containers/NewArrivalContainer';
import RecForYouContainer from './containers/RecForYouContainer';

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


function getInitialState() {
	const _initState = {
		app: (new appInitialState()),
		newArrival: (new newArrivalInitialState()),
	};
	return _initState;
}

export default function native(platform) {

	let YH_NewArrival = createReactClass({

		render() {
			let type = this.props.type;
		  const store = configureStore(getInitialState());
			store.dispatch(setPlatform(platform));
			store.dispatch(setHost(this.props.host));
			store.dispatch(setChannel(this.props.channelId));
			store.dispatch(setServiceHost(this.props.serviceHost));
			store.dispatch(setContentCode(this.props.contentCode));
			if (type == 'recForYou' ) {
				return (
					<Provider store={store}>
						<RecForYouContainer />
					</Provider>
				);
			} else {
				return (
					<Provider store={store}>
						<NewArrivalContainer />
					</Provider>
				);
			}
		}
	});

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