@squiz/resource-browser 3.3.9 → 3.3.11

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # Change Log
 
+## 3.3.11
+
+### Patch Changes
+
+-   6c4d5b3: Support for proxying all dam requests
+
+## 3.3.10
+
+### Patch Changes
+
+-   8d3c8e0: source alias support
+-   Updated dependencies [8d3c8e0]
+    -   @squiz/resource-browser-ui-lib@1.2.6
+
 ## 3.3.9
 
 ### Patch Changes

package/lib/Hooks/useAuth.d.ts

@@ -4,4 +4,5 @@ export declare const useAuth: (authConfig: AuthenticationConfiguration | undefin
     isAuthenticated: boolean;
     login: () => void;
     refreshAccessToken: () => Promise<string>;
+    alwaysUseResourceRequestProxy: boolean;
 };

package/lib/Hooks/useAuth.js

@@ -61,6 +61,11 @@ const useAuth = (authConfig) => {
         setIsAuthenticated(!!token);
     };
     (0, react_1.useEffect)(() => {
+        // Don't run internal processes if we are always using the resource request proxy
+        if (authConfig?.alwaysUseResourceRequestProxy) {
+            // Consistent return value for cleanup function
+            return () => { };
+        }
         const handleTabChange = () => {
             if (!document.hidden) {
                 syncAuthState();
@@ -75,15 +80,30 @@ const useAuth = (authConfig) => {
         };
     }, []);
     (0, react_1.useEffect)(() => {
+        // Don't run internal processes if we are always using the resource request proxy
+        if (authConfig?.alwaysUseResourceRequestProxy) {
+            return;
+        }
         refreshAccessToken().catch(() => {
             setIsAuthenticated(false);
         });
     }, [authConfig, refreshAccessToken]);
+    // Return some dummy data if we are always using the resource request proxy
+    if (authConfig?.alwaysUseResourceRequestProxy) {
+        return {
+            authToken: null,
+            isAuthenticated: true,
+            login: () => { },
+            refreshAccessToken: () => Promise.resolve(''),
+            alwaysUseResourceRequestProxy: true,
+        };
+    }
     return {
         authToken,
         isAuthenticated,
         login: handleLogin,
         refreshAccessToken,
+        alwaysUseResourceRequestProxy: false,
     };
 };
 exports.useAuth = useAuth;

package/lib/Plugin/Plugin.js

@@ -31,7 +31,8 @@ const AuthProvider_1 = require("../ResourceBrowserContext/AuthProvider");
 exports.PluginRender = (0, react_1.forwardRef)(({ render, inline, inlineType, ...props }, forwardRef) => {
     if (!render)
         return react_1.default.createElement(react_1.default.Fragment, null);
-    const requiresAuth = Boolean(props.source?.configuration?.authUrl);
+    const requiresAuth = Boolean(props.source?.configuration?.authUrl) ||
+        Boolean(props.source?.configuration?.alwaysUseResourceRequestProxy);
     const content = inline && inlineType ? (react_1.default.createElement(ResourceBrowserInlineButton_1.ResourceBrowserInlineButton, { ref: forwardRef, inlineType: inlineType, ...props })) : (react_1.default.createElement(ResourceBrowserInput_1.ResourceBrowserInput, { ...props }));
     return requiresAuth ? react_1.default.createElement(AuthProvider_1.AuthProvider, { authConfig: props.source }, content) : content;
 });

package/lib/ResourceBrowserContext/AuthProvider.d.ts

@@ -5,6 +5,7 @@ interface AuthContextProps {
     isAuthenticated: boolean;
     login: () => void;
     refreshAccessToken: () => Promise<any>;
+    alwaysUseResourceRequestProxy: boolean;
 }
 export declare const AuthContext: React.Context<AuthContextProps | undefined>;
 export declare const useAuthContext: () => AuthContextProps;

package/lib/index.js

@@ -64,6 +64,23 @@ exports.ResourceBrowser = react_1.default.forwardRef((props, forwardRef) => {
     const [mode, setMode] = (0, react_1.useState)(null);
     const { data: sources, isLoading, error: sourcesError, reload: reloadSources } = (0, useSources_1.useSources)({ onRequestSources, plugins });
     const plugin = source?.plugin || null;
+    // Find source by its id or alias
+    const findSourceById = (value, sources) => {
+        let newSource = sources.find((source) => source.id === value?.sourceId) || null;
+        if (!newSource) {
+            newSource =
+                sources.find((source) => {
+                    if (!source.aliases)
+                        return false;
+                    return source.aliases.includes(value.sourceId);
+                }) || null;
+        }
+        return newSource;
+    };
+    // Check if the value is for the source
+    const isValueForSource = (value, source) => {
+        return value?.sourceId === source.id || (source.aliases && source.aliases.includes(value?.sourceId));
+    };
     // MainContainer will render a list of sources of one is not provided to it, callback to allow it to set the source once a user selects
     const handleSourceSelect = (0, react_1.useCallback)((source, mode) => {
         setSource(source);
@@ -79,7 +96,7 @@ exports.ResourceBrowser = react_1.default.forwardRef((props, forwardRef) => {
         // If there is a provided value try to use its source
         if (value) {
             // Search the sources for it matching against the value.source property
-            newSource = sources.find((source) => source.id === value?.sourceId) || null;
+            newSource = findSourceById(value, sources);
             // If the source is null and we arent loading the sources
             if (newSource === null && !isLoading) {
                 // Set an error as the passed in value's source wasnt returned by onRequestSources
@@ -110,8 +127,7 @@ exports.ResourceBrowser = react_1.default.forwardRef((props, forwardRef) => {
             setMode(null);
             // If there is a value passed in, reset the source so the preselected asset preview renders correctly
             if (value && value.sourceId !== source?.id) {
-                const source = sources.find((source) => source.id === value?.sourceId) || null;
-                setSource(source);
+                setSource(findSourceById(value, sources));
             }
         }
     }, [sources, isModalOpen]);
@@ -129,6 +145,6 @@ exports.ResourceBrowser = react_1.default.forwardRef((props, forwardRef) => {
                 };
             }, isModalOpen: isModalOpen, onModalStateChange: handleModalStateChange, onRetry: handleReset }),
         plugins.map((thisPlugin) => {
-            return (react_1.default.createElement(Plugin_1.PluginRender, { key: thisPlugin.type, ref: forwardRef, type: thisPlugin.type, render: thisPlugin.type === plugin?.type, inline: !!inline, inlineType: inlineType, ...props, value: value && source ? (value.sourceId === source.id ? value : null) : null, isOtherSourceValue: value && source ? (value.sourceId !== source.id ? true : false) : false, source: source, sources: sources, setSource: handleSourceSelect, isLoading: isLoading, error: sourcesError || error, plugin: plugin, pluginMode: mode, searchEnabled: searchEnabled, useResource: thisPlugin.useResolveResource, isModalOpen: isModalOpen, onModalStateChange: handleModalStateChange, onRetry: handleReset }));
+            return (react_1.default.createElement(Plugin_1.PluginRender, { key: thisPlugin.type, ref: forwardRef, type: thisPlugin.type, render: thisPlugin.type === plugin?.type, inline: !!inline, inlineType: inlineType, ...props, value: value && source ? (isValueForSource(value, source) ? value : null) : null, isOtherSourceValue: value && source ? (!isValueForSource(value, source) ? true : false) : false, source: source, sources: sources, setSource: handleSourceSelect, isLoading: isLoading, error: sourcesError || error, plugin: plugin, pluginMode: mode, searchEnabled: searchEnabled, useResource: thisPlugin.useResolveResource, isModalOpen: isModalOpen, onModalStateChange: handleModalStateChange, onRetry: handleReset }));
         })));
 });

package/lib/types.d.ts

@@ -8,11 +8,13 @@ export type AuthenticationConfiguration = {
     redirectUrl: string;
     clientId: string;
     scope: string;
+    alwaysUseResourceRequestProxy?: boolean;
 };
 export interface ResourceBrowserSource {
     name?: string;
     id: string;
     type: ResourceBrowserPluginType;
+    aliases?: string[];
 }
 export interface ResourceBrowserSourceWithPlugin extends ResourceBrowserSource {
     plugin: ResourceBrowserPlugin;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@squiz/resource-browser",
-    "version": "3.3.9",
+    "version": "3.3.11",
     "main": "lib/index.js",
     "types": "lib/index.d.ts",
     "private": false,
@@ -28,7 +28,7 @@
         "@react-types/shared": "^3.23.1",
         "@squiz/dx-json-schema-lib": "^1.67.0",
         "@squiz/generic-browser-lib": "^1.67.5",
-        "@squiz/resource-browser-ui-lib": "^1.2.5",
+        "@squiz/resource-browser-ui-lib": "^1.2.6",
         "clsx": "^2.1.0",
         "expiry-map": "^2.0.0",
         "p-memoize": "^4.0.4",

package/src/Hooks/useAuth.spec.tsx

@@ -29,9 +29,9 @@ describe('useAuth', () => {
         await waitFor(() => {
             expect(result.current.authToken).toBe('initialAuthToken');
             expect(result.current.isAuthenticated).toBe(true);
+            expect(result.current.alwaysUseResourceRequestProxy).toBe(false);
         });
     });
-
     it('should do nothing if missing crucial props', async () => {
         const authConfigMissingProps = {
             clientId: 'example-client-id',
@@ -285,7 +285,7 @@ describe('useAuth', () => {
     });
 
     it('should throw an error when getCookieValue throws unexpectedly', () => {
-        jest.spyOn(authUtils, 'getCookieValue').mockImplementation(() => {
+        const getCookieValueSpy = jest.spyOn(authUtils, 'getCookieValue').mockImplementation(() => {
             throw new Error('Unexpected error');
         });
         const consoleSpy = jest.spyOn(console, 'error').mockImplementation(() => {});
@@ -293,5 +293,48 @@ describe('useAuth', () => {
         expect(() => renderHook(() => useAuth(authConfig))).toThrow('Unexpected error');
 
         consoleSpy.mockRestore();
+        getCookieValueSpy.mockRestore();
+    });
+
+    describe('alwaysUseResourceRequestProxy', () => {
+        const authConfigAlwaysUseResourceRequestProxy = { ...authConfig, alwaysUseResourceRequestProxy: true };
+        it('should initialize with alwaysUseResourceRequestProxy true', async () => {
+            const { result } = renderHook(() => useAuth(authConfigAlwaysUseResourceRequestProxy));
+
+            await waitFor(() => {
+                expect(result.current.authToken).toBe(null);
+                expect(result.current.isAuthenticated).toBe(true);
+                expect(result.current.alwaysUseResourceRequestProxy).toBe(true);
+            });
+
+            // Check that refreshAccessToken is not called when authConfig changes
+            // Set up a spy and test that refreshAccessToken is not called when authConfig changes
+            const refreshAccessTokenSpy = jest.spyOn(authUtils, 'refreshAccessToken');
+
+            // Change authConfig and rerender
+            const newConfig = { ...authConfigAlwaysUseResourceRequestProxy, clientId: 'changed-client-id' };
+            const { rerender } = renderHook((props) => useAuth(props), { initialProps: authConfigAlwaysUseResourceRequestProxy });
+            rerender(newConfig);
+
+            // refreshAccessToken should not be called
+            expect(refreshAccessTokenSpy).not.toHaveBeenCalled();
+        });
+
+        it('should not attach event listeners when alwaysUseResourceRequestProxy is true', async () => {
+            mockGetCookieValue.mockReturnValueOnce(null);
+            const { result } = renderHook(() => useAuth(authConfigAlwaysUseResourceRequestProxy));
+
+            mockGetCookieValue.mockReturnValue('visibleAuthToken');
+
+            Object.defineProperty(document, 'hidden', { configurable: true, value: false });
+
+            act(() => {
+                document.dispatchEvent(new Event('visibilitychange'));
+            });
+
+            await waitFor(() => {
+                expect(result.current.authToken).toBe(null);
+            });
+        });
     });
 });

package/src/Hooks/useAuth.ts

@@ -65,6 +65,12 @@ export const useAuth = (authConfig: AuthenticationConfiguration | undefined) =>
     };
 
     useEffect(() => {
+        // Don't run internal processes if we are always using the resource request proxy
+        if (authConfig?.alwaysUseResourceRequestProxy) {
+            // Consistent return value for cleanup function
+            return () => {};
+        }
+
         const handleTabChange = () => {
             if (!document.hidden) {
                 syncAuthState();
@@ -82,15 +88,32 @@ export const useAuth = (authConfig: AuthenticationConfiguration | undefined) =>
     }, []);
 
     useEffect(() => {
+        // Don't run internal processes if we are always using the resource request proxy
+        if (authConfig?.alwaysUseResourceRequestProxy) {
+            return;
+        }
+
         refreshAccessToken().catch(() => {
             setIsAuthenticated(false);
         });
     }, [authConfig, refreshAccessToken]);
 
+    // Return some dummy data if we are always using the resource request proxy
+    if (authConfig?.alwaysUseResourceRequestProxy) {
+        return {
+            authToken: null,
+            isAuthenticated: true,
+            login: () => {},
+            refreshAccessToken: () => Promise.resolve(''),
+            alwaysUseResourceRequestProxy: true,
+        };
+    }
+
     return {
         authToken,
         isAuthenticated,
         login: handleLogin,
         refreshAccessToken,
+        alwaysUseResourceRequestProxy: false,
     };
 };

package/src/Plugin/Plugin.spec.tsx

@@ -81,4 +81,21 @@ describe('Plugin', () => {
             expect(AuthContext.AuthProvider).toHaveBeenCalledWith({ authConfig: sourceWithAuth, children: expect.anything() }, {});
         });
     });
+
+    it('Wraps content in AuthProvider when alwaysUseResourceRequestProxy is true', async () => {
+        const sourceWithAuth = {
+            id: '123',
+            type: 'dam' as ResourceBrowserPluginType,
+            configuration: {
+                alwaysUseResourceRequestProxy: true,
+            },
+        };
+
+        const props = { ...baseProps, source: sourceWithAuth };
+        render(<PluginRender render={true} inline={false} {...props} />);
+
+        await waitFor(() => {
+            expect(AuthContext.AuthProvider).toHaveBeenCalledWith({ authConfig: sourceWithAuth, children: expect.anything() }, {});
+        });
+    });
 });

package/src/Plugin/Plugin.tsx

@@ -22,7 +22,9 @@ export type PluginRenderType = ResourceBrowserInputProps & {
 export const PluginRender = forwardRef<HTMLButtonElement, PluginRenderType>(({ render, inline, inlineType, ...props }, forwardRef) => {
     if (!render) return <></>;
 
-    const requiresAuth = Boolean((props.source as ResourceBrowserSourceWithConfig)?.configuration?.authUrl);
+    const requiresAuth =
+        Boolean((props.source as ResourceBrowserSourceWithConfig)?.configuration?.authUrl) ||
+        Boolean((props.source as ResourceBrowserSourceWithConfig)?.configuration?.alwaysUseResourceRequestProxy);
 
     const content =
         inline && inlineType ? (

package/src/ResourceBrowserContext/AuthProvider.spec.tsx

@@ -27,6 +27,7 @@ describe('AuthContext', () => {
         isAuthenticated: true,
         login: jest.fn(),
         refreshAccessToken: jest.fn(),
+        alwaysUseResourceRequestProxy: false,
     };
 
     beforeEach(() => {
@@ -36,12 +37,13 @@ describe('AuthContext', () => {
 
     it('should provide auth state and functions to consumers', async () => {
         const TestComponent = () => {
-            const { authToken, isAuthenticated, login } = useAuthContext();
+            const { authToken, isAuthenticated, login, alwaysUseResourceRequestProxy } = useAuthContext();
             return (
                 <div>
                     <span>{`Token: ${authToken}`}</span>
                     <span>{`Authenticated: ${isAuthenticated}`}</span>
                     <button onClick={login}>Login</button>
+                    <span>{`Always use resource request proxy: ${alwaysUseResourceRequestProxy}`}</span>
                 </div>
             );
         };
@@ -54,6 +56,7 @@ describe('AuthContext', () => {
 
         expect(screen.getByText(/Token: testAuthToken/)).toBeInTheDocument();
         expect(screen.getByText(/Authenticated: true/)).toBeInTheDocument();
+        expect(screen.getByText(/Always use resource request proxy: false/)).toBeInTheDocument();
 
         fireEvent.click(screen.getByText('Login'));
 

package/src/ResourceBrowserContext/AuthProvider.tsx

@@ -7,6 +7,7 @@ interface AuthContextProps {
     isAuthenticated: boolean;
     login: () => void;
     refreshAccessToken: () => Promise<any>;
+    alwaysUseResourceRequestProxy: boolean;
 }
 
 export const AuthContext = createContext<AuthContextProps | undefined>(undefined);

package/src/__mocks__/sample-sources.json

@@ -3,7 +3,8 @@
         "name": "Bynder #1",
         "id": "c90feac1-55f3-4e1f-9b56-c22829e3f510",
         "type": "dam",
-        "group": "DAM"
+        "group": "DAM",
+        "aliases": ["bynder-789"]
     },
     {
         "name": "Bynder #2",

package/src/index.spec.tsx

@@ -141,6 +141,24 @@ describe('Resource browser input', () => {
         });
     });
 
+    it('If an aliased resource is provided will default to its true Source and Plugin to match', async () => {
+        const source = mockSource({ type: 'dam', aliases: ['alias-source-id'] });
+        mockRequestSources.mockResolvedValueOnce([source, mockSource({ type: 'matrix' })]);
+        mockResolveResource.mockResolvedValueOnce(mockResource({ source }));
+        renderComponent({ value: { sourceId: 'alias-source-id', resourceId: '100' } });
+
+        await waitFor(() => {
+            expect(RBI.ResourceBrowserInput).toHaveBeenCalledWith(
+                expect.objectContaining({
+                    source: calculateExpectedSource(source),
+                    plugin: mockDamPlugin,
+                    pluginMode: null,
+                }),
+                {},
+            );
+        });
+    });
+
     it('If a resource is provided but its Source cannot be found it will error', async () => {
         const source = mockSource({ type: 'dam' });
         mockRequestSources.mockResolvedValueOnce([source, mockSource({ type: 'matrix' })]);
@@ -510,6 +528,73 @@ describe('Resource browser input', () => {
         });
     });
 
+    it('onModalStateChange called with false will reset the Source and Plugin to the aliases true source if the value uses an alias', async () => {
+        const originalSource = mockSource({
+            id: 'original-source-id',
+            name: 'Original Source',
+            type: 'dam',
+            aliases: ['alias-source-id'],
+        });
+        const aliasSourceId = 'alias-source-id';
+        const valueWithAlias = {
+            sourceId: aliasSourceId,
+            resourceId: '123456',
+        };
+
+        const sourcesInput = [originalSource, mockSource({ id: '2' })];
+        const calculatedSources = sourcesInput.map((source) => calculateExpectedSource(source));
+        mockRequestSources.mockResolvedValueOnce(sourcesInput);
+
+        renderComponent({ value: valueWithAlias });
+
+        await waitFor(() => {
+            expect(RBI.ResourceBrowserInput).toHaveBeenCalledWith(
+                expect.objectContaining({
+                    value: valueWithAlias,
+                    sources: calculatedSources,
+                    source: calculatedSources[0],
+                    plugin: mockDamPlugin,
+                }),
+                {},
+            );
+        });
+
+        const { onModalStateChange, setSource } = (RBI.ResourceBrowserInput as unknown as jest.SpyInstance).mock.calls[0][0];
+        // Invoke open and close the modal
+        act(() => {
+            onModalStateChange(true);
+        });
+
+        // Change the source
+        act(() => {
+            setSource(calculatedSources[1]);
+        });
+
+        await waitFor(() => {
+            expect(RBI.ResourceBrowserInput).toHaveBeenCalledWith(
+                expect.objectContaining({
+                    source: calculatedSources[1],
+                    plugin: mockDamPlugin,
+                }),
+                {},
+            );
+        });
+
+        act(() => {
+            onModalStateChange(false);
+        });
+
+        await waitFor(() => {
+            expect(RBI.ResourceBrowserInput).toHaveBeenLastCalledWith(
+                expect.objectContaining({
+                    source: calculatedSources[0],
+                    plugin: mockDamPlugin,
+                }),
+                {},
+            );
+        });
+    });
+
     it('onModalStateChange called with false will reset the Mode', async () => {
         const sourcesInput = [mockSource({ type: 'dam' }), mockSource()];
         mockRequestSources.mockResolvedValueOnce(sourcesInput);
@@ -780,5 +865,49 @@ describe('Resource browser input', () => {
                 );
             });
         });
+
+        it('When resource browser is called with a value containing an alias source, Plugin is called with the original source not the alias value', async () => {
+            const originalSource = mockSource({
+                id: 'original-source-id',
+                name: 'Original Source',
+                type: 'dam',
+                aliases: ['alias-source-id'],
+            });
+            const aliasSourceId = 'alias-source-id';
+
+            mockRequestSources.mockResolvedValueOnce([originalSource]);
+
+            // Create a value that uses the alias source ID
+            const valueWithAlias = {
+                sourceId: aliasSourceId,
+                resourceId: '123456',
+            };
+
+            renderComponent({ value: valueWithAlias });
+
+            await waitFor(() => {
+                expect(RBI.ResourceBrowserInput).toHaveBeenCalledWith(
+                    expect.objectContaining({
+                        value: valueWithAlias,
+                        source: calculateExpectedSource(originalSource), // Should be the original source, not alias
+                        plugin: mockDamPlugin,
+                    }),
+                    {},
+                );
+            });
+
+            // Verify that the PluginRender is called with the original source
+            await waitFor(() => {
+                expect(PluginRenderSpy).toHaveBeenCalledWith(
+                    expect.objectContaining({
+                        render: true,
+                        type: 'dam',
+                        source: calculateExpectedSource(originalSource), // Should be the original source
+                        isOtherSourceValue: false,
+                    }),
+                    null,
+                );
+            });
+        });
     });
 });

package/src/index.stories.tsx

@@ -103,6 +103,15 @@ RestrictedSource.args = {
     searchEnabled: true,
 };
 
+export const SourceByAlias = Template.bind({});
+SourceByAlias.args = {
+    ...Primary.args,
+    value: {
+        resourceId: '1f7a25b4-380f-4540-9555-8be2dcab4019',
+        sourceId: 'bynder-789',
+    },
+};
+
 export const SearchEnabled = Template.bind({});
 SearchEnabled.args = {
     ...Primary.args,

package/src/index.tsx

@@ -60,6 +60,24 @@ export const ResourceBrowser = React.forwardRef<HTMLButtonElement, ResourceBrows
     const { data: sources, isLoading, error: sourcesError, reload: reloadSources } = useSources({ onRequestSources, plugins });
     const plugin = source?.plugin || null;
 
+    // Find source by its id or alias
+    const findSourceById = (value: ResourceBrowserUnresolvedResource, sources: ResourceBrowserSourceWithPlugin[]) => {
+        let newSource = sources.find((source) => source.id === value?.sourceId) || null;
+        if (!newSource) {
+            newSource =
+                sources.find((source) => {
+                    if (!source.aliases) return false;
+                    return source.aliases.includes(value.sourceId);
+                }) || null;
+        }
+        return newSource;
+    };
+
+    // Check if the value is for the source
+    const isValueForSource = (value: ResourceBrowserUnresolvedResource, source: ResourceBrowserSourceWithPlugin) => {
+        return value?.sourceId === source.id || (source.aliases && source.aliases.includes(value?.sourceId));
+    };
+
     // MainContainer will render a list of sources of one is not provided to it, callback to allow it to set the source once a user selects
     const handleSourceSelect = useCallback(
         (source: ResourceBrowserSourceWithPlugin, mode?: PluginLaunchMode) => {
@@ -80,7 +98,8 @@ export const ResourceBrowser = React.forwardRef<HTMLButtonElement, ResourceBrows
         // If there is a provided value try to use its source
         if (value) {
             // Search the sources for it matching against the value.source property
-            newSource = sources.find((source) => source.id === value?.sourceId) || null;
+            newSource = findSourceById(value, sources);
+
             // If the source is null and we arent loading the sources
             if (newSource === null && !isLoading) {
                 // Set an error as the passed in value's source wasnt returned by onRequestSources
@@ -116,8 +135,7 @@ export const ResourceBrowser = React.forwardRef<HTMLButtonElement, ResourceBrows
 
             // If there is a value passed in, reset the source so the preselected asset preview renders correctly
             if (value && value.sourceId !== source?.id) {
-                const source = sources.find((source) => source.id === value?.sourceId) || null;
-                setSource(source);
+                setSource(findSourceById(value, sources));
             }
         }
     }, [sources, isModalOpen]);
@@ -168,8 +186,8 @@ export const ResourceBrowser = React.forwardRef<HTMLButtonElement, ResourceBrows
                         inline={!!inline}
                         inlineType={inlineType}
                         {...props}
-                        value={value && source ? (value.sourceId === source.id ? value : null) : null} // Don't pass value if value isn't for selected source
-                        isOtherSourceValue={value && source ? (value.sourceId !== source.id ? true : false) : false} // Block render of existing asset if not from this source
+                        value={value && source ? (isValueForSource(value, source) ? value : null) : null} // Don't pass value if value isn't for selected source
+                        isOtherSourceValue={value && source ? (!isValueForSource(value, source) ? true : false) : false} // Block render of existing asset if not from this source
                         source={source}
                         sources={sources}
                         setSource={handleSourceSelect}

package/src/types.ts

@@ -10,6 +10,9 @@ export type AuthenticationConfiguration = {
     redirectUrl: string;
     clientId: string;
     scope: string;
+
+    // Route all DAM requests through the DAM proxy
+    alwaysUseResourceRequestProxy?: boolean;
 };
 
 export interface ResourceBrowserSource {
@@ -19,6 +22,9 @@ export interface ResourceBrowserSource {
     id: string;
     // Source type e.g. Matrix, DAM etc determines what plugin will be used for resource selection
     type: ResourceBrowserPluginType;
+
+    //alias' for the source to identify plugin to use for the source
+    aliases?: string[];
 }
 
 export interface ResourceBrowserSourceWithPlugin extends ResourceBrowserSource {