First step towards storing plans in state.

packages/plans/src/services/plans/plans.state.ts

@@ -0,0 +1,30 @@
+import { createSlice, PayloadAction } from '@reduxjs/toolkit';
+import { Plan } from './plans.service';
+
+type PlansState = {
+  plans: {
+    [slug: string]: Plan;
+  };
+};
+
+const initialState: PlansState = {
+  plans: {},
+};
+
+const plansSlice = createSlice({
+  name: 'PLANS/plans',
+  initialState,
+  reducers: {
+    remove: (state, action: PayloadAction<{ slug: string }>) => {
+      delete state.plans[action.payload.slug];
+    },
+    upsert: (state, action: PayloadAction<{ plan: Plan }>) => {
+      state.plans[action.payload.plan.slug] = action.payload.plan;
+    },
+  },
+});
+
+const { reducer, actions } = plansSlice;
+
+export const { remove, upsert } = actions;
+export default reducer;

packages/plans/src/store.ts

@@ -7,11 +7,13 @@ import {
 import devToolsEnhancer from 'remote-redux-devtools';
 
 import storage from './services/storage/storage.service';
+import plans from './services/plans/plans.state';
 
 const REDUX_ROOT_KEY = '__plans' as const;
 
 const reducer = combineReducers({
   storage,
+  plans,
 });
 
 export const store = configureStore({