fix: circular dependencies (#1040)

app/assets/javascripts/UIModels/AppState/AccountMenuState.ts

@@ -2,7 +2,7 @@ import { destroyAllObjectProperties, isDev } from '@/Utils'
 import { action, computed, makeObservable, observable, runInAction } from 'mobx'
 import { ApplicationEvent, ContentType, DeinitSource, SNNote, SNTag } from '@standardnotes/snjs'
 import { WebApplication } from '@/UIModels/Application'
-import { AccountMenuPane } from '@/Components/AccountMenu/AccountMenu'
+import { AccountMenuPane } from '@/Components/AccountMenu/AccountMenuPane'
 import { AbstractState } from './AbstractState'
 
 type StructuredItemsCount = {

app/assets/javascripts/UIModels/AppState/AppState.ts

@@ -30,17 +30,7 @@ import { FilePreviewModalState } from './FilePreviewModalState'
 import { AbstractState } from './AbstractState'
 import { SelectedItemsState } from './SelectedItemsState'
 import { ListableContentItem } from '@/Components/ContentListView/Types/ListableContentItem'
-
-export enum AppStateEvent {
-  TagChanged,
-  ActiveEditorChanged,
-  PanelResized,
-  EditorFocused,
-  BeganBackupDownload,
-  EndedBackupDownload,
-  WindowDidFocus,
-  WindowDidBlur,
-}
+import { AppStateEvent } from './AppStateEvent'
 
 export type PanelResizedData = {
   panel: string

app/assets/javascripts/UIModels/AppState/AppStateEvent.ts

@@ -0,0 +1,10 @@
+export enum AppStateEvent {
+  TagChanged,
+  ActiveEditorChanged,
+  PanelResized,
+  EditorFocused,
+  BeganBackupDownload,
+  EndedBackupDownload,
+  WindowDidFocus,
+  WindowDidBlur,
+}

app/assets/javascripts/UIModels/AppState/ContentListViewState.ts

@@ -15,9 +15,10 @@ import {
   DisplayOptions,
 } from '@standardnotes/snjs'
 import { action, computed, makeObservable, observable, reaction, runInAction } from 'mobx'
-import { AppState, AppStateEvent } from '.'
 import { WebApplication } from '../Application'
 import { AbstractState } from './AbstractState'
+import { AppState } from './AppState'
+import { AppStateEvent } from './AppStateEvent'
 import { WebDisplayOptions } from './WebDisplayOptions'
 
 const MinNoteCellHeight = 51.0

app/assets/javascripts/UIModels/AppState/PurchaseFlowPane.ts

@@ -0,0 +1,4 @@
+export enum PurchaseFlowPane {
+  SignIn,
+  CreateAccount,
+}

app/assets/javascripts/UIModels/AppState/PurchaseFlowState.ts

@@ -1,12 +1,8 @@
-import { loadPurchaseFlowUrl } from '@/Components/PurchaseFlow/PurchaseFlowWrapper'
+import { loadPurchaseFlowUrl } from '@/Components/PurchaseFlow/PurchaseFlowFunctions'
 import { action, makeObservable, observable } from 'mobx'
 import { WebApplication } from '../Application'
 import { AbstractState } from './AbstractState'
-
-export enum PurchaseFlowPane {
-  SignIn,
-  CreateAccount,
-}
+import { PurchaseFlowPane } from './PurchaseFlowPane'
 
 export class PurchaseFlowState extends AbstractState {
   isOpen = false

app/assets/javascripts/UIModels/AppState/index.ts

@@ -1 +1,3 @@
-export { AppState, AppStateEvent, EventSource, PanelResizedData } from './AppState'
+export { AppState, EventSource, PanelResizedData } from './AppState'
+export * from './AppStateEvent'
+export * from './PurchaseFlowPane'