sanity-plugin-media 4.3.1 → 4.3.3

package/src/modules/dialog/reducer.test.ts

@@ -1,13 +1,14 @@
 // @vitest-environment node
 
 import {describe, expect, it} from 'vitest'
-import {DIALOG_ACTIONS} from './actions'
-import dialogReducer, {dialogActions} from './index'
+
+import {createTestRootState} from '../../__tests__/fixtures/rootState'
+import type {AssetItem, ImageAsset, Tag} from '../../types'
 import {assetsActions} from '../assets'
 import {ASSETS_ACTIONS} from '../assets/actions'
 import {tagsActions} from '../tags'
-import type {AssetItem, ImageAsset, Tag} from '../../types'
-import {createTestRootState} from '../../__tests__/fixtures/rootState'
+import {DIALOG_ACTIONS} from './actions'
+import dialogReducer, {dialogActions} from './index'
 
 const sampleAsset = {
   _id: 'a1',
@@ -18,7 +19,7 @@ const sampleAsset = {
   originalFilename: 'x.png',
   size: 1,
   mimeType: 'image/png',
-  url: 'https://example.com/x.png'
+  url: 'https://example.com/x.png',
 } as ImageAsset
 
 const sampleTag: Tag = {
@@ -27,14 +28,14 @@ const sampleTag: Tag = {
   _createdAt: '',
   _updatedAt: '',
   _rev: 'tr',
-  name: {_type: 'slug', current: 'alpha'}
+  name: {_type: 'slug', current: 'alpha'},
 }
 
 const assetItem = (asset: ImageAsset = sampleAsset): AssetItem => ({
   _type: 'asset',
   asset,
   picked: false,
-  updating: false
+  updating: false,
 })
 
 function dialogState() {
@@ -45,7 +46,7 @@ describe('dialog slice reducers', () => {
   it('clear removes all items', () => {
     const state = dialogReducer(
       {...dialogState(), items: [{id: 'x', type: 'tags'}]},
-      dialogActions.clear()
+      dialogActions.clear(),
     )
     expect(state.items).toEqual([])
   })
@@ -56,10 +57,10 @@ describe('dialog slice reducers', () => {
         ...dialogState(),
         items: [
           {id: 'a', type: 'tags'},
-          {id: 'b', type: 'searchFacets'}
-        ]
+          {id: 'b', type: 'searchFacets'},
+        ],
       },
-      dialogActions.remove({id: 'a'})
+      dialogActions.remove({id: 'a'}),
     )
     expect(state.items).toEqual([{id: 'b', type: 'searchFacets'}])
   })
@@ -74,7 +75,7 @@ describe('dialog slice reducers', () => {
     state = dialogReducer(state, dialogActions.showTags())
     expect(state.items).toEqual([
       {id: 'searchFacets', type: 'searchFacets'},
-      {id: 'tags', type: 'tags'}
+      {id: 'tags', type: 'tags'},
     ])
   })
 
@@ -84,16 +85,16 @@ describe('dialog slice reducers', () => {
         ...dialogState(),
         items: [
           {id: 'a1', type: 'assetEdit', assetId: 'a1'},
-          {id: 'a2', type: 'assetEdit', assetId: 'a2'}
-        ]
+          {id: 'a2', type: 'assetEdit', assetId: 'a2'},
+        ],
       },
-      dialogActions.inlineTagCreate({assetId: 'a1', tag: sampleTag})
+      dialogActions.inlineTagCreate({assetId: 'a1', tag: sampleTag}),
     )
-    const a1 = state.items.find(i => i.type === 'assetEdit' && i.assetId === 'a1')
-    const a2 = state.items.find(i => i.type === 'assetEdit' && i.assetId === 'a2')
+    const a1 = state.items.find((i) => i.type === 'assetEdit' && i.assetId === 'a1')
+    const a2 = state.items.find((i) => i.type === 'assetEdit' && i.assetId === 'a2')
     expect(a1 && 'lastCreatedTag' in a1 && a1.lastCreatedTag).toEqual({
       label: 'alpha',
-      value: 't1'
+      value: 't1',
     })
     expect(a2).toBeDefined()
     expect(Object.prototype.hasOwnProperty.call(a2, 'lastCreatedTag')).toBe(false)
@@ -105,14 +106,14 @@ describe('dialog slice reducers', () => {
         ...dialogState(),
         items: [
           {id: 'a1', type: 'assetEdit', assetId: 'a1'},
-          {id: 'tags', type: 'tags'}
-        ]
+          {id: 'tags', type: 'tags'},
+        ],
       },
-      dialogActions.inlineTagRemove({tagIds: ['x', 'y']})
+      dialogActions.inlineTagRemove({tagIds: ['x', 'y']}),
     )
-    const edit = state.items.find(i => i.type === 'assetEdit')
+    const edit = state.items.find((i) => i.type === 'assetEdit')
     expect(edit && 'lastRemovedTagIds' in edit && edit.lastRemovedTagIds).toEqual(['x', 'y'])
-    const tagsPanel = state.items.find(i => i.type === 'tags')
+    const tagsPanel = state.items.find((i) => i.type === 'tags')
     expect(tagsPanel && 'lastRemovedTagIds' in tagsPanel).toBeFalsy()
   })
 
@@ -120,7 +121,7 @@ describe('dialog slice reducers', () => {
     const item = assetItem()
     const state = dialogReducer(
       dialogState(),
-      dialogActions.showConfirmDeleteAssets({assets: [item], closeDialogId: 'a1'})
+      dialogActions.showConfirmDeleteAssets({assets: [item], closeDialogId: 'a1'}),
     )
     const confirm = state.items[0]
     expect(confirm?.type).toBe('confirm')
@@ -132,7 +133,7 @@ describe('dialog slice reducers', () => {
   it('showConfirmDeleteTag pushes a confirm dialog wired to tags deleteRequest', () => {
     const state = dialogReducer(
       dialogState(),
-      dialogActions.showConfirmDeleteTag({closeDialogId: 't1', tag: sampleTag})
+      dialogActions.showConfirmDeleteTag({closeDialogId: 't1', tag: sampleTag}),
     )
     const confirm = state.items[0]
     expect(confirm?.type).toBe('confirm')
@@ -147,14 +148,14 @@ describe('dialog slice reducers', () => {
       dialogState(),
       dialogActions.showConfirmAssetsTagAdd({
         assetsPicked: [assetItem(), assetItem(a2)],
-        tag: sampleTag
-      })
+        tag: sampleTag,
+      }),
     )
     const confirm = state.items[0]
     expect(confirm && 'title' in confirm && confirm.title).toContain('2 assets')
     const cb = confirm && 'confirmCallbackAction' in confirm ? confirm.confirmCallbackAction : null
     expect(cb).toEqual(
-      ASSETS_ACTIONS.tagsAddRequest({assets: [assetItem(), assetItem(a2)], tag: sampleTag})
+      ASSETS_ACTIONS.tagsAddRequest({assets: [assetItem(), assetItem(a2)], tag: sampleTag}),
     )
   })
 
@@ -163,8 +164,8 @@ describe('dialog slice reducers', () => {
       dialogState(),
       dialogActions.showConfirmAssetsTagRemove({
         assetsPicked: [assetItem()],
-        tag: sampleTag
-      })
+        tag: sampleTag,
+      }),
     )
     const confirm = state.items[0]
     expect(confirm && 'tone' in confirm && confirm.tone).toBe('critical')

package/src/modules/index.ts

@@ -2,7 +2,7 @@ import {
   type ActionFromReducersMapObject,
   type Reducer,
   type StateFromReducersMapObject,
-  combineReducers
+  combineReducers,
 } from '@reduxjs/toolkit'
 import {combineEpics} from 'redux-observable'
 
@@ -21,15 +21,14 @@ import assetsReducer, {
   assetsTagsAddEpic,
   assetsTagsRemoveEpic,
   assetsUnpickEpic,
-  assetsUpdateEpic
+  assetsUpdateEpic,
 } from './assets'
 import debugReducer from './debug'
 import dialogReducer, {
   dialogClearOnAssetUpdateEpic,
   dialogTagCreateEpic,
-  dialogTagDeleteEpic
+  dialogTagDeleteEpic,
 } from './dialog'
-import selectedReducer from './selected'
 import notificationsReducer, {
   notificationsAssetsDeleteErrorEpic,
   notificationsAssetsDeleteCompleteEpic,
@@ -39,9 +38,10 @@ import notificationsReducer, {
   notificationsGenericErrorEpic,
   notificationsTagCreateCompleteEpic,
   notificationsTagDeleteCompleteEpic,
-  notificationsTagUpdateCompleteEpic
+  notificationsTagUpdateCompleteEpic,
 } from './notifications'
 import searchReducer, {searchFacetTagUpdateEpic} from './search'
+import selectedReducer from './selected'
 import tagsReducer, {
   tagsCreateEpic,
   tagsDeleteEpic,
@@ -50,13 +50,13 @@ import tagsReducer, {
   tagsListenerDeleteQueueEpic,
   tagsListenerUpdateQueueEpic,
   tagsSortEpic,
-  tagsUpdateEpic
+  tagsUpdateEpic,
 } from './tags'
 import uploadsReducer, {
   uploadsAssetStartEpic,
   uploadsAssetUploadEpic,
   uploadsCheckRequestEpic,
-  uploadsCompleteQueueEpic
+  uploadsCompleteQueueEpic,
 } from './uploads'
 
 export const rootEpic = combineEpics(
@@ -99,7 +99,7 @@ export const rootEpic = combineEpics(
   uploadsAssetStartEpic,
   uploadsAssetUploadEpic,
   uploadsCheckRequestEpic,
-  uploadsCompleteQueueEpic
+  uploadsCompleteQueueEpic,
 )
 
 const reducers = {
@@ -110,7 +110,7 @@ const reducers = {
   search: searchReducer,
   selected: selectedReducer,
   tags: tagsReducer,
-  uploads: uploadsReducer
+  uploads: uploadsReducer,
 }
 
 type ReducersMapObject = typeof reducers

package/src/modules/notifications/epics.test.ts

@@ -1,6 +1,14 @@
 // @vitest-environment node
 
 import {describe, expect, it, vi} from 'vitest'
+
+import {createEpicTestStore} from '../../__tests__/fixtures/createEpicTestStore'
+import {createMockSanityClient} from '../../__tests__/fixtures/mockSanityClient'
+import type {AssetItem, AssetType, ImageAsset, Tag} from '../../types'
+import {assetsActions, initialState as assetsInitialState} from '../assets'
+import {ASSETS_ACTIONS} from '../assets/actions'
+import {tagsActions} from '../tags'
+import {uploadsActions} from '../uploads'
 import {
   notificationsAssetsDeleteCompleteEpic,
   notificationsAssetsDeleteErrorEpic,
@@ -11,15 +19,8 @@ import {
   notificationsGenericErrorEpic,
   notificationsTagCreateCompleteEpic,
   notificationsTagDeleteCompleteEpic,
-  notificationsTagUpdateCompleteEpic
+  notificationsTagUpdateCompleteEpic,
 } from './index'
-import {assetsActions, initialState as assetsInitialState} from '../assets'
-import {ASSETS_ACTIONS} from '../assets/actions'
-import {tagsActions} from '../tags'
-import {uploadsActions} from '../uploads'
-import {createEpicTestStore} from '../../__tests__/fixtures/createEpicTestStore'
-import {createMockSanityClient} from '../../__tests__/fixtures/mockSanityClient'
-import type {AssetItem, AssetType, ImageAsset, Tag} from '../../types'
 
 const sampleAsset = {
   _id: 'a1',
@@ -30,12 +31,12 @@ const sampleAsset = {
   originalFilename: 'x.png',
   size: 1,
   mimeType: 'image/png',
-  url: 'https://example.com/x.png'
+  url: 'https://example.com/x.png',
 } as ImageAsset
 
 const sampleAsset2 = {
   ...sampleAsset,
-  _id: 'a2'
+  _id: 'a2',
 } as ImageAsset
 
 const sampleTag: Tag = {
@@ -44,14 +45,14 @@ const sampleTag: Tag = {
   _createdAt: '',
   _updatedAt: '',
   _rev: 'tr',
-  name: {_type: 'slug', current: 'alpha'}
+  name: {_type: 'slug', current: 'alpha'},
 }
 
 const assetItem = (asset: ImageAsset): AssetItem => ({
   _type: 'asset',
   asset,
   picked: false,
-  updating: false
+  updating: false,
 })
 
 function assetsWithRows(rows: Record<string, AssetItem>) {
@@ -59,7 +60,7 @@ function assetsWithRows(rows: Record<string, AssetItem>) {
     ...assetsInitialState,
     assetTypes: ['image'] as AssetType[],
     allIds: Object.keys(rows),
-    byIds: rows
+    byIds: rows,
   }
 }
 
@@ -68,12 +69,12 @@ describe('notificationsAssetsDeleteCompleteEpic', () => {
     const store = createEpicTestStore(
       notificationsAssetsDeleteCompleteEpic,
       createMockSanityClient({}),
-      {}
+      {},
     )
     store.dispatch(assetsActions.deleteComplete({assetIds: ['x', 'y']}))
     await vi.waitFor(() => {
       expect(store.getState().notifications.items).toEqual([
-        {asset: undefined, status: 'info', title: '2 assets deleted'}
+        {asset: undefined, status: 'info', title: '2 assets deleted'},
       ])
     })
   })
@@ -86,16 +87,16 @@ describe('notificationsAssetsDeleteErrorEpic', () => {
       createMockSanityClient({}),
       {
         assets: assetsWithRows({
-          a1: {...assetItem(sampleAsset), updating: true}
-        })
-      }
+          a1: {...assetItem(sampleAsset), updating: true},
+        }),
+      },
     )
     store.dispatch(assetsActions.deleteError({assetIds: ['a1'], error: {} as any}))
     await vi.waitFor(() => {
       const [n] = store.getState().notifications.items
       expect(n.status).toBe('error')
       expect(n.title).toBe(
-        'Unable to delete 1 asset. Please review any asset errors and try again.'
+        'Unable to delete 1 asset. Please review any asset errors and try again.',
       )
     })
   })
@@ -106,16 +107,16 @@ describe('notificationsAssetsUploadCompleteEpic', () => {
     const store = createEpicTestStore(
       notificationsAssetsUploadCompleteEpic,
       createMockSanityClient({}),
-      {}
+      {},
     )
     store.dispatch(
       uploadsActions.checkComplete({
-        results: {h1: 'id1', h2: null}
-      })
+        results: {h1: 'id1', h2: null},
+      }),
     )
     await vi.waitFor(() => {
       expect(store.getState().notifications.items).toEqual([
-        {asset: undefined, status: 'info', title: 'Uploaded 2 assets'}
+        {asset: undefined, status: 'info', title: 'Uploaded 2 assets'},
       ])
     })
   })
@@ -124,12 +125,12 @@ describe('notificationsAssetsUploadCompleteEpic', () => {
 const tagsWithTagUpdating = {
   allIds: ['t1'],
   byIds: {
-    t1: {_type: 'tag' as const, tag: sampleTag, picked: false, updating: true}
+    t1: {_type: 'tag' as const, tag: sampleTag, picked: false, updating: true},
   },
   creating: false,
   fetchCount: -1,
   fetching: false,
-  panelVisible: true
+  panelVisible: true,
 }
 
 describe('notificationsAssetsTagsAddCompleteEpic', () => {
@@ -140,20 +141,20 @@ describe('notificationsAssetsTagsAddCompleteEpic', () => {
       {
         assets: assetsWithRows({
           a1: {...assetItem(sampleAsset), updating: true},
-          a2: {...assetItem(sampleAsset2), updating: true}
+          a2: {...assetItem(sampleAsset2), updating: true},
         }),
-        tags: tagsWithTagUpdating
-      }
+        tags: tagsWithTagUpdating,
+      },
     )
     store.dispatch(
       ASSETS_ACTIONS.tagsAddComplete({
         assets: [assetItem(sampleAsset), assetItem(sampleAsset2)],
-        tag: sampleTag
-      })
+        tag: sampleTag,
+      }),
     )
     await vi.waitFor(() => {
       expect(store.getState().notifications.items).toEqual([
-        {asset: undefined, status: 'info', title: 'Tag added to 2 assets'}
+        {asset: undefined, status: 'info', title: 'Tag added to 2 assets'},
       ])
     })
   })
@@ -166,20 +167,20 @@ describe('notificationsAssetsTagsRemoveCompleteEpic', () => {
       createMockSanityClient({}),
       {
         assets: assetsWithRows({
-          a1: {...assetItem(sampleAsset), updating: true}
+          a1: {...assetItem(sampleAsset), updating: true},
         }),
-        tags: tagsWithTagUpdating
-      }
+        tags: tagsWithTagUpdating,
+      },
     )
     store.dispatch(
       ASSETS_ACTIONS.tagsRemoveComplete({
         assets: [assetItem(sampleAsset)],
-        tag: sampleTag
-      })
+        tag: sampleTag,
+      }),
     )
     await vi.waitFor(() => {
       expect(store.getState().notifications.items).toEqual([
-        {asset: undefined, status: 'info', title: 'Tag removed from 1 asset'}
+        {asset: undefined, status: 'info', title: 'Tag removed from 1 asset'},
       ])
     })
   })
@@ -194,9 +195,9 @@ describe('notificationsAssetsUpdateCompleteEpic', () => {
       {
         assets: assetsWithRows({
           a1: {...assetItem(sampleAsset), updating: true},
-          a2: {...assetItem(sampleAsset2), updating: true}
-        })
-      }
+          a2: {...assetItem(sampleAsset2), updating: true},
+        }),
+      },
     )
 
     store.dispatch(assetsActions.updateComplete({asset: sampleAsset}))
@@ -204,7 +205,7 @@ describe('notificationsAssetsUpdateCompleteEpic', () => {
     await vi.advanceTimersByTimeAsync(2000)
 
     expect(store.getState().notifications.items).toEqual([
-      {asset: undefined, status: 'info', title: '2 assets updated'}
+      {asset: undefined, status: 'info', title: '2 assets updated'},
     ])
     vi.useRealTimers()
   })
@@ -217,9 +218,9 @@ describe('notificationsAssetsUpdateCompleteEpic', () => {
       {
         assets: assetsWithRows({
           a1: {...assetItem(sampleAsset), updating: true},
-          a2: {...assetItem(sampleAsset2), updating: true}
-        })
-      }
+          a2: {...assetItem(sampleAsset2), updating: true},
+        }),
+      },
     )
 
     store.dispatch(assetsActions.updateComplete({asset: sampleAsset}))
@@ -229,7 +230,7 @@ describe('notificationsAssetsUpdateCompleteEpic', () => {
 
     expect(store.getState().notifications.items).toEqual([
       {asset: undefined, status: 'info', title: '1 asset updated'},
-      {asset: undefined, status: 'info', title: '1 asset updated'}
+      {asset: undefined, status: 'info', title: '1 asset updated'},
     ])
     vi.useRealTimers()
   })
@@ -239,18 +240,18 @@ describe('notificationsGenericErrorEpic', () => {
   it('maps assets.updateError to error notification title', async () => {
     const store = createEpicTestStore(notificationsGenericErrorEpic, createMockSanityClient({}), {
       assets: assetsWithRows({
-        a1: {...assetItem(sampleAsset), updating: true}
-      })
+        a1: {...assetItem(sampleAsset), updating: true},
+      }),
     })
     store.dispatch(
       assetsActions.updateError({
         asset: sampleAsset,
-        error: {message: 'patch failed', statusCode: 500}
-      })
+        error: {message: 'patch failed', statusCode: 500},
+      }),
     )
     await vi.waitFor(() => {
       expect(store.getState().notifications.items).toEqual([
-        {asset: undefined, status: 'error', title: 'An error occurred: patch failed'}
+        {asset: undefined, status: 'error', title: 'An error occurred: patch failed'},
       ])
     })
   })
@@ -260,14 +261,14 @@ describe('notificationsGenericErrorEpic', () => {
       assets: {
         ...assetsInitialState,
         assetTypes: ['image'] as AssetType[],
-        fetching: true
-      }
+        fetching: true,
+      },
     })
     store.dispatch(
       assetsActions.fetchError({
         message: 'fetch failed',
-        statusCode: 503
-      })
+        statusCode: 503,
+      }),
     )
     await vi.waitFor(() => {
       expect(store.getState().notifications.items[0].title).toBe('An error occurred: fetch failed')
@@ -283,14 +284,14 @@ describe('notificationsGenericErrorEpic', () => {
         byIds: {},
         fetchCount: -1,
         fetching: false,
-        panelVisible: true
-      } as any
+        panelVisible: true,
+      } as any,
     })
     store.dispatch(
       tagsActions.createError({
         name: 'n',
-        error: {message: 'tag create', statusCode: 400}
-      })
+        error: {message: 'tag create', statusCode: 400},
+      }),
     )
     await vi.waitFor(() => {
       expect(store.getState().notifications.items[0].title).toBe('An error occurred: tag create')
@@ -299,13 +300,13 @@ describe('notificationsGenericErrorEpic', () => {
 
   it('maps uploads.uploadError to error notification title', async () => {
     const store = createEpicTestStore(notificationsGenericErrorEpic, createMockSanityClient({}), {
-      uploads: {allIds: ['h'], byIds: {h: {} as any}}
+      uploads: {allIds: ['h'], byIds: {h: {} as any}},
     })
     store.dispatch(
       uploadsActions.uploadError({
         hash: 'h',
-        error: {message: 'upload bad', statusCode: 413}
-      })
+        error: {message: 'upload bad', statusCode: 413},
+      }),
     )
     await vi.waitFor(() => {
       expect(store.getState().notifications.items[0].title).toBe('An error occurred: upload bad')
@@ -318,12 +319,12 @@ describe('notificationsTagCreateCompleteEpic', () => {
     const store = createEpicTestStore(
       notificationsTagCreateCompleteEpic,
       createMockSanityClient({}),
-      {}
+      {},
     )
     store.dispatch(tagsActions.createComplete({tag: sampleTag}))
     await vi.waitFor(() => {
       expect(store.getState().notifications.items).toEqual([
-        {asset: undefined, status: 'info', title: 'Tag created'}
+        {asset: undefined, status: 'info', title: 'Tag created'},
       ])
     })
   })
@@ -334,12 +335,12 @@ describe('notificationsTagDeleteCompleteEpic', () => {
     const store = createEpicTestStore(
       notificationsTagDeleteCompleteEpic,
       createMockSanityClient({}),
-      {}
+      {},
     )
     store.dispatch(tagsActions.deleteComplete({tagId: 't1'}))
     await vi.waitFor(() => {
       expect(store.getState().notifications.items).toEqual([
-        {asset: undefined, status: 'info', title: 'Tag deleted'}
+        {asset: undefined, status: 'info', title: 'Tag deleted'},
       ])
     })
   })
@@ -354,19 +355,19 @@ describe('notificationsTagUpdateCompleteEpic', () => {
         tags: {
           allIds: ['t1'],
           byIds: {
-            t1: {_type: 'tag', tag: sampleTag, picked: false, updating: true}
+            t1: {_type: 'tag', tag: sampleTag, picked: false, updating: true},
           },
           creating: false,
           fetchCount: -1,
           fetching: false,
-          panelVisible: true
-        }
-      }
+          panelVisible: true,
+        },
+      },
     )
     store.dispatch(tagsActions.updateComplete({tag: sampleTag}))
     await vi.waitFor(() => {
       expect(store.getState().notifications.items).toEqual([
-        {asset: undefined, status: 'info', title: 'Tag updated'}
+        {asset: undefined, status: 'info', title: 'Tag updated'},
       ])
     })
   })