/*!
 * Copyright (C) 2017 AT&T Intellectual Property. All rights reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express
 * or implied. See the License for the specific language governing
 * permissions and limitations under the License.
 */
import {connect} from 'react-redux';
import i18n from 'nfvo-utils/i18n/i18n.js';

import VersionControllerUtils from 'nfvo-components/panel/versionController/VersionControllerUtils.js';
import {actionTypes as modalActionTypes} from 'nfvo-components/modal/GlobalModalConstants.js';
import SoftwareProductComponentsImageListView from './SoftwareProductComponentsImageListView.jsx';
import ImageHelper from './SoftwareProductComponentsImageActionHelper.js';
import SoftwareProductComponentsImagesActionHelper from './SoftwareProductComponentsImageActionHelper.js';
import SoftwareProductComponentsActionHelper from '../SoftwareProductComponentsActionHelper.js';
import {COMPONENTS_QUESTIONNAIRE} from 'sdc-app/onboarding/softwareProduct/components/SoftwareProductComponentsConstants.js';
import ValidationHelper from 'sdc-app/common/helpers/ValidationHelper.js';

import {onboardingMethod as onboardingMethodTypes} from '../../SoftwareProductConstants.js';

export const mapStateToProps = ({softwareProduct}) => {

	let {softwareProductEditor: {data: currentSoftwareProduct = {}, isValidityData = true}, softwareProductComponents} = softwareProduct;
	let {images: {imagesList = []}, componentEditor: {data: componentData, qdata, dataMap, qgenericFieldInfo}} = softwareProductComponents;
	let isReadOnlyMode = VersionControllerUtils.isReadOnly(currentSoftwareProduct);
	let {version, onboardingMethod} = currentSoftwareProduct;
	let isManual =  onboardingMethod === onboardingMethodTypes.MANUAL;

	return {
		version,
		componentData,
		qdata,
		dataMap,
		qgenericFieldInfo,
		isValidityData,
		imagesList,
		isReadOnlyMode,
		isManual : isManual
	};
};

const mapActionsToProps = (dispatch, {softwareProductId, componentId}) => {
	return {
		onQDataChanged: (deltaData) => ValidationHelper.qDataChanged(dispatch, {deltaData,
			qName: COMPONENTS_QUESTIONNAIRE}),
		onAddImage: (version, isReadOnlyMode) => {
			SoftwareProductComponentsImagesActionHelper.openImageEditor(dispatch,
				{isReadOnlyMode, softwareProductId,
					componentId, version}
			);},
		onDeleteImage: ((image, version) => {
			let shortenedFileName = (image.fileName.length > 40) ? image.fileName.substr(0,40) + '...' : image.fileName;
			dispatch({
				type: modalActionTypes.GLOBAL_MODAL_WARNING,
				data: {
					msg: i18n(`Are you sure you want to delete "${shortenedFileName}"?`),
					onConfirmed: () => ImageHelper.deleteImage(dispatch, {
						softwareProductId,
						componentId,
						version,
						imageId: image.id
					})
				}
			});
		}),
		onEditImageClick: (image, version, isReadOnlyMode) => {
			SoftwareProductComponentsImagesActionHelper.openEditImageEditor(dispatch, {
				image, isReadOnlyMode, softwareProductId, componentId, version, modalClassName: 'image-modal-edit'}
			);
		},
		onSubmit: (version, qdata) => { return SoftwareProductComponentsActionHelper.updateSoftwareProductComponentQuestionnaire(dispatch,
			{softwareProductId,
				vspComponentId: componentId,
				version,
				qdata});
		}
	};
};

export default connect(mapStateToProps, mapActionsToProps, null, {withRef: true})(SoftwareProductComponentsImageListView);