Extract shlink-web-component outside of src folder

shlink-web-component/mercure/reducers/mercureInfo.ts

@@ -0,0 +1,44 @@
+import { createSlice } from '@reduxjs/toolkit';
+import { createAsyncThunk } from '../../../src/utils/helpers/redux';
+import type { ShlinkApiClient, ShlinkMercureInfo } from '../../api-contract';
+
+const REDUCER_PREFIX = 'shlink/mercure';
+
+export interface MercureInfo extends Partial<ShlinkMercureInfo> {
+  interval?: number;
+  loading: boolean;
+  error: boolean;
+}
+
+const initialState: MercureInfo = {
+  loading: true,
+  error: false,
+};
+
+export const mercureInfoReducerCreator = (apiClient: ShlinkApiClient) => {
+  const loadMercureInfo = createAsyncThunk(
+    `${REDUCER_PREFIX}/loadMercureInfo`,
+    (): Promise<ShlinkMercureInfo> =>
+    // FIXME Get settings here somehow, as they are only available via hook
+    // const { settings } = getState();
+    // if (!settings.realTimeUpdates.enabled) {
+    //   throw new Error('Real time updates not enabled');
+    // }
+
+      apiClient.mercureInfo()
+    ,
+  );
+
+  const { reducer } = createSlice({
+    name: REDUCER_PREFIX,
+    initialState,
+    reducers: {},
+    extraReducers: (builder) => {
+      builder.addCase(loadMercureInfo.pending, (state) => ({ ...state, loading: true, error: false }));
+      builder.addCase(loadMercureInfo.rejected, (state) => ({ ...state, loading: false, error: true }));
+      builder.addCase(loadMercureInfo.fulfilled, (_, { payload }) => ({ ...payload, loading: false, error: false }));
+    },
+  });
+
+  return { loadMercureInfo, reducer };
+};