box-ui-elements 23.4.0-beta.31 → 23.4.0-beta.32

package/src/features/metadata-instance-editor/__tests__/Instance.test.js

@@ -863,12 +863,30 @@ describe('Instance Component - React Testing Library', () => {
 
     describe('Props passed to CascadePolicy', () => {
         test('should pass canUseAIFolderExtractionAgentSelector to CascadePolicy', async () => {
-            render(<Instance {...getBaseProps({ canUseAIFolderExtractionAgentSelector: true })} />);
+            render(
+                <Instance
+                    {...getBaseProps({
+                        canUseAIFolderExtractionAgentSelector: true,
+                        cascadePolicy: {
+                            id: 'policy-1',
+                            canEdit: true,
+                            isEnabled: true,
+                            cascadePolicyType: CASCADE_POLICY_TYPE_AI_EXTRACT,
+                        },
+                    })}
+                />,
+            );
 
             const editButton = screen.queryByRole('button', { name: 'Edit Metadata' });
             if (editButton) await userEvent.click(editButton); // Enter edit mode to ensure CascadePolicy options are visible
 
-            expect(screen.getByRole('combobox', { name: 'Basic' })).toBeInTheDocument();
+            const cascadeToggle = screen.getByRole('switch', { name: 'Enable Cascade Policy' });
+            expect(cascadeToggle).toBeChecked();
+
+            const aiToggle = screen.getByRole('switch', { name: 'Box AI Autofill' });
+            expect(aiToggle).toBeChecked();
+
+            expect(screen.getByRole('combobox', { name: 'Standard' })).toBeInTheDocument();
         });
 
         test('should disable CascadePolicy options when a cascade already exists', async () => {

package/src/features/metadata-instance-editor/__tests__/Instances.test.js

@@ -3,6 +3,7 @@ import userEvent from '@testing-library/user-event';
 import { render, screen } from '../../../test-utils/testing-library';
 
 import Instances from '../Instances';
+import { CASCADE_POLICY_TYPE_AI_EXTRACT } from '../constants';
 
 // Templates
 
@@ -254,18 +255,22 @@ describe('features/metadata-editor-editor/Instances', () => {
 
 describe('Instances component - canUseAIFolderExtractionAgentSelector prop', () => {
     test('should pass canUseAIFolderExtractionAgentSelector to child Instance components, showing agent selector', async () => {
-        render(
-            <Instances
-                {...getInstancesBaseProps({
-                    canUseAIFolderExtractionAgentSelector: true,
-                })}
-            />,
-        );
+        const props = getInstancesBaseProps({
+            canUseAIFolderExtractionAgentSelector: true,
+        });
+        props.editors[0].instance.cascadePolicy.cascadePolicyType = CASCADE_POLICY_TYPE_AI_EXTRACT;
+        render(<Instances {...props} />);
 
         const editButton = screen.getByRole('button', { name: 'Edit Metadata' });
         await userEvent.click(editButton);
 
-        expect(screen.getByRole('combobox', { name: 'Basic' })).toBeInTheDocument();
+        const cascadeToggle = screen.getByRole('switch', { name: 'Enable Cascade Policy' });
+        expect(cascadeToggle).toBeChecked();
+
+        const aiToggle = screen.getByRole('switch', { name: 'Box AI Autofill' });
+        expect(aiToggle).toBeChecked();
+
+        expect(screen.getByRole('combobox', { name: 'Standard' })).toBeInTheDocument();
     });
 
     test('should not show agent selector in child Instance if canUseAIFolderExtractionAgentSelector is false', async () => {
@@ -280,7 +285,7 @@ describe('Instances component - canUseAIFolderExtractionAgentSelector prop', ()
         const editButton = screen.getByRole('button', { name: 'Edit Metadata' });
         await userEvent.click(editButton);
 
-        expect(screen.queryByRole('combobox', { name: 'Basic' })).not.toBeInTheDocument();
+        expect(screen.queryByRole('combobox', { name: 'Standard' })).not.toBeInTheDocument();
     });
 
     test('should not show agent selector in child Instance if canUseAIFolderExtractionAgentSelector is undefined', async () => {
@@ -291,6 +296,6 @@ describe('Instances component - canUseAIFolderExtractionAgentSelector prop', ()
         const editButton = screen.getByRole('button', { name: 'Edit Metadata' });
         await userEvent.click(editButton);
 
-        expect(screen.queryByRole('combobox', { name: 'Basic' })).not.toBeInTheDocument();
+        expect(screen.queryByRole('combobox', { name: 'Standard' })).not.toBeInTheDocument();
     });
 });

package/src/features/metadata-instance-editor/__tests__/MetadataInstanceEditor.test.js

@@ -536,18 +536,23 @@ describe('features/metadata-editor-editor/MetadataInstanceEditor', () => {
 
 describe('MetadataInstanceEditor - canUseAIFolderExtractionAgentSelector prop', () => {
     test('should propagate canUseAIFolderExtractionAgentSelector, showing agent selector', async () => {
-        render(
-            <MetadataInstanceEditor
-                {...getMetadataEditorBaseProps({
-                    canUseAIFolderExtractionAgentSelector: true,
-                })}
-            />,
-        );
+        const props = getMetadataEditorBaseProps({
+            canUseAIFolderExtraction: true,
+            canUseAIFolderExtractionAgentSelector: true,
+        });
+        props.editors[0].instance.cascadePolicy.cascadePolicyType = 'ai_extract';
+        render(<MetadataInstanceEditor {...props} />);
 
         const editButton = await screen.findByRole('button', { name: 'Edit Metadata' }, { timeout: 3000 });
         await userEvent.click(editButton);
 
-        expect(screen.getByRole('combobox', { name: 'Basic' })).toBeInTheDocument();
+        const cascadeToggle = screen.getByRole('switch', { name: 'Enable Cascade Policy' });
+        expect(cascadeToggle).toBeChecked();
+
+        const aiToggle = screen.getByRole('switch', { name: 'Box AI Autofill' });
+        expect(aiToggle).toBeChecked();
+
+        expect(screen.getByRole('combobox', { name: 'Standard' })).toBeInTheDocument();
     });
 
     test('should not show agent selector if canUseAIFolderExtractionAgentSelector is false', async () => {
@@ -562,7 +567,7 @@ describe('MetadataInstanceEditor - canUseAIFolderExtractionAgentSelector prop',
         const editButton = await screen.findByRole('button', { name: 'Edit Metadata' });
         await userEvent.click(editButton);
 
-        expect(screen.queryByRole('combobox', { name: 'Basic' })).not.toBeInTheDocument();
+        expect(screen.queryByRole('combobox', { name: 'Standard' })).not.toBeInTheDocument();
     });
 
     test('should not show agent selector if canUseAIFolderExtractionAgentSelector is undefined', async () => {
@@ -573,6 +578,44 @@ describe('MetadataInstanceEditor - canUseAIFolderExtractionAgentSelector prop',
         const editButton = await screen.findByRole('button', { name: 'Edit Metadata' });
         await userEvent.click(editButton);
 
-        expect(screen.queryByRole('combobox', { name: 'Basic' })).not.toBeInTheDocument();
+        expect(screen.queryByRole('combobox', { name: 'Standard' })).not.toBeInTheDocument();
     });
+
+    test('should show "Enhanced" in the combobox when the second option is selected', async () => {
+        const props = getMetadataEditorBaseProps({
+            canUseAIFolderExtraction: true,
+            canUseAIFolderExtractionAgentSelector: true,
+        });
+        props.editors[0].instance.cascadePolicy.cascadePolicyType = 'ai_extract';
+        props.editors[0].instance.cascadePolicy.id = null;
+
+        render(<MetadataInstanceEditor {...props} />);
+
+        const editButton = await screen.findByRole('button', { name: 'Edit Metadata' }, { timeout: 3000 });
+        await userEvent.click(editButton);
+
+        // Click Enable Cascade Policy
+        const cascadeToggle = screen.getByRole('switch', { name: 'Enable Cascade Policy' });
+        expect(cascadeToggle).not.toBeChecked();
+        await userEvent.click(cascadeToggle);
+        expect(cascadeToggle).toBeChecked();
+
+        // Find the combobox and open it
+        const comboBox = screen.getByRole('combobox', { name: 'Standard' });
+        expect(comboBox).toBeInTheDocument();
+
+        // Open the combobox options (simulate click)
+        expect(comboBox).not.toHaveAttribute('disabled');
+        expect(comboBox).toBeVisible();
+        await userEvent.click(comboBox);
+
+        // Find the 'Enhanced' option and select it
+        const enhancedOption = await screen.findByRole('option', { name: 'Enhanced' });
+        expect(enhancedOption).not.toHaveAttribute('disabled');
+        expect(enhancedOption).toBeVisible();
+        await userEvent.click(enhancedOption);
+
+        // The combobox should now show 'Enhanced'
+        expect(screen.getByRole('combobox', { name: 'Enhanced' })).toBeInTheDocument();
+    }, 15000); // Increase timeout to 15 seconds
 });

package/src/features/metadata-instance-editor/__tests__/__snapshots__/Instance.test.js.snap

@@ -422,6 +422,7 @@ exports[`features/metadata-instance-editor/fields/Instance should correctly rend
             isCascadingOverwritten={false}
             isCustomMetadata={false}
             isExistingCascadePolicy={true}
+            onAIAgentSelect={[Function]}
             onAIFolderExtractionToggle={[Function]}
             onCascadeModeChange={[Function]}
             onCascadeToggle={[Function]}

package/src/features/metadata-instance-editor/constants.js

@@ -2,5 +2,14 @@
 
 const CASCADE_POLICY_TYPE_AI_EXTRACT = 'ai_extract';
 const TEMPLATE_CUSTOM_PROPERTIES: 'properties' = 'properties';
+const ENHANCED_AGENT_CONFIGURATION = 'enhanced_extract_agent';
+const STANDARD_AGENT_ID = '1';
+const ENHANCED_AGENT_ID = '2';
 
-export { CASCADE_POLICY_TYPE_AI_EXTRACT, TEMPLATE_CUSTOM_PROPERTIES };
+export {
+    CASCADE_POLICY_TYPE_AI_EXTRACT,
+    TEMPLATE_CUSTOM_PROPERTIES,
+    ENHANCED_AGENT_CONFIGURATION,
+    STANDARD_AGENT_ID,
+    ENHANCED_AGENT_ID,
+};

package/src/features/metadata-instance-editor/messages.js

@@ -246,6 +246,16 @@ const messages = defineMessages({
             'Informational text below cascade policy description and explains to the user that the policy will take some time to take effect.',
         id: 'boxui.metadataInstanceEditor.operationNotImmediate',
     },
+    standardAgentName: {
+        defaultMessage: 'Standard',
+        description: 'Name of the standard AI agent',
+        id: 'boxui.metadataInstanceEditor.standardAgentName',
+    },
+    enhancedAgentName: {
+        defaultMessage: 'Enhanced',
+        description: 'Name of the enhanced AI agent',
+        id: 'boxui.metadataInstanceEditor.enhancedAgentName',
+    },
 });
 
 export default messages;