import React, { useRef, useState, useEffect } from 'react';  // eslint-disable-line
import equal from 'deep-equal';
import merge from 'utils/merge';

const defaultHyperCubeDef = {
  qDimensions: [],
  qMeasures: [],
  qInitialDataFetch: [{
    qTop: 0,
    qLeft: 0,
    qWidth: 10,
    qHeight: 1000,
  }],
  qSortByAscii: 1,
  qSortByLoadOrder: 1,
  qInterColumnSortOrder: [],
  qSuppressZero: true,
  qSuppressMissing: true,
};

const defaultListObjectDef = {
  qDef: {
    qSortCriterias: [{
      qSortByState: 0,
    }],
  },
  qInitialDataFetch: [{
    qTop: 0,
    qWidth: 1,
    qHeight: 10000,
  }],
  qSortByAscii: 1,
  qSortByLoadOrder: 1,
  qInterColumnSortOrder: [],
  qSuppressZero: true,
  qSuppressMissing: true,
};

const useSessionObject = ({ app, properties: propertiesProp, onLayoutChange }) => {
  const properties = { ...propertiesProp };
  properties.qInfo = { qType: 'qdt' };
  if (properties.qHyperCubeDef) {
    properties.qHyperCubeDef = merge(defaultHyperCubeDef, properties.qHyperCubeDef);
  }
  if (properties.qListObjectDef) {
    properties.qListObjectDef = merge(defaultListObjectDef, properties.qListObjectDef);
  }
  const staleProperties = useRef();
  const qProp = useRef();
  qProp.current = properties;

  const model = useRef(null);
  const [layout, setLayout] = useState(null);
  const onLayoutChangeRef = useRef(onLayoutChange);
  useEffect(() => {
    onLayoutChangeRef.current = onLayoutChange;
  }, [onLayoutChange]);

  useEffect(() => {
    (async () => {
      model.current = await app.createSessionObject(qProp.current);
      model.current.on('changed', async () => {
        const _layout = await model.current.getLayout();
        setLayout(_layout);
        if (onLayoutChangeRef.current) {
          onLayoutChangeRef.current({ layout: _layout });
        }
      });
      model.current.setProperties(qProp.current);
    })();
    return () => {
      (async () => {
        app.destroySessionObject(model.current.id);
      })();
    };
  }, [app]); // eslint-disable-line


  if (model.current && !equal(staleProperties.current, properties)) {
    // setLayout(null);
    (async () => {
      await model.current.setProperties(qProp.current);
    })();
  }
  staleProperties.current = properties;

  return { model: model.current, layout };
};

export default useSessionObject;