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

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

@@ -421,7 +421,8 @@ exports[`features/metadata-instance-editor/fields/Instance should correctly rend
             isCascadingEnabled={true}
             isCascadingOverwritten={false}
             isCustomMetadata={false}
-            isExistingAIExtractionCascadePolicy={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

@@ -207,6 +207,17 @@ const messages = defineMessages({
             'Tooltip text that asks the user what they want to do when applying cascading to their metadata policy',
         id: 'boxui.metadataInstanceEditor.cascadePolicyModeQuestion',
     },
+    cascadePolicyOptionsDisabledNotice: {
+        defaultMessage:
+            'This cascade policy cannot be edited. To modify it, deactivate the current policy and then re-enable it to set up a new one.',
+        description: 'Notice that explains that the cascade policy cannot be edited',
+        id: 'boxui.metadataInstanceEditor.cascadePolicyOptionsDisabledNotice',
+    },
+    cascadePolicyOptionsDisabledNoticeIconAriaLabel: {
+        defaultMessage: 'Disabled cascade options information',
+        description: 'Aria label for the disabled cascade options information icon',
+        id: 'boxui.metadataInstanceEditor.cascadePolicyOptionsDisabledNoticeIconAriaLabel',
+    },
     cascadePolicySkipMode: {
         defaultMessage: 'Skip and keep all existing template values',
         description: 'Label for radio button that selects skip mode for cascading policy',
@@ -235,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;

package/src/features/metadata-instance-editor/stories/tests/CascadePolicy-visual.stories.js

@@ -0,0 +1,36 @@
+import * as React from 'react';
+import { TooltipProvider } from '@box/blueprint-web';
+import CascadePolicy from '../../CascadePolicy';
+
+const baseProps = {
+    canEdit: true,
+    canUseAIFolderExtraction: true,
+    canUseAIFolderExtractionAgentSelector: true,
+    isAIFolderExtractionEnabled: false,
+    isCascadingEnabled: true,
+    isCascadingOverwritten: false,
+    isCustomMetadata: false,
+    onAIFolderExtractionToggle: () => {},
+    onCascadeModeChange: () => {},
+    onCascadeToggle: () => {},
+    shouldShowCascadeOptions: true,
+};
+
+const Template = props => (
+    <TooltipProvider>
+        <CascadePolicy {...baseProps} {...props} />
+    </TooltipProvider>
+);
+
+const EnabledCascadePolicyOptionsFieldsOnly = () => <Template isExistingCascadePolicy={false} />;
+EnabledCascadePolicyOptionsFieldsOnly.storyName = 'Enabled Cascade Policy Options';
+
+const DisabledCascadePolicyOptionsFieldsOnly = () => <Template isExistingCascadePolicy={true} />;
+DisabledCascadePolicyOptionsFieldsOnly.storyName = 'Disabled Cascade Policy Options';
+
+export { EnabledCascadePolicyOptionsFieldsOnly, DisabledCascadePolicyOptionsFieldsOnly };
+
+export default {
+    title: 'Features/Metadata Instance Editor/CascadePolicy/Visual',
+    component: CascadePolicy,
+};

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

@@ -1,108 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`features/metadata-instance-editor/CascadePolicy should correctly render cascade policy in edit mode 1`] = `
-<div
-  className="metadata-cascade-notice"
->
-  <MemoizedFormattedMessage
-    defaultMessage="This template and its values are being cascaded to all items in this folder and its subfolders."
-    id="boxui.metadataInstanceEditor.metadataCascadePolicyEnabledInfo"
-  />
-</div>
-`;
-
-exports[`features/metadata-instance-editor/CascadePolicy should correctly render cascade policy in edit mode and overwrite is on 1`] = `
-<div
-  className="metadata-cascade-notice"
->
-  <MemoizedFormattedMessage
-    defaultMessage="This template and its values are being cascaded to all items in this folder and its subfolders."
-    id="boxui.metadataInstanceEditor.metadataCascadePolicyEnabledInfo"
-  />
-</div>
-`;
-
-exports[`features/metadata-instance-editor/CascadePolicy should correctly render cascade policy read only mode 1`] = `
-<div
-  className="metadata-cascade-notice"
->
-  <MemoizedFormattedMessage
-    defaultMessage="This template and its values are being cascaded to all items in this folder and its subfolders."
-    id="boxui.metadataInstanceEditor.metadataCascadePolicyEnabledInfo"
-  />
-</div>
-`;
-
-exports[`features/metadata-instance-editor/CascadePolicy should correctly render cascade policy when the template is Custom Metadata 1`] = `
-<Fragment>
-  <div
-    className="metadata-cascade-editor"
-  >
-    <div
-      className="metadata-cascade-enable"
-      data-testid="metadata-cascade-enable"
-    >
-      <div>
-        <MemoizedFormattedMessage
-          defaultMessage="Enable Cascade Policy"
-          id="boxui.metadataInstanceEditor.enableCascadePolicy"
-          tagName="strong"
-        />
-      </div>
-      <div>
-        <MemoizedFormattedMessage
-          defaultMessage="Cascade policy cannot be applied to custom metadata at this time."
-          id="boxui.metadataInstanceEditor.cannotApplyCascadePolicyText"
-        />
-      </div>
-    </div>
-  </div>
-  <div
-    className="metadata-cascade-editor"
-  >
-    <div
-      className="metadata-cascading-mode"
-    >
-      <MemoizedFormattedMessage
-        defaultMessage="In the case of conflicts when applying this template and its values to existing items, what would you like to do? This is a one time action."
-        id="boxui.metadataInstanceEditor.cascadePolicyModeQuestion"
-      />
-      <div
-        className="metadata-operation-not-immediate"
-      >
-        <IconAlertDefault />
-        <span>
-          <MemoizedFormattedMessage
-            defaultMessage="This operation is not immediate and may take some time."
-            id="boxui.metadataInstanceEditor.operationNotImmediate"
-          />
-        </span>
-      </div>
-      <RadioGroup
-        className="metadata-cascading-options"
-        onChange={[Function]}
-        value="skip"
-      >
-        <RadioButton
-          label={
-            <Memo(MemoizedFormattedMessage)
-              defaultMessage="Skip and keep all existing template values"
-              id="boxui.metadataInstanceEditor.cascadePolicySkipMode"
-            />
-          }
-          value="skip"
-        />
-        <RadioButton
-          label={
-            <Memo(MemoizedFormattedMessage)
-              defaultMessage="Overwrite all existing template values"
-              id="boxui.metadataInstanceEditor.cascadePolicyOverwriteMode"
-            />
-          }
-          value="overwrite"
-        />
-      </RadioGroup>
-    </div>
-  </div>
-</Fragment>
-`;