import React from 'react';

import _ from 'lodash';

import { addLocaleData, IntlProvider } from 'react-intl';

import messagesBase from './locales/messages.json';

export default function setIntl(messagesDataExt, WrappedComponent, localeData) {

  const messagesData = _.merge(_.cloneDeep(messagesBase), messagesDataExt || {});

  addLocaleData(localeData);

  let language = (navigator.languages && navigator.languages[0])

    || navigator.language

    || navigator.userLanguage;

  let language6391 = language.toLowerCase().split(/[_-]+/)[0];

  if (!(language6391 in messagesData)) {

    language = 'en';

    language6391 = 'en';

  }

  const messages = messagesData[language6391] || messagesData[language] || messagesData.en;

  return props => (

    <IntlProvider

      locale={language}

      messages={messages}

    >

      <WrappedComponent {...props} />

    </IntlProvider>

  );

}