Generic user store

UserStore.js

let UserModel;

const ResolveUser = types
  .model('ResolveUser', {
    id: types.identifier,
  })
  .views((self) => ({
    get user() {
      return resolveIdentifier(UserModel, self, self.id);
    },
  }));

const UserSettingsModel = ResolveUser.named('UserSettings').props({
  height: types.number,
  color: types.string,
});

const UserShopModel = ResolveUser.named('UserShop').props({
  name: types.string,
});

UserModel = types
  .model('User', {
    id: types.identifier,
    firstName: types.string,
    lastName: types.string,
    settings: types.reference(UserSettingsModel),
    shop: types.reference(UserShopModel),
  })
  .preProcessSnapshot((snapshot) => ({
    settings: snapshot.id,
    shop: snapshot.id,
  }));

const UserStore = types.model('UserStore', {
  users: types.map(UserModel),
  shopUsers: types.map(UserShopModel),
  settingUsers: types.map(UserSettingsModel),
});