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

package/es/features/metadata-instance-editor/CascadePolicy.js

@@ -1,26 +1,22 @@
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import * as React from 'react';
-import { FormattedMessage } from 'react-intl';
-import { BoxAiAgentSelector } from '@box/box-ai-agent-selector';
+import { InlineNotice } from '@box/blueprint-web';
+import { useCallback } from 'react';
+import { FormattedMessage, useIntl } from 'react-intl';
+
 // $FlowFixMe
-import BoxAiLogo from '@box/blueprint-web-assets/icons/Logo/BoxAiLogo';
+import { BoxAiAdvancedColor, BoxAiColor } from '@box/blueprint-web-assets/icons/Medium';
+// $FlowFixMe
+import { BoxAiAgentSelectorWithApiContainer } from '@box/box-ai-agent-selector';
 import Toggle from '../../components/toggle';
 import { RadioButton, RadioGroup } from '../../components/radio';
 import Link from '../../components/link/Link';
 import IconAlertDefault from '../../icons/general/IconAlertDefault';
 import messages from './messages';
 import './CascadePolicy.scss';
+import { STANDARD_AGENT_ID, ENHANCED_AGENT_ID } from './constants';
 const COMMUNITY_LINK = 'https://support.box.com/hc/en-us/articles/360044195873-Cascading-metadata-in-folders';
 const AI_LINK = 'https://www.box.com/ai';
-const agents = [{
-  id: '1',
-  name: 'Basic',
-  isEnterpriseDefault: true
-}, {
-  id: '2',
-  name: 'Enhanced (Gemini 2.5 Pro)',
-  isEnterpriseDefault: false
-}];
 const CascadePolicy = ({
   canEdit,
   canUseAIFolderExtraction,
@@ -29,16 +25,47 @@ const CascadePolicy = ({
   isCascadingOverwritten,
   isCustomMetadata,
   isAIFolderExtractionEnabled,
-  isExistingAIExtractionCascadePolicy,
+  isExistingCascadePolicy,
   onAIFolderExtractionToggle,
+  onAIAgentSelect,
   onCascadeToggle,
   onCascadeModeChange,
   shouldShowCascadeOptions
 }) => {
+  const {
+    formatMessage
+  } = useIntl();
   const readOnlyState = isCascadingEnabled ? /*#__PURE__*/React.createElement("div", {
     className: "metadata-cascade-notice"
   }, /*#__PURE__*/React.createElement(FormattedMessage, messages.metadataCascadePolicyEnabledInfo)) : null;
-  return canEdit ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+  const agents = React.useMemo(() => [{
+    id: STANDARD_AGENT_ID,
+    name: formatMessage(messages.standardAgentName),
+    isEnterpriseDefault: true
+  }, {
+    id: ENHANCED_AGENT_ID,
+    name: formatMessage(messages.enhancedAgentName),
+    isEnterpriseDefault: false,
+    customIcon: BoxAiAdvancedColor
+  }], [formatMessage]);
+
+  // BoxAiAgentSelectorWithApiContainer expects a function that returns a Promise<AgentListResponse>
+  // Since we're passing in our own agents, we don't need to make an API call,
+  // so we wrap the store data in a Promise to satisfy the component's interface requirements.
+  const agentFetcher = useCallback(() => {
+    return Promise.resolve({
+      agents
+    });
+  }, [agents]);
+  const handleAgentSelect = useCallback(agent => {
+    if (onAIAgentSelect) {
+      onAIAgentSelect(agent);
+    }
+  }, [onAIAgentSelect]);
+  return canEdit ? /*#__PURE__*/React.createElement(React.Fragment, null, isExistingCascadePolicy && /*#__PURE__*/React.createElement(InlineNotice, {
+    variant: "info",
+    variantIconAriaLabel: formatMessage(messages.cascadePolicyOptionsDisabledNoticeIconAriaLabel)
+  }, /*#__PURE__*/React.createElement(FormattedMessage, messages.cascadePolicyOptionsDisabledNotice)), /*#__PURE__*/React.createElement("div", {
     className: "metadata-cascade-editor"
   }, /*#__PURE__*/React.createElement("div", {
     className: "metadata-cascade-enable",
@@ -46,6 +73,7 @@ const CascadePolicy = ({
   }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(FormattedMessage, _extends({
     tagName: "strong"
   }, messages.enableCascadePolicy)), !isCustomMetadata && /*#__PURE__*/React.createElement(Toggle, {
+    "aria-label": formatMessage(messages.enableCascadePolicy),
     className: `metadata-cascade-toggle ${isCascadingEnabled ? 'cascade-on' : 'cascade-off'}`,
     isOn: isCascadingEnabled,
     label: "",
@@ -67,9 +95,11 @@ const CascadePolicy = ({
     onChange: e => onCascadeModeChange(e.target.value === 'overwrite'),
     value: isCascadingOverwritten ? 'overwrite' : 'skip'
   }, /*#__PURE__*/React.createElement(RadioButton, {
+    isDisabled: isExistingCascadePolicy,
     label: /*#__PURE__*/React.createElement(FormattedMessage, messages.cascadePolicySkipMode),
     value: "skip"
   }), /*#__PURE__*/React.createElement(RadioButton, {
+    isDisabled: isExistingCascadePolicy,
     label: /*#__PURE__*/React.createElement(FormattedMessage, messages.cascadePolicyOverwriteMode),
     value: "overwrite"
   })))), shouldShowCascadeOptions && canUseAIFolderExtraction && /*#__PURE__*/React.createElement("div", {
@@ -77,16 +107,17 @@ const CascadePolicy = ({
     "data-testid": "ai-folder-extraction"
   }, /*#__PURE__*/React.createElement("div", {
     className: "metadata-cascade-enable"
-  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(BoxAiLogo, {
+  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(BoxAiColor, {
     className: "metadata-cascade-ai-logo",
     width: 16,
     height: 16
   }), /*#__PURE__*/React.createElement(FormattedMessage, _extends({
     tagName: "strong"
   }, messages.enableAIAutofill)), /*#__PURE__*/React.createElement(Toggle, {
+    "aria-label": formatMessage(messages.enableAIAutofill),
     className: "metadata-cascade-toggle",
     isOn: isAIFolderExtractionEnabled,
-    isDisabled: isExistingAIExtractionCascadePolicy,
+    isDisabled: isExistingCascadePolicy,
     label: "",
     onChange: e => onAIFolderExtractionToggle(e.target.checked)
   })), /*#__PURE__*/React.createElement("div", {
@@ -95,14 +126,13 @@ const CascadePolicy = ({
     className: "cascade-policy-link",
     href: AI_LINK,
     target: "_blank"
-  }, /*#__PURE__*/React.createElement(FormattedMessage, messages.aiAutofillLearnMore))), canUseAIFolderExtractionAgentSelector && /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React.createElement(FormattedMessage, messages.aiAutofillLearnMore))), canUseAIFolderExtractionAgentSelector && isAIFolderExtractionEnabled && /*#__PURE__*/React.createElement("div", {
     className: "metadata-cascade-ai-agent-selector"
-  }, /*#__PURE__*/React.createElement(BoxAiAgentSelector, {
-    agents: agents,
-    onErrorAction: () => {},
-    requestState: "success",
-    selectedAgent: agents[0],
-    variant: "sidebar"
+  }, /*#__PURE__*/React.createElement(BoxAiAgentSelectorWithApiContainer, {
+    disabled: isExistingCascadePolicy,
+    fetcher: agentFetcher,
+    onSelectAgent: handleAgentSelect,
+    recordAction: () => {}
   }))))) : readOnlyState;
 };
 export default CascadePolicy;

package/es/features/metadata-instance-editor/CascadePolicy.js.flow

@@ -1,10 +1,16 @@
 // @flow
 import * as React from 'react';
-import { FormattedMessage } from 'react-intl';
 
-import { BoxAiAgentSelector } from '@box/box-ai-agent-selector';
+import { InlineNotice } from '@box/blueprint-web';
+import { useCallback } from 'react';
+import { FormattedMessage, useIntl } from 'react-intl';
+
+// $FlowFixMe
+import { BoxAiAdvancedColor, BoxAiColor } from '@box/blueprint-web-assets/icons/Medium';
+import { type AgentType } from '@box/box-ai-agent-selector';
+
 // $FlowFixMe
-import BoxAiLogo from '@box/blueprint-web-assets/icons/Logo/BoxAiLogo';
+import { BoxAiAgentSelectorWithApiContainer } from '@box/box-ai-agent-selector';
 
 import Toggle from '../../components/toggle';
 import { RadioButton, RadioGroup } from '../../components/radio';
@@ -12,23 +18,11 @@ import Link from '../../components/link/Link';
 import IconAlertDefault from '../../icons/general/IconAlertDefault';
 import messages from './messages';
 import './CascadePolicy.scss';
+import { STANDARD_AGENT_ID, ENHANCED_AGENT_ID } from './constants';
 
 const COMMUNITY_LINK = 'https://support.box.com/hc/en-us/articles/360044195873-Cascading-metadata-in-folders';
 const AI_LINK = 'https://www.box.com/ai';
 
-const agents = [
-    {
-        id: '1',
-        name: 'Basic',
-        isEnterpriseDefault: true,
-    },
-    {
-        id: '2',
-        name: 'Enhanced (Gemini 2.5 Pro)',
-        isEnterpriseDefault: false,
-    },
-];
-
 type Props = {
     canEdit: boolean,
     canUseAIFolderExtraction: boolean,
@@ -37,8 +31,9 @@ type Props = {
     isCascadingEnabled: boolean,
     isCascadingOverwritten: boolean,
     isCustomMetadata: boolean,
-    isExistingAIExtractionCascadePolicy: boolean,
+    isExistingCascadePolicy: boolean,
     onAIFolderExtractionToggle: (value: boolean) => void,
+    onAIAgentSelect?: (agent: AgentType | null) => void,
     onCascadeModeChange: (value: boolean) => void,
     onCascadeToggle: (value: boolean) => void,
     shouldShowCascadeOptions: boolean,
@@ -52,26 +47,71 @@ const CascadePolicy = ({
     isCascadingOverwritten,
     isCustomMetadata,
     isAIFolderExtractionEnabled,
-    isExistingAIExtractionCascadePolicy,
+    isExistingCascadePolicy,
     onAIFolderExtractionToggle,
+    onAIAgentSelect,
     onCascadeToggle,
     onCascadeModeChange,
     shouldShowCascadeOptions,
 }: Props) => {
+    const { formatMessage } = useIntl();
+
     const readOnlyState = isCascadingEnabled ? (
         <div className="metadata-cascade-notice">
             <FormattedMessage {...messages.metadataCascadePolicyEnabledInfo} />
         </div>
     ) : null;
 
+    const agents = React.useMemo(
+        () => [
+            {
+                id: STANDARD_AGENT_ID,
+                name: formatMessage(messages.standardAgentName),
+                isEnterpriseDefault: true,
+            },
+            {
+                id: ENHANCED_AGENT_ID,
+                name: formatMessage(messages.enhancedAgentName),
+                isEnterpriseDefault: false,
+                customIcon: BoxAiAdvancedColor,
+            },
+        ],
+        [formatMessage],
+    );
+
+    // BoxAiAgentSelectorWithApiContainer expects a function that returns a Promise<AgentListResponse>
+    // Since we're passing in our own agents, we don't need to make an API call,
+    // so we wrap the store data in a Promise to satisfy the component's interface requirements.
+    const agentFetcher = useCallback(() => {
+        return Promise.resolve({ agents });
+    }, [agents]);
+
+    const handleAgentSelect = useCallback(
+        (agent: AgentType | null) => {
+            if (onAIAgentSelect) {
+                onAIAgentSelect(agent);
+            }
+        },
+        [onAIAgentSelect],
+    );
+
     return canEdit ? (
         <>
+            {isExistingCascadePolicy && (
+                <InlineNotice
+                    variant="info"
+                    variantIconAriaLabel={formatMessage(messages.cascadePolicyOptionsDisabledNoticeIconAriaLabel)}
+                >
+                    <FormattedMessage {...messages.cascadePolicyOptionsDisabledNotice} />
+                </InlineNotice>
+            )}
             <div className="metadata-cascade-editor">
                 <div className="metadata-cascade-enable" data-testid="metadata-cascade-enable">
                     <div>
                         <FormattedMessage tagName="strong" {...messages.enableCascadePolicy} />
                         {!isCustomMetadata && (
                             <Toggle
+                                aria-label={formatMessage(messages.enableCascadePolicy)}
                                 className={`metadata-cascade-toggle ${
                                     isCascadingEnabled ? 'cascade-on' : 'cascade-off'
                                 }`}
@@ -113,10 +153,12 @@ const CascadePolicy = ({
                             value={isCascadingOverwritten ? 'overwrite' : 'skip'}
                         >
                             <RadioButton
+                                isDisabled={isExistingCascadePolicy}
                                 label={<FormattedMessage {...messages.cascadePolicySkipMode} />}
                                 value="skip"
                             />
                             <RadioButton
+                                isDisabled={isExistingCascadePolicy}
                                 label={<FormattedMessage {...messages.cascadePolicyOverwriteMode} />}
                                 value="overwrite"
                             />
@@ -128,12 +170,13 @@ const CascadePolicy = ({
                 <div className="metadata-cascade-editor" data-testid="ai-folder-extraction">
                     <div className="metadata-cascade-enable">
                         <div>
-                            <BoxAiLogo className="metadata-cascade-ai-logo" width={16} height={16} />
+                            <BoxAiColor className="metadata-cascade-ai-logo" width={16} height={16} />
                             <FormattedMessage tagName="strong" {...messages.enableAIAutofill} />
                             <Toggle
+                                aria-label={formatMessage(messages.enableAIAutofill)}
                                 className="metadata-cascade-toggle"
                                 isOn={isAIFolderExtractionEnabled}
-                                isDisabled={isExistingAIExtractionCascadePolicy}
+                                isDisabled={isExistingCascadePolicy}
                                 label=""
                                 onChange={e => onAIFolderExtractionToggle(e.target.checked)}
                             />
@@ -145,14 +188,13 @@ const CascadePolicy = ({
                                 <FormattedMessage {...messages.aiAutofillLearnMore} />
                             </Link>
                         </div>
-                        {canUseAIFolderExtractionAgentSelector && (
+                        {canUseAIFolderExtractionAgentSelector && isAIFolderExtractionEnabled && (
                             <div className="metadata-cascade-ai-agent-selector">
-                                <BoxAiAgentSelector
-                                    agents={agents}
-                                    onErrorAction={() => {}}
-                                    requestState="success"
-                                    selectedAgent={agents[0]}
-                                    variant="sidebar"
+                                <BoxAiAgentSelectorWithApiContainer
+                                    disabled={isExistingCascadePolicy}
+                                    fetcher={agentFetcher}
+                                    onSelectAgent={handleAgentSelect}
+                                    recordAction={() => {}}
                                 />
                             </div>
                         )}

package/es/features/metadata-instance-editor/CascadePolicy.js.map

@@ -1 +1 @@
-{"version":3,"file":"CascadePolicy.js","names":["React","FormattedMessage","BoxAiAgentSelector","BoxAiLogo","Toggle","RadioButton","RadioGroup","Link","IconAlertDefault","messages","COMMUNITY_LINK","AI_LINK","agents","id","name","isEnterpriseDefault","CascadePolicy","canEdit","canUseAIFolderExtraction","canUseAIFolderExtractionAgentSelector","isCascadingEnabled","isCascadingOverwritten","isCustomMetadata","isAIFolderExtractionEnabled","isExistingAIExtractionCascadePolicy","onAIFolderExtractionToggle","onCascadeToggle","onCascadeModeChange","shouldShowCascadeOptions","readOnlyState","createElement","className","metadataCascadePolicyEnabledInfo","Fragment","_extends","tagName","enableCascadePolicy","isOn","label","onChange","e","target","checked","applyCascadePolicyText","href","cascadePolicyLearnMore","cannotApplyCascadePolicyText","cascadePolicyModeQuestion","operationNotImmediate","value","cascadePolicySkipMode","cascadePolicyOverwriteMode","width","height","enableAIAutofill","isDisabled","aiAutofillDescription","aiAutofillLearnMore","onErrorAction","requestState","selectedAgent","variant"],"sources":["../../../src/features/metadata-instance-editor/CascadePolicy.js"],"sourcesContent":["// @flow\nimport * as React from 'react';\nimport { FormattedMessage } from 'react-intl';\n\nimport { BoxAiAgentSelector } from '@box/box-ai-agent-selector';\n// $FlowFixMe\nimport BoxAiLogo from '@box/blueprint-web-assets/icons/Logo/BoxAiLogo';\n\nimport Toggle from '../../components/toggle';\nimport { RadioButton, RadioGroup } from '../../components/radio';\nimport Link from '../../components/link/Link';\nimport IconAlertDefault from '../../icons/general/IconAlertDefault';\nimport messages from './messages';\nimport './CascadePolicy.scss';\n\nconst COMMUNITY_LINK = 'https://support.box.com/hc/en-us/articles/360044195873-Cascading-metadata-in-folders';\nconst AI_LINK = 'https://www.box.com/ai';\n\nconst agents = [\n    {\n        id: '1',\n        name: 'Basic',\n        isEnterpriseDefault: true,\n    },\n    {\n        id: '2',\n        name: 'Enhanced (Gemini 2.5 Pro)',\n        isEnterpriseDefault: false,\n    },\n];\n\ntype Props = {\n    canEdit: boolean,\n    canUseAIFolderExtraction: boolean,\n    canUseAIFolderExtractionAgentSelector: boolean,\n    isAIFolderExtractionEnabled: boolean,\n    isCascadingEnabled: boolean,\n    isCascadingOverwritten: boolean,\n    isCustomMetadata: boolean,\n    isExistingAIExtractionCascadePolicy: boolean,\n    onAIFolderExtractionToggle: (value: boolean) => void,\n    onCascadeModeChange: (value: boolean) => void,\n    onCascadeToggle: (value: boolean) => void,\n    shouldShowCascadeOptions: boolean,\n};\n\nconst CascadePolicy = ({\n    canEdit,\n    canUseAIFolderExtraction,\n    canUseAIFolderExtractionAgentSelector,\n    isCascadingEnabled,\n    isCascadingOverwritten,\n    isCustomMetadata,\n    isAIFolderExtractionEnabled,\n    isExistingAIExtractionCascadePolicy,\n    onAIFolderExtractionToggle,\n    onCascadeToggle,\n    onCascadeModeChange,\n    shouldShowCascadeOptions,\n}: Props) => {\n    const readOnlyState = isCascadingEnabled ? (\n        <div className=\"metadata-cascade-notice\">\n            <FormattedMessage {...messages.metadataCascadePolicyEnabledInfo} />\n        </div>\n    ) : null;\n\n    return canEdit ? (\n        <>\n            <div className=\"metadata-cascade-editor\">\n                <div className=\"metadata-cascade-enable\" data-testid=\"metadata-cascade-enable\">\n                    <div>\n                        <FormattedMessage tagName=\"strong\" {...messages.enableCascadePolicy} />\n                        {!isCustomMetadata && (\n                            <Toggle\n                                className={`metadata-cascade-toggle ${\n                                    isCascadingEnabled ? 'cascade-on' : 'cascade-off'\n                                }`}\n                                isOn={isCascadingEnabled}\n                                label=\"\"\n                                onChange={e => onCascadeToggle(e.target.checked)}\n                            />\n                        )}\n                    </div>\n                    {!isCustomMetadata ? (\n                        <div className=\"cascade-policy-text\">\n                            <FormattedMessage {...messages.applyCascadePolicyText} />\n                            &nbsp;\n                            <Link className=\"cascade-policy-link\" href={COMMUNITY_LINK} target=\"_blank\">\n                                <FormattedMessage {...messages.cascadePolicyLearnMore} />\n                            </Link>\n                        </div>\n                    ) : (\n                        <div>\n                            <FormattedMessage {...messages.cannotApplyCascadePolicyText} />\n                        </div>\n                    )}\n                </div>\n            </div>\n            {shouldShowCascadeOptions && (\n                <div className=\"metadata-cascade-editor\">\n                    <div className=\"metadata-cascading-mode\">\n                        <FormattedMessage {...messages.cascadePolicyModeQuestion} />\n\n                        <div className=\"metadata-operation-not-immediate\">\n                            <IconAlertDefault />\n                            <span>\n                                <FormattedMessage {...messages.operationNotImmediate} />\n                            </span>\n                        </div>\n                        <RadioGroup\n                            className=\"metadata-cascading-options\"\n                            onChange={e => onCascadeModeChange(e.target.value === 'overwrite')}\n                            value={isCascadingOverwritten ? 'overwrite' : 'skip'}\n                        >\n                            <RadioButton\n                                label={<FormattedMessage {...messages.cascadePolicySkipMode} />}\n                                value=\"skip\"\n                            />\n                            <RadioButton\n                                label={<FormattedMessage {...messages.cascadePolicyOverwriteMode} />}\n                                value=\"overwrite\"\n                            />\n                        </RadioGroup>\n                    </div>\n                </div>\n            )}\n            {shouldShowCascadeOptions && canUseAIFolderExtraction && (\n                <div className=\"metadata-cascade-editor\" data-testid=\"ai-folder-extraction\">\n                    <div className=\"metadata-cascade-enable\">\n                        <div>\n                            <BoxAiLogo className=\"metadata-cascade-ai-logo\" width={16} height={16} />\n                            <FormattedMessage tagName=\"strong\" {...messages.enableAIAutofill} />\n                            <Toggle\n                                className=\"metadata-cascade-toggle\"\n                                isOn={isAIFolderExtractionEnabled}\n                                isDisabled={isExistingAIExtractionCascadePolicy}\n                                label=\"\"\n                                onChange={e => onAIFolderExtractionToggle(e.target.checked)}\n                            />\n                        </div>\n                        <div className=\"cascade-policy-text\">\n                            <FormattedMessage {...messages.aiAutofillDescription} />\n                            &nbsp;\n                            <Link className=\"cascade-policy-link\" href={AI_LINK} target=\"_blank\">\n                                <FormattedMessage {...messages.aiAutofillLearnMore} />\n                            </Link>\n                        </div>\n                        {canUseAIFolderExtractionAgentSelector && (\n                            <div className=\"metadata-cascade-ai-agent-selector\">\n                                <BoxAiAgentSelector\n                                    agents={agents}\n                                    onErrorAction={() => {}}\n                                    requestState=\"success\"\n                                    selectedAgent={agents[0]}\n                                    variant=\"sidebar\"\n                                />\n                            </div>\n                        )}\n                    </div>\n                </div>\n            )}\n        </>\n    ) : (\n        readOnlyState\n    );\n};\n\nexport default CascadePolicy;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"CascadePolicy.js","names":["React","InlineNotice","useCallback","FormattedMessage","useIntl","BoxAiAdvancedColor","BoxAiColor","BoxAiAgentSelectorWithApiContainer","Toggle","RadioButton","RadioGroup","Link","IconAlertDefault","messages","STANDARD_AGENT_ID","ENHANCED_AGENT_ID","COMMUNITY_LINK","AI_LINK","CascadePolicy","canEdit","canUseAIFolderExtraction","canUseAIFolderExtractionAgentSelector","isCascadingEnabled","isCascadingOverwritten","isCustomMetadata","isAIFolderExtractionEnabled","isExistingCascadePolicy","onAIFolderExtractionToggle","onAIAgentSelect","onCascadeToggle","onCascadeModeChange","shouldShowCascadeOptions","formatMessage","readOnlyState","createElement","className","metadataCascadePolicyEnabledInfo","agents","useMemo","id","name","standardAgentName","isEnterpriseDefault","enhancedAgentName","customIcon","agentFetcher","Promise","resolve","handleAgentSelect","agent","Fragment","variant","variantIconAriaLabel","cascadePolicyOptionsDisabledNoticeIconAriaLabel","cascadePolicyOptionsDisabledNotice","_extends","tagName","enableCascadePolicy","isOn","label","onChange","e","target","checked","applyCascadePolicyText","href","cascadePolicyLearnMore","cannotApplyCascadePolicyText","cascadePolicyModeQuestion","operationNotImmediate","value","isDisabled","cascadePolicySkipMode","cascadePolicyOverwriteMode","width","height","enableAIAutofill","aiAutofillDescription","aiAutofillLearnMore","disabled","fetcher","onSelectAgent","recordAction"],"sources":["../../../src/features/metadata-instance-editor/CascadePolicy.js"],"sourcesContent":["// @flow\nimport * as React from 'react';\n\nimport { InlineNotice } from '@box/blueprint-web';\nimport { useCallback } from 'react';\nimport { FormattedMessage, useIntl } from 'react-intl';\n\n// $FlowFixMe\nimport { BoxAiAdvancedColor, BoxAiColor } from '@box/blueprint-web-assets/icons/Medium';\nimport { type AgentType } from '@box/box-ai-agent-selector';\n\n// $FlowFixMe\nimport { BoxAiAgentSelectorWithApiContainer } from '@box/box-ai-agent-selector';\n\nimport Toggle from '../../components/toggle';\nimport { RadioButton, RadioGroup } from '../../components/radio';\nimport Link from '../../components/link/Link';\nimport IconAlertDefault from '../../icons/general/IconAlertDefault';\nimport messages from './messages';\nimport './CascadePolicy.scss';\nimport { STANDARD_AGENT_ID, ENHANCED_AGENT_ID } from './constants';\n\nconst COMMUNITY_LINK = 'https://support.box.com/hc/en-us/articles/360044195873-Cascading-metadata-in-folders';\nconst AI_LINK = 'https://www.box.com/ai';\n\ntype Props = {\n    canEdit: boolean,\n    canUseAIFolderExtraction: boolean,\n    canUseAIFolderExtractionAgentSelector: boolean,\n    isAIFolderExtractionEnabled: boolean,\n    isCascadingEnabled: boolean,\n    isCascadingOverwritten: boolean,\n    isCustomMetadata: boolean,\n    isExistingCascadePolicy: boolean,\n    onAIFolderExtractionToggle: (value: boolean) => void,\n    onAIAgentSelect?: (agent: AgentType | null) => void,\n    onCascadeModeChange: (value: boolean) => void,\n    onCascadeToggle: (value: boolean) => void,\n    shouldShowCascadeOptions: boolean,\n};\n\nconst CascadePolicy = ({\n    canEdit,\n    canUseAIFolderExtraction,\n    canUseAIFolderExtractionAgentSelector,\n    isCascadingEnabled,\n    isCascadingOverwritten,\n    isCustomMetadata,\n    isAIFolderExtractionEnabled,\n    isExistingCascadePolicy,\n    onAIFolderExtractionToggle,\n    onAIAgentSelect,\n    onCascadeToggle,\n    onCascadeModeChange,\n    shouldShowCascadeOptions,\n}: Props) => {\n    const { formatMessage } = useIntl();\n\n    const readOnlyState = isCascadingEnabled ? (\n        <div className=\"metadata-cascade-notice\">\n            <FormattedMessage {...messages.metadataCascadePolicyEnabledInfo} />\n        </div>\n    ) : null;\n\n    const agents = React.useMemo(\n        () => [\n            {\n                id: STANDARD_AGENT_ID,\n                name: formatMessage(messages.standardAgentName),\n                isEnterpriseDefault: true,\n            },\n            {\n                id: ENHANCED_AGENT_ID,\n                name: formatMessage(messages.enhancedAgentName),\n                isEnterpriseDefault: false,\n                customIcon: BoxAiAdvancedColor,\n            },\n        ],\n        [formatMessage],\n    );\n\n    // BoxAiAgentSelectorWithApiContainer expects a function that returns a Promise<AgentListResponse>\n    // Since we're passing in our own agents, we don't need to make an API call,\n    // so we wrap the store data in a Promise to satisfy the component's interface requirements.\n    const agentFetcher = useCallback(() => {\n        return Promise.resolve({ agents });\n    }, [agents]);\n\n    const handleAgentSelect = useCallback(\n        (agent: AgentType | null) => {\n            if (onAIAgentSelect) {\n                onAIAgentSelect(agent);\n            }\n        },\n        [onAIAgentSelect],\n    );\n\n    return canEdit ? (\n        <>\n            {isExistingCascadePolicy && (\n                <InlineNotice\n                    variant=\"info\"\n                    variantIconAriaLabel={formatMessage(messages.cascadePolicyOptionsDisabledNoticeIconAriaLabel)}\n                >\n                    <FormattedMessage {...messages.cascadePolicyOptionsDisabledNotice} />\n                </InlineNotice>\n            )}\n            <div className=\"metadata-cascade-editor\">\n                <div className=\"metadata-cascade-enable\" data-testid=\"metadata-cascade-enable\">\n                    <div>\n                        <FormattedMessage tagName=\"strong\" {...messages.enableCascadePolicy} />\n                        {!isCustomMetadata && (\n                            <Toggle\n                                aria-label={formatMessage(messages.enableCascadePolicy)}\n                                className={`metadata-cascade-toggle ${\n                                    isCascadingEnabled ? 'cascade-on' : 'cascade-off'\n                                }`}\n                                isOn={isCascadingEnabled}\n                                label=\"\"\n                                onChange={e => onCascadeToggle(e.target.checked)}\n                            />\n                        )}\n                    </div>\n                    {!isCustomMetadata ? (\n                        <div className=\"cascade-policy-text\">\n                            <FormattedMessage {...messages.applyCascadePolicyText} />\n                            &nbsp;\n                            <Link className=\"cascade-policy-link\" href={COMMUNITY_LINK} target=\"_blank\">\n                                <FormattedMessage {...messages.cascadePolicyLearnMore} />\n                            </Link>\n                        </div>\n                    ) : (\n                        <div>\n                            <FormattedMessage {...messages.cannotApplyCascadePolicyText} />\n                        </div>\n                    )}\n                </div>\n            </div>\n            {shouldShowCascadeOptions && (\n                <div className=\"metadata-cascade-editor\">\n                    <div className=\"metadata-cascading-mode\">\n                        <FormattedMessage {...messages.cascadePolicyModeQuestion} />\n\n                        <div className=\"metadata-operation-not-immediate\">\n                            <IconAlertDefault />\n                            <span>\n                                <FormattedMessage {...messages.operationNotImmediate} />\n                            </span>\n                        </div>\n                        <RadioGroup\n                            className=\"metadata-cascading-options\"\n                            onChange={e => onCascadeModeChange(e.target.value === 'overwrite')}\n                            value={isCascadingOverwritten ? 'overwrite' : 'skip'}\n                        >\n                            <RadioButton\n                                isDisabled={isExistingCascadePolicy}\n                                label={<FormattedMessage {...messages.cascadePolicySkipMode} />}\n                                value=\"skip\"\n                            />\n                            <RadioButton\n                                isDisabled={isExistingCascadePolicy}\n                                label={<FormattedMessage {...messages.cascadePolicyOverwriteMode} />}\n                                value=\"overwrite\"\n                            />\n                        </RadioGroup>\n                    </div>\n                </div>\n            )}\n            {shouldShowCascadeOptions && canUseAIFolderExtraction && (\n                <div className=\"metadata-cascade-editor\" data-testid=\"ai-folder-extraction\">\n                    <div className=\"metadata-cascade-enable\">\n                        <div>\n                            <BoxAiColor className=\"metadata-cascade-ai-logo\" width={16} height={16} />\n                            <FormattedMessage tagName=\"strong\" {...messages.enableAIAutofill} />\n                            <Toggle\n                                aria-label={formatMessage(messages.enableAIAutofill)}\n                                className=\"metadata-cascade-toggle\"\n                                isOn={isAIFolderExtractionEnabled}\n                                isDisabled={isExistingCascadePolicy}\n                                label=\"\"\n                                onChange={e => onAIFolderExtractionToggle(e.target.checked)}\n                            />\n                        </div>\n                        <div className=\"cascade-policy-text\">\n                            <FormattedMessage {...messages.aiAutofillDescription} />\n                            &nbsp;\n                            <Link className=\"cascade-policy-link\" href={AI_LINK} target=\"_blank\">\n                                <FormattedMessage {...messages.aiAutofillLearnMore} />\n                            </Link>\n                        </div>\n                        {canUseAIFolderExtractionAgentSelector && isAIFolderExtractionEnabled && (\n                            <div className=\"metadata-cascade-ai-agent-selector\">\n                                <BoxAiAgentSelectorWithApiContainer\n                                    disabled={isExistingCascadePolicy}\n                                    fetcher={agentFetcher}\n                                    onSelectAgent={handleAgentSelect}\n                                    recordAction={() => {}}\n                                />\n                            </div>\n                        )}\n                    </div>\n                </div>\n            )}\n        </>\n    ) : (\n        readOnlyState\n    );\n};\n\nexport default CascadePolicy;\n"],"mappings":";AACA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAE9B,SAASC,YAAY,QAAQ,oBAAoB;AACjD,SAASC,WAAW,QAAQ,OAAO;AACnC,SAASC,gBAAgB,EAAEC,OAAO,QAAQ,YAAY;;AAEtD;AACA,SAASC,kBAAkB,EAAEC,UAAU,QAAQ,wCAAwC;AAGvF;AACA,SAASC,kCAAkC,QAAQ,4BAA4B;AAE/E,OAAOC,MAAM,MAAM,yBAAyB;AAC5C,SAASC,WAAW,EAAEC,UAAU,QAAQ,wBAAwB;AAChE,OAAOC,IAAI,MAAM,4BAA4B;AAC7C,OAAOC,gBAAgB,MAAM,sCAAsC;AACnE,OAAOC,QAAQ,MAAM,YAAY;AACjC,OAAO,sBAAsB;AAC7B,SAASC,iBAAiB,EAAEC,iBAAiB,QAAQ,aAAa;AAElE,MAAMC,cAAc,GAAG,sFAAsF;AAC7G,MAAMC,OAAO,GAAG,wBAAwB;AAkBxC,MAAMC,aAAa,GAAGA,CAAC;EACnBC,OAAO;EACPC,wBAAwB;EACxBC,qCAAqC;EACrCC,kBAAkB;EAClBC,sBAAsB;EACtBC,gBAAgB;EAChBC,2BAA2B;EAC3BC,uBAAuB;EACvBC,0BAA0B;EAC1BC,eAAe;EACfC,eAAe;EACfC,mBAAmB;EACnBC;AACG,CAAC,KAAK;EACT,MAAM;IAAEC;EAAc,CAAC,GAAG5B,OAAO,CAAC,CAAC;EAEnC,MAAM6B,aAAa,GAAGX,kBAAkB,gBACpCtB,KAAA,CAAAkC,aAAA;IAAKC,SAAS,EAAC;EAAyB,gBACpCnC,KAAA,CAAAkC,aAAA,CAAC/B,gBAAgB,EAAKU,QAAQ,CAACuB,gCAAmC,CACjE,CAAC,GACN,IAAI;EAER,MAAMC,MAAM,GAAGrC,KAAK,CAACsC,OAAO,CACxB,MAAM,CACF;IACIC,EAAE,EAAEzB,iBAAiB;IACrB0B,IAAI,EAAER,aAAa,CAACnB,QAAQ,CAAC4B,iBAAiB,CAAC;IAC/CC,mBAAmB,EAAE;EACzB,CAAC,EACD;IACIH,EAAE,EAAExB,iBAAiB;IACrByB,IAAI,EAAER,aAAa,CAACnB,QAAQ,CAAC8B,iBAAiB,CAAC;IAC/CD,mBAAmB,EAAE,KAAK;IAC1BE,UAAU,EAAEvC;EAChB,CAAC,CACJ,EACD,CAAC2B,aAAa,CAClB,CAAC;;EAED;EACA;EACA;EACA,MAAMa,YAAY,GAAG3C,WAAW,CAAC,MAAM;IACnC,OAAO4C,OAAO,CAACC,OAAO,CAAC;MAAEV;IAAO,CAAC,CAAC;EACtC,CAAC,EAAE,CAACA,MAAM,CAAC,CAAC;EAEZ,MAAMW,iBAAiB,GAAG9C,WAAW,CAChC+C,KAAuB,IAAK;IACzB,IAAIrB,eAAe,EAAE;MACjBA,eAAe,CAACqB,KAAK,CAAC;IAC1B;EACJ,CAAC,EACD,CAACrB,eAAe,CACpB,CAAC;EAED,OAAOT,OAAO,gBACVnB,KAAA,CAAAkC,aAAA,CAAAlC,KAAA,CAAAkD,QAAA,QACKxB,uBAAuB,iBACpB1B,KAAA,CAAAkC,aAAA,CAACjC,YAAY;IACTkD,OAAO,EAAC,MAAM;IACdC,oBAAoB,EAAEpB,aAAa,CAACnB,QAAQ,CAACwC,+CAA+C;EAAE,gBAE9FrD,KAAA,CAAAkC,aAAA,CAAC/B,gBAAgB,EAAKU,QAAQ,CAACyC,kCAAqC,CAC1D,CACjB,eACDtD,KAAA,CAAAkC,aAAA;IAAKC,SAAS,EAAC;EAAyB,gBACpCnC,KAAA,CAAAkC,aAAA;IAAKC,SAAS,EAAC,yBAAyB;IAAC,eAAY;EAAyB,gBAC1EnC,KAAA,CAAAkC,aAAA,2BACIlC,KAAA,CAAAkC,aAAA,CAAC/B,gBAAgB,EAAAoD,QAAA;IAACC,OAAO,EAAC;EAAQ,GAAK3C,QAAQ,CAAC4C,mBAAmB,CAAG,CAAC,EACtE,CAACjC,gBAAgB,iBACdxB,KAAA,CAAAkC,aAAA,CAAC1B,MAAM;IACH,cAAYwB,aAAa,CAACnB,QAAQ,CAAC4C,mBAAmB,CAAE;IACxDtB,SAAS,EAAE,2BACPb,kBAAkB,GAAG,YAAY,GAAG,aAAa,EAClD;IACHoC,IAAI,EAAEpC,kBAAmB;IACzBqC,KAAK,EAAC,EAAE;IACRC,QAAQ,EAAEC,CAAC,IAAIhC,eAAe,CAACgC,CAAC,CAACC,MAAM,CAACC,OAAO;EAAE,CACpD,CAEJ,CAAC,EACL,CAACvC,gBAAgB,gBACdxB,KAAA,CAAAkC,aAAA;IAAKC,SAAS,EAAC;EAAqB,gBAChCnC,KAAA,CAAAkC,aAAA,CAAC/B,gBAAgB,EAAKU,QAAQ,CAACmD,sBAAyB,CAAC,QAEzD,eAAAhE,KAAA,CAAAkC,aAAA,CAACvB,IAAI;IAACwB,SAAS,EAAC,qBAAqB;IAAC8B,IAAI,EAAEjD,cAAe;IAAC8C,MAAM,EAAC;EAAQ,gBACvE9D,KAAA,CAAAkC,aAAA,CAAC/B,gBAAgB,EAAKU,QAAQ,CAACqD,sBAAyB,CACtD,CACL,CAAC,gBAENlE,KAAA,CAAAkC,aAAA,2BACIlC,KAAA,CAAAkC,aAAA,CAAC/B,gBAAgB,EAAKU,QAAQ,CAACsD,4BAA+B,CAC7D,CAER,CACJ,CAAC,EACLpC,wBAAwB,iBACrB/B,KAAA,CAAAkC,aAAA;IAAKC,SAAS,EAAC;EAAyB,gBACpCnC,KAAA,CAAAkC,aAAA;IAAKC,SAAS,EAAC;EAAyB,gBACpCnC,KAAA,CAAAkC,aAAA,CAAC/B,gBAAgB,EAAKU,QAAQ,CAACuD,yBAA4B,CAAC,eAE5DpE,KAAA,CAAAkC,aAAA;IAAKC,SAAS,EAAC;EAAkC,gBAC7CnC,KAAA,CAAAkC,aAAA,CAACtB,gBAAgB,MAAE,CAAC,eACpBZ,KAAA,CAAAkC,aAAA,4BACIlC,KAAA,CAAAkC,aAAA,CAAC/B,gBAAgB,EAAKU,QAAQ,CAACwD,qBAAwB,CACrD,CACL,CAAC,eACNrE,KAAA,CAAAkC,aAAA,CAACxB,UAAU;IACPyB,SAAS,EAAC,4BAA4B;IACtCyB,QAAQ,EAAEC,CAAC,IAAI/B,mBAAmB,CAAC+B,CAAC,CAACC,MAAM,CAACQ,KAAK,KAAK,WAAW,CAAE;IACnEA,KAAK,EAAE/C,sBAAsB,GAAG,WAAW,GAAG;EAAO,gBAErDvB,KAAA,CAAAkC,aAAA,CAACzB,WAAW;IACR8D,UAAU,EAAE7C,uBAAwB;IACpCiC,KAAK,eAAE3D,KAAA,CAAAkC,aAAA,CAAC/B,gBAAgB,EAAKU,QAAQ,CAAC2D,qBAAwB,CAAE;IAChEF,KAAK,EAAC;EAAM,CACf,CAAC,eACFtE,KAAA,CAAAkC,aAAA,CAACzB,WAAW;IACR8D,UAAU,EAAE7C,uBAAwB;IACpCiC,KAAK,eAAE3D,KAAA,CAAAkC,aAAA,CAAC/B,gBAAgB,EAAKU,QAAQ,CAAC4D,0BAA6B,CAAE;IACrEH,KAAK,EAAC;EAAW,CACpB,CACO,CACX,CACJ,CACR,EACAvC,wBAAwB,IAAIX,wBAAwB,iBACjDpB,KAAA,CAAAkC,aAAA;IAAKC,SAAS,EAAC,yBAAyB;IAAC,eAAY;EAAsB,gBACvEnC,KAAA,CAAAkC,aAAA;IAAKC,SAAS,EAAC;EAAyB,gBACpCnC,KAAA,CAAAkC,aAAA,2BACIlC,KAAA,CAAAkC,aAAA,CAAC5B,UAAU;IAAC6B,SAAS,EAAC,0BAA0B;IAACuC,KAAK,EAAE,EAAG;IAACC,MAAM,EAAE;EAAG,CAAE,CAAC,eAC1E3E,KAAA,CAAAkC,aAAA,CAAC/B,gBAAgB,EAAAoD,QAAA;IAACC,OAAO,EAAC;EAAQ,GAAK3C,QAAQ,CAAC+D,gBAAgB,CAAG,CAAC,eACpE5E,KAAA,CAAAkC,aAAA,CAAC1B,MAAM;IACH,cAAYwB,aAAa,CAACnB,QAAQ,CAAC+D,gBAAgB,CAAE;IACrDzC,SAAS,EAAC,yBAAyB;IACnCuB,IAAI,EAAEjC,2BAA4B;IAClC8C,UAAU,EAAE7C,uBAAwB;IACpCiC,KAAK,EAAC,EAAE;IACRC,QAAQ,EAAEC,CAAC,IAAIlC,0BAA0B,CAACkC,CAAC,CAACC,MAAM,CAACC,OAAO;EAAE,CAC/D,CACA,CAAC,eACN/D,KAAA,CAAAkC,aAAA;IAAKC,SAAS,EAAC;EAAqB,gBAChCnC,KAAA,CAAAkC,aAAA,CAAC/B,gBAAgB,EAAKU,QAAQ,CAACgE,qBAAwB,CAAC,QAExD,eAAA7E,KAAA,CAAAkC,aAAA,CAACvB,IAAI;IAACwB,SAAS,EAAC,qBAAqB;IAAC8B,IAAI,EAAEhD,OAAQ;IAAC6C,MAAM,EAAC;EAAQ,gBAChE9D,KAAA,CAAAkC,aAAA,CAAC/B,gBAAgB,EAAKU,QAAQ,CAACiE,mBAAsB,CACnD,CACL,CAAC,EACLzD,qCAAqC,IAAII,2BAA2B,iBACjEzB,KAAA,CAAAkC,aAAA;IAAKC,SAAS,EAAC;EAAoC,gBAC/CnC,KAAA,CAAAkC,aAAA,CAAC3B,kCAAkC;IAC/BwE,QAAQ,EAAErD,uBAAwB;IAClCsD,OAAO,EAAEnC,YAAa;IACtBoC,aAAa,EAAEjC,iBAAkB;IACjCkC,YAAY,EAAEA,CAAA,KAAM,CAAC;EAAE,CAC1B,CACA,CAER,CACJ,CAEX,CAAC,GAEHjD,aACH;AACL,CAAC;AAED,eAAef,aAAa","ignoreList":[]}

package/es/features/metadata-instance-editor/Instance.js

@@ -27,7 +27,7 @@ import MetadataInstanceConfirmDialog from './MetadataInstanceConfirmDialog';
 import Footer from './Footer';
 import messages from './messages';
 import { FIELD_TYPE_FLOAT, FIELD_TYPE_INTEGER } from '../metadata-instance-fields/constants';
-import { CASCADE_POLICY_TYPE_AI_EXTRACT, TEMPLATE_CUSTOM_PROPERTIES } from './constants';
+import { CASCADE_POLICY_TYPE_AI_EXTRACT, TEMPLATE_CUSTOM_PROPERTIES, ENHANCED_AGENT_CONFIGURATION, ENHANCED_AGENT_ID } from './constants';
 import { JSON_PATCH_OP_REMOVE, JSON_PATCH_OP_ADD, JSON_PATCH_OP_REPLACE, JSON_PATCH_OP_TEST } from '../../common/constants';
 import { isValidValue } from '../metadata-instance-fields/validateMetadataField';
 import { isHidden } from './metadataUtil';
@@ -126,6 +126,7 @@ class Instance extends React.PureComponent {
         onSave
       } = this.props;
       const {
+        cascadePolicyConfiguration,
         data: currentData,
         errors,
         isAIFolderExtractionEnabled,
@@ -146,7 +147,8 @@ class Instance extends React.PureComponent {
         id: cascadePolicy ? cascadePolicy.id : undefined,
         isEnabled: isCascadingEnabled,
         overwrite: isCascadingOverwritten,
-        isAIFolderExtractionEnabled
+        isAIFolderExtractionEnabled,
+        cascadePolicyConfiguration
       } : undefined, cloneDeep(currentData));
     });
     /**
@@ -247,6 +249,24 @@ class Instance extends React.PureComponent {
         isAIFolderExtractionEnabled: value
       }, this.setDirty);
     });
+    /**
+     * Handles the selection of an AI agent
+     * @param {AgentType | null} agent - The selected agent
+     */
+    _defineProperty(this, "onAIAgentSelect", agent => {
+      // '2' is the id for the enhanced agent
+      if (agent && agent.id === ENHANCED_AGENT_ID) {
+        this.setState({
+          cascadePolicyConfiguration: {
+            agent: ENHANCED_AGENT_CONFIGURATION
+          }
+        });
+      } else {
+        this.setState({
+          cascadePolicyConfiguration: null
+        });
+      }
+    });
     /**
      * Render the correct delete message to show based on custom metadata and file/folder metadata
      */
@@ -393,6 +413,7 @@ class Instance extends React.PureComponent {
   getState(props) {
     const isCascadingEnabled = this.isCascadingEnabledThroughProps(props);
     return {
+      cascadePolicyConfiguration: null,
       data: cloneDeep(props.data),
       errors: {},
       isAIFolderExtractionEnabled: this.isAIFolderExtractionEnabledThroughProps(props),
@@ -591,7 +612,7 @@ class Instance extends React.PureComponent {
 
     // Animate short and tall cards at consistent speeds.
     const animationDuration = (fields.length + 1) * 50;
-    const isExistingAIExtractionCascadePolicy = this.isCascadingEnabledThroughProps(this.props) && this.isAIFolderExtractionEnabledThroughProps(this.props);
+    const isExistingCascadePolicy = this.isCascadingEnabledThroughProps(this.props);
     return /*#__PURE__*/React.createElement("div", {
       ref: this.collapsibleRef
     }, /*#__PURE__*/React.createElement(Collapsible, {
@@ -624,7 +645,8 @@ class Instance extends React.PureComponent {
       isCascadingEnabled: isCascadingEnabled,
       isCascadingOverwritten: isCascadingOverwritten,
       isCustomMetadata: isProperties,
-      isExistingAIExtractionCascadePolicy: isExistingAIExtractionCascadePolicy,
+      isExistingCascadePolicy: isExistingCascadePolicy,
+      onAIAgentSelect: this.onAIAgentSelect,
       onAIFolderExtractionToggle: this.onAIFolderExtractionToggle,
       onCascadeModeChange: this.onCascadeModeChange,
       onCascadeToggle: this.onCascadeToggle,

package/es/features/metadata-instance-editor/Instance.js.flow

@@ -6,6 +6,7 @@ import isEqual from 'lodash/isEqual';
 import cloneDeep from 'lodash/cloneDeep';
 import noop from 'lodash/noop';
 
+import type { AgentType } from '@box/box-ai-agent-selector';
 import Collapsible from '../../components/collapsible/Collapsible';
 import Form from '../../components/form-elements/form/Form';
 import LoadingIndicatorWrapper from '../../components/loading-indicator/LoadingIndicatorWrapper';
@@ -24,7 +25,12 @@ import MetadataInstanceConfirmDialog from './MetadataInstanceConfirmDialog';
 import Footer from './Footer';
 import messages from './messages';
 import { FIELD_TYPE_FLOAT, FIELD_TYPE_INTEGER } from '../metadata-instance-fields/constants';
-import { CASCADE_POLICY_TYPE_AI_EXTRACT, TEMPLATE_CUSTOM_PROPERTIES } from './constants';
+import {
+    CASCADE_POLICY_TYPE_AI_EXTRACT,
+    TEMPLATE_CUSTOM_PROPERTIES,
+    ENHANCED_AGENT_CONFIGURATION,
+    ENHANCED_AGENT_ID,
+} from './constants';
 import {
     JSON_PATCH_OP_REMOVE,
     JSON_PATCH_OP_ADD,
@@ -38,6 +44,7 @@ import type {
     MetadataFields,
     MetadataTemplate,
     MetadataCascadePolicy,
+    MetadataCascadePolicyConfiguration,
     MetadataCascadingPolicyData,
     MetadataTemplateField,
     MetadataFieldValue,
@@ -69,6 +76,7 @@ type Props = {
 };
 
 type State = {
+    cascadePolicyConfiguration: MetadataCascadePolicyConfiguration | null,
     data: Object,
     errors: { [string]: React.Node },
     isAIFolderExtractionEnabled: boolean,
@@ -212,6 +220,7 @@ class Instance extends React.PureComponent<Props, State> {
             onSave,
         }: Props = this.props;
         const {
+            cascadePolicyConfiguration,
             data: currentData,
             errors,
             isAIFolderExtractionEnabled,
@@ -229,6 +238,7 @@ class Instance extends React.PureComponent<Props, State> {
             // reset state if cascading policy is removed
             isAIFolderExtractionEnabled: isCascadingEnabled ? isAIFolderExtractionEnabled : false,
         });
+
         onSave(
             id,
             this.createJSONPatch(currentData, originalData),
@@ -239,6 +249,7 @@ class Instance extends React.PureComponent<Props, State> {
                       isEnabled: isCascadingEnabled,
                       overwrite: isCascadingOverwritten,
                       isAIFolderExtractionEnabled,
+                      cascadePolicyConfiguration,
                   }
                 : undefined,
             cloneDeep(currentData),
@@ -342,6 +353,23 @@ class Instance extends React.PureComponent<Props, State> {
         this.setState({ isAIFolderExtractionEnabled: value }, this.setDirty);
     };
 
+    /**
+     * Handles the selection of an AI agent
+     * @param {AgentType | null} agent - The selected agent
+     */
+    onAIAgentSelect = (agent: AgentType | null): void => {
+        // '2' is the id for the enhanced agent
+        if (agent && agent.id === ENHANCED_AGENT_ID) {
+            this.setState({
+                cascadePolicyConfiguration: {
+                    agent: ENHANCED_AGENT_CONFIGURATION,
+                },
+            });
+        } else {
+            this.setState({ cascadePolicyConfiguration: null });
+        }
+    };
+
     /**
      * Returns the state from props
      *
@@ -351,6 +379,7 @@ class Instance extends React.PureComponent<Props, State> {
         const isCascadingEnabled = this.isCascadingEnabledThroughProps(props);
 
         return {
+            cascadePolicyConfiguration: null,
             data: cloneDeep(props.data),
             errors: {},
             isAIFolderExtractionEnabled: this.isAIFolderExtractionEnabledThroughProps(props),
@@ -641,8 +670,7 @@ class Instance extends React.PureComponent<Props, State> {
         // Animate short and tall cards at consistent speeds.
         const animationDuration = (fields.length + 1) * 50;
 
-        const isExistingAIExtractionCascadePolicy =
-            this.isCascadingEnabledThroughProps(this.props) && this.isAIFolderExtractionEnabledThroughProps(this.props);
+        const isExistingCascadePolicy = this.isCascadingEnabledThroughProps(this.props);
 
         return (
             <div ref={this.collapsibleRef}>
@@ -681,7 +709,8 @@ class Instance extends React.PureComponent<Props, State> {
                                             isCascadingEnabled={isCascadingEnabled}
                                             isCascadingOverwritten={isCascadingOverwritten}
                                             isCustomMetadata={isProperties}
-                                            isExistingAIExtractionCascadePolicy={isExistingAIExtractionCascadePolicy}
+                                            isExistingCascadePolicy={isExistingCascadePolicy}
+                                            onAIAgentSelect={this.onAIAgentSelect}
                                             onAIFolderExtractionToggle={this.onAIFolderExtractionToggle}
                                             onCascadeModeChange={this.onCascadeModeChange}
                                             onCascadeToggle={this.onCascadeToggle}