@craftercms/studio-ui/state/epics/configuration.js

Services, components, models & utils to build CrafterCMS authoring extensions.

/*
 * Copyright (C) 2007-2022 Crafter Software Corporation. All Rights Reserved.
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Lesser General Public License version 3 as published by
 * the Free Software Foundation.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU Lesser General Public License for more details.
 *
 * You should have received a copy of the GNU Lesser General Public License
 * along with this program.  If not, see <http://www.gnu.org/licenses/>.
 */

/*
 * Copyright (C) 2007-2022 Crafter Software Corporation. All Rights Reserved.
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License version 3 as published by
 * the Free Software Foundation.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program.  If not, see <http://www.gnu.org/licenses/>.
 */
import { ofType } from 'redux-observable';
import { exhaustMap, filter, map, switchMap, withLatestFrom } from 'rxjs/operators';
import { catchAjaxError } from '../../utils/ajax';
import {
  fetchSiteConfig,
  fetchSiteConfigComplete,
  fetchSiteConfigFailed,
  fetchSiteUiConfig,
  fetchSiteUiConfigComplete,
  fetchSiteUiConfigFailed
} from '../actions/configuration';
import {
  fetchSiteConfig as fetchSiteConfigService,
  fetchSiteUiConfig as fetchSiteUiConfigService
} from '../../services/configuration';
import { configurationEvent, emitSystemEvent, showSystemNotification } from '../actions/system';
import { defineMessages } from 'react-intl';
const configurationMessages = defineMessages({
  localeError: {
    id: 'configurationMessages.localeError',
    defaultMessage: 'Incorrect locale configuration: {message}. Using browser locale settings. Check site config xml.'
  }
});
export default [
  (action$, state$) =>
    action$.pipe(
      ofType(fetchSiteUiConfig.type),
      withLatestFrom(state$),
      filter(([, state]) => Boolean(state.sites.active)),
      // A very quick site change may present problematic as the
      // config that would be retrieved would be the first site.
      exhaustMap(([{ payload }, { env }]) =>
        fetchSiteUiConfigService(payload.site, env.activeEnvironment).pipe(
          map((config) => fetchSiteUiConfigComplete({ config, site: payload.site })),
          catchAjaxError(fetchSiteUiConfigFailed)
        )
      )
    ),
  (action$, state$, { getIntl }) =>
    action$.pipe(
      ofType(fetchSiteConfig.type),
      withLatestFrom(state$),
      filter(([, state]) => Boolean(state.sites.active)),
      exhaustMap(([, state]) =>
        fetchSiteConfigService(state.sites.active, state.env.activeEnvironment).pipe(
          switchMap((config) => {
            var _a, _b;
            try {
              let localeCode =
                ((_a = config.locale) === null || _a === void 0 ? void 0 : _a.localeCode) ||
                state.uiConfig.locale.localeCode;
              let options =
                ((_b = config.locale) === null || _b === void 0 ? void 0 : _b.dateTimeFormatOptions) ||
                state.uiConfig.locale.dateTimeFormatOptions;
              new Intl.DateTimeFormat(localeCode, options);
              return [fetchSiteConfigComplete(config)];
            } catch (e) {
              return [
                fetchSiteConfigComplete(
                  Object.assign(Object.assign({}, config), {
                    locale: Object.assign(Object.assign({}, config.locale), {
                      localeCode: state.uiConfig.locale.localeCode,
                      dateTimeFormatOptions: state.uiConfig.locale.dateTimeFormatOptions
                    })
                  })
                ),
                showSystemNotification({
                  message: getIntl().formatMessage(configurationMessages.localeError, { message: e.message })
                })
              ];
            }
          }),
          catchAjaxError(fetchSiteConfigFailed)
        )
      )
    ),
  (action$) =>
    action$.pipe(
      ofType(emitSystemEvent.type),
      filter((e) => {
        return (
          e.payload.type === configurationEvent.type &&
          (e.payload.payload.targetPath === '/config/studio/ui.xml' ||
            e.payload.payload.targetPath === '/config/studio/site-config.xml')
        );
      }),
      switchMap(({ payload }) => [
        payload.payload.targetPath === '/config/studio/ui.xml'
          ? fetchSiteUiConfig({ site: payload.payload.siteId })
          : fetchSiteConfig()
      ])
    )
];