import useFetchMock from '../hooks/use-fetch-mock' import AccountInfoSection from '../../js/features/settings/components/account-info-section' import { setDefaultMeta, defaultSetupMocks } from './helpers/account-info' import { UserProvider } from '../../js/shared/context/user-context' import getMeta from '@/utils/meta' export const Success = args => { setDefaultMeta() useFetchMock(defaultSetupMocks) return ( ) } export const ReadOnly = args => { setDefaultMeta() window.metaAttributesCache.set('ol-isExternalAuthenticationSystemUsed', true) window.metaAttributesCache.set('ol-shouldAllowEditingDetails', false) return ( ) } export const NoEmailInput = args => { setDefaultMeta() Object.assign(getMeta('ol-ExposedSettings'), { hasAffiliationsFeature: true, }) useFetchMock(defaultSetupMocks) return ( ) } export const Error = args => { setDefaultMeta() useFetchMock(fetchMock => fetchMock.post(/\/user\/settings/, 500)) return ( ) } export default { title: 'Account Settings / Account Info', component: AccountInfoSection, }