box-ui-elements 23.3.0-beta.8 → 23.3.1-beta.1

package/es/elements/content-explorer/stories/tests/MetadataView-visual.stories.js

@@ -52,7 +52,7 @@ export const withNewMetadataView = {
     }
   }
 };
-export default {
+const meta = {
   title: 'Elements/ContentExplorer/tests/ContentExplorer/visual/MetadataView',
   component: ContentExplorer,
   args: {
@@ -70,4 +70,5 @@ export default {
     }
   }
 };
+export default meta;
 //# sourceMappingURL=MetadataView-visual.stories.js.map

package/es/elements/content-explorer/stories/tests/MetadataView-visual.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"MetadataView-visual.stories.js","names":["http","HttpResponse","ContentExplorer","DEFAULT_HOSTNAME_API","mockMetadata","mockSchema","EID","templateName","metadataSource","metadataSourceFieldName","metadataQuery","from","ancestor_folder_id","fields","fieldsToShow","key","canEdit","displayName","defaultView","metadataView","args","withNewMetadataView","features","contentExplorer","metadataViewV2","title","component","global","FEATURE_FLAGS","rootFolderId","FOLDER_ID","token","TOKEN","parameters","msw","handlers","post","json","get"],"sources":["../../../../../src/elements/content-explorer/stories/tests/MetadataView-visual.stories.tsx"],"sourcesContent":["import { http, HttpResponse } from 'msw';\nimport ContentExplorer from '../../ContentExplorer';\nimport { DEFAULT_HOSTNAME_API } from '../../../../constants';\nimport { mockMetadata, mockSchema } from '../../../common/__mocks__/mockMetadata';\n\nconst EID = '0';\nconst templateName = 'templateName';\nconst metadataSource = `enterprise_${EID}.${templateName}`;\nconst metadataSourceFieldName = `metadata.${metadataSource}`;\n\nconst metadataQuery = {\n    from: metadataSource,\n\n    // // Filter items in the folder by existing metadata key\n    // query: 'key = :arg1',\n    //\n    // // Display items with value\n    // query_params: { arg1: 'value' },\n\n    ancestor_folder_id: '313259567207',\n    fields: [\n        `${metadataSourceFieldName}.name`,\n        `${metadataSourceFieldName}.industry`,\n        `${metadataSourceFieldName}.last_contacted_at`,\n        `${metadataSourceFieldName}.role`,\n    ],\n};\n\nconst fieldsToShow = [\n    { key: `${metadataSourceFieldName}.name`, canEdit: false, displayName: 'Alias' },\n    { key: `${metadataSourceFieldName}.industry`, canEdit: true },\n    { key: `${metadataSourceFieldName}.last_contacted_at`, canEdit: true },\n    { key: `${metadataSourceFieldName}.role`, canEdit: true },\n];\nconst defaultView = 'metadata'; // Required prop to paint the metadata view. If not provided, you'll get regular folder view.\n\nexport const metadataView = {\n    args: {\n        metadataQuery,\n        fieldsToShow,\n        defaultView,\n    },\n};\n\nexport const withNewMetadataView = {\n    args: {\n        metadataQuery,\n        fieldsToShow,\n        defaultView,\n        features: {\n            contentExplorer: {\n                metadataViewV2: true,\n            },\n        },\n    },\n};\n\nexport default {\n    title: 'Elements/ContentExplorer/tests/ContentExplorer/visual/MetadataView',\n    component: ContentExplorer,\n    args: {\n        features: global.FEATURE_FLAGS,\n        rootFolderId: global.FOLDER_ID,\n        token: global.TOKEN,\n    },\n    parameters: {\n        msw: {\n            handlers: [\n                http.post(`${DEFAULT_HOSTNAME_API}/2.0/metadata_queries/execute_read`, () => {\n                    return HttpResponse.json(mockMetadata);\n                }),\n                http.get(`${DEFAULT_HOSTNAME_API}/2.0/metadata_templates/enterprise/templateName/schema`, () => {\n                    return HttpResponse.json(mockSchema);\n                }),\n            ],\n        },\n    },\n};\n"],"mappings":"AAAA,SAASA,IAAI,EAAEC,YAAY,QAAQ,KAAK;AACxC,OAAOC,eAAe,MAAM,uBAAuB;AACnD,SAASC,oBAAoB,QAAQ,uBAAuB;AAC5D,SAASC,YAAY,EAAEC,UAAU,QAAQ,wCAAwC;AAEjF,MAAMC,GAAG,GAAG,GAAG;AACf,MAAMC,YAAY,GAAG,cAAc;AACnC,MAAMC,cAAc,GAAG,cAAcF,GAAG,IAAIC,YAAY,EAAE;AAC1D,MAAME,uBAAuB,GAAG,YAAYD,cAAc,EAAE;AAE5D,MAAME,aAAa,GAAG;EAClBC,IAAI,EAAEH,cAAc;EAEpB;EACA;EACA;EACA;EACA;;EAEAI,kBAAkB,EAAE,cAAc;EAClCC,MAAM,EAAE,CACJ,GAAGJ,uBAAuB,OAAO,EACjC,GAAGA,uBAAuB,WAAW,EACrC,GAAGA,uBAAuB,oBAAoB,EAC9C,GAAGA,uBAAuB,OAAO;AAEzC,CAAC;AAED,MAAMK,YAAY,GAAG,CACjB;EAAEC,GAAG,EAAE,GAAGN,uBAAuB,OAAO;EAAEO,OAAO,EAAE,KAAK;EAAEC,WAAW,EAAE;AAAQ,CAAC,EAChF;EAAEF,GAAG,EAAE,GAAGN,uBAAuB,WAAW;EAAEO,OAAO,EAAE;AAAK,CAAC,EAC7D;EAAED,GAAG,EAAE,GAAGN,uBAAuB,oBAAoB;EAAEO,OAAO,EAAE;AAAK,CAAC,EACtE;EAAED,GAAG,EAAE,GAAGN,uBAAuB,OAAO;EAAEO,OAAO,EAAE;AAAK,CAAC,CAC5D;AACD,MAAME,WAAW,GAAG,UAAU,CAAC,CAAC;;AAEhC,OAAO,MAAMC,YAAY,GAAG;EACxBC,IAAI,EAAE;IACFV,aAAa;IACbI,YAAY;IACZI;EACJ;AACJ,CAAC;AAED,OAAO,MAAMG,mBAAmB,GAAG;EAC/BD,IAAI,EAAE;IACFV,aAAa;IACbI,YAAY;IACZI,WAAW;IACXI,QAAQ,EAAE;MACNC,eAAe,EAAE;QACbC,cAAc,EAAE;MACpB;IACJ;EACJ;AACJ,CAAC;AAED,eAAe;EACXC,KAAK,EAAE,oEAAoE;EAC3EC,SAAS,EAAExB,eAAe;EAC1BkB,IAAI,EAAE;IACFE,QAAQ,EAAEK,MAAM,CAACC,aAAa;IAC9BC,YAAY,EAAEF,MAAM,CAACG,SAAS;IAC9BC,KAAK,EAAEJ,MAAM,CAACK;EAClB,CAAC;EACDC,UAAU,EAAE;IACRC,GAAG,EAAE;MACDC,QAAQ,EAAE,CACNnC,IAAI,CAACoC,IAAI,CAAC,GAAGjC,oBAAoB,oCAAoC,EAAE,MAAM;QACzE,OAAOF,YAAY,CAACoC,IAAI,CAACjC,YAAY,CAAC;MAC1C,CAAC,CAAC,EACFJ,IAAI,CAACsC,GAAG,CAAC,GAAGnC,oBAAoB,wDAAwD,EAAE,MAAM;QAC5F,OAAOF,YAAY,CAACoC,IAAI,CAAChC,UAAU,CAAC;MACxC,CAAC,CAAC;IAEV;EACJ;AACJ,CAAC","ignoreList":[]}
+{"version":3,"file":"MetadataView-visual.stories.js","names":["http","HttpResponse","ContentExplorer","DEFAULT_HOSTNAME_API","mockMetadata","mockSchema","EID","templateName","metadataSource","metadataSourceFieldName","metadataQuery","from","ancestor_folder_id","fields","fieldsToShow","key","canEdit","displayName","defaultView","metadataView","args","withNewMetadataView","features","contentExplorer","metadataViewV2","meta","title","component","global","FEATURE_FLAGS","rootFolderId","FOLDER_ID","token","TOKEN","parameters","msw","handlers","post","json","get"],"sources":["../../../../../src/elements/content-explorer/stories/tests/MetadataView-visual.stories.tsx"],"sourcesContent":["import { http, HttpResponse } from 'msw';\nimport type { Meta, StoryObj } from '@storybook/react';\nimport ContentExplorer from '../../ContentExplorer';\nimport { DEFAULT_HOSTNAME_API } from '../../../../constants';\nimport { mockMetadata, mockSchema } from '../../../common/__mocks__/mockMetadata';\n\nconst EID = '0';\nconst templateName = 'templateName';\nconst metadataSource = `enterprise_${EID}.${templateName}`;\nconst metadataSourceFieldName = `metadata.${metadataSource}`;\n\nconst metadataQuery = {\n    from: metadataSource,\n\n    // // Filter items in the folder by existing metadata key\n    // query: 'key = :arg1',\n    //\n    // // Display items with value\n    // query_params: { arg1: 'value' },\n\n    ancestor_folder_id: '313259567207',\n    fields: [\n        `${metadataSourceFieldName}.name`,\n        `${metadataSourceFieldName}.industry`,\n        `${metadataSourceFieldName}.last_contacted_at`,\n        `${metadataSourceFieldName}.role`,\n    ],\n};\n\nconst fieldsToShow = [\n    { key: `${metadataSourceFieldName}.name`, canEdit: false, displayName: 'Alias' },\n    { key: `${metadataSourceFieldName}.industry`, canEdit: true },\n    { key: `${metadataSourceFieldName}.last_contacted_at`, canEdit: true },\n    { key: `${metadataSourceFieldName}.role`, canEdit: true },\n];\nconst defaultView = 'metadata'; // Required prop to paint the metadata view. If not provided, you'll get regular folder view.\n\ntype Story = StoryObj<typeof ContentExplorer>;\n\nexport const metadataView: Story = {\n    args: {\n        metadataQuery,\n        fieldsToShow,\n        defaultView,\n    },\n};\n\nexport const withNewMetadataView: Story = {\n    args: {\n        metadataQuery,\n        fieldsToShow,\n        defaultView,\n        features: {\n            contentExplorer: {\n                metadataViewV2: true,\n            },\n        },\n    },\n};\n\nconst meta: Meta<typeof ContentExplorer> = {\n    title: 'Elements/ContentExplorer/tests/ContentExplorer/visual/MetadataView',\n    component: ContentExplorer,\n    args: {\n        features: global.FEATURE_FLAGS,\n        rootFolderId: global.FOLDER_ID,\n        token: global.TOKEN,\n    },\n    parameters: {\n        msw: {\n            handlers: [\n                http.post(`${DEFAULT_HOSTNAME_API}/2.0/metadata_queries/execute_read`, () => {\n                    return HttpResponse.json(mockMetadata);\n                }),\n                http.get(`${DEFAULT_HOSTNAME_API}/2.0/metadata_templates/enterprise/templateName/schema`, () => {\n                    return HttpResponse.json(mockSchema);\n                }),\n            ],\n        },\n    },\n};\n\nexport default meta;\n"],"mappings":"AAAA,SAASA,IAAI,EAAEC,YAAY,QAAQ,KAAK;AAExC,OAAOC,eAAe,MAAM,uBAAuB;AACnD,SAASC,oBAAoB,QAAQ,uBAAuB;AAC5D,SAASC,YAAY,EAAEC,UAAU,QAAQ,wCAAwC;AAEjF,MAAMC,GAAG,GAAG,GAAG;AACf,MAAMC,YAAY,GAAG,cAAc;AACnC,MAAMC,cAAc,GAAG,cAAcF,GAAG,IAAIC,YAAY,EAAE;AAC1D,MAAME,uBAAuB,GAAG,YAAYD,cAAc,EAAE;AAE5D,MAAME,aAAa,GAAG;EAClBC,IAAI,EAAEH,cAAc;EAEpB;EACA;EACA;EACA;EACA;;EAEAI,kBAAkB,EAAE,cAAc;EAClCC,MAAM,EAAE,CACJ,GAAGJ,uBAAuB,OAAO,EACjC,GAAGA,uBAAuB,WAAW,EACrC,GAAGA,uBAAuB,oBAAoB,EAC9C,GAAGA,uBAAuB,OAAO;AAEzC,CAAC;AAED,MAAMK,YAAY,GAAG,CACjB;EAAEC,GAAG,EAAE,GAAGN,uBAAuB,OAAO;EAAEO,OAAO,EAAE,KAAK;EAAEC,WAAW,EAAE;AAAQ,CAAC,EAChF;EAAEF,GAAG,EAAE,GAAGN,uBAAuB,WAAW;EAAEO,OAAO,EAAE;AAAK,CAAC,EAC7D;EAAED,GAAG,EAAE,GAAGN,uBAAuB,oBAAoB;EAAEO,OAAO,EAAE;AAAK,CAAC,EACtE;EAAED,GAAG,EAAE,GAAGN,uBAAuB,OAAO;EAAEO,OAAO,EAAE;AAAK,CAAC,CAC5D;AACD,MAAME,WAAW,GAAG,UAAU,CAAC,CAAC;;AAIhC,OAAO,MAAMC,YAAmB,GAAG;EAC/BC,IAAI,EAAE;IACFV,aAAa;IACbI,YAAY;IACZI;EACJ;AACJ,CAAC;AAED,OAAO,MAAMG,mBAA0B,GAAG;EACtCD,IAAI,EAAE;IACFV,aAAa;IACbI,YAAY;IACZI,WAAW;IACXI,QAAQ,EAAE;MACNC,eAAe,EAAE;QACbC,cAAc,EAAE;MACpB;IACJ;EACJ;AACJ,CAAC;AAED,MAAMC,IAAkC,GAAG;EACvCC,KAAK,EAAE,oEAAoE;EAC3EC,SAAS,EAAEzB,eAAe;EAC1BkB,IAAI,EAAE;IACFE,QAAQ,EAAEM,MAAM,CAACC,aAAa;IAC9BC,YAAY,EAAEF,MAAM,CAACG,SAAS;IAC9BC,KAAK,EAAEJ,MAAM,CAACK;EAClB,CAAC;EACDC,UAAU,EAAE;IACRC,GAAG,EAAE;MACDC,QAAQ,EAAE,CACNpC,IAAI,CAACqC,IAAI,CAAC,GAAGlC,oBAAoB,oCAAoC,EAAE,MAAM;QACzE,OAAOF,YAAY,CAACqC,IAAI,CAAClC,YAAY,CAAC;MAC1C,CAAC,CAAC,EACFJ,IAAI,CAACuC,GAAG,CAAC,GAAGpC,oBAAoB,wDAAwD,EAAE,MAAM;QAC5F,OAAOF,YAAY,CAACqC,IAAI,CAACjC,UAAU,CAAC;MACxC,CAAC,CAAC;IAEV;EACJ;AACJ,CAAC;AAED,eAAeoB,IAAI","ignoreList":[]}

package/es/elements/content-sidebar/MetadataInstanceEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"MetadataInstanceEditor.js","names":["MetadataInstanceForm","React","MetadataInstanceEditor","areAiSuggestionsAvailable","errorCode","isBetaLanguageEnabled","isBoxAiSuggestionsEnabled","isDeleteButtonDisabled","isDeleteConfirmationModalCheckboxEnabled","isLargeFile","isMetadataMultiLevelTaxonomyFieldEnabled","isUnsavedChangesModalOpen","onCancel","onDelete","onDiscardUnsavedChanges","onSubmit","setIsUnsavedChangesModalOpen","taxonomyOptionsFetcher","template","createElement","isMultilevelTaxonomyFieldEnabled","isAiSuggestionsFeatureEnabled","selectedTemplateInstance"],"sources":["../../../src/elements/content-sidebar/MetadataInstanceEditor.tsx"],"sourcesContent":["import {\n    MetadataInstanceForm,\n    type FormValues,\n    type JSONPatchOperations,\n    type MetadataTemplateInstance,\n} from '@box/metadata-editor';\nimport { type TaxonomyOptionsFetcher } from '@box/metadata-editor/dist/types/lib/components/metadata-editor-fields/components/metadata-taxonomy-field/types';\nimport React from 'react';\nimport {\n    ERROR_CODE_METADATA_AUTOFILL_TIMEOUT,\n    ERROR_CODE_UNKNOWN,\n    ERROR_CODE_METADATA_PRECONDITION_FAILED,\n} from '../../constants';\n\nexport interface MetadataInstanceEditorProps {\n    areAiSuggestionsAvailable: boolean;\n    errorCode?: ERROR_CODE_METADATA_AUTOFILL_TIMEOUT | ERROR_CODE_METADATA_PRECONDITION_FAILED | ERROR_CODE_UNKNOWN;\n    isBetaLanguageEnabled: boolean;\n    isBoxAiSuggestionsEnabled: boolean;\n    isDeleteButtonDisabled: boolean;\n    isDeleteConfirmationModalCheckboxEnabled: boolean;\n    isLargeFile: boolean;\n    isMetadataMultiLevelTaxonomyFieldEnabled: boolean;\n    isUnsavedChangesModalOpen: boolean;\n    onCancel: () => void;\n    onDelete: (metadataInstance: MetadataTemplateInstance) => void;\n    onDiscardUnsavedChanges: () => void;\n    onSubmit: (values: FormValues, operations: JSONPatchOperations) => Promise<void>;\n    setIsUnsavedChangesModalOpen: (isUnsavedChangesModalOpen: boolean) => void;\n    taxonomyOptionsFetcher: TaxonomyOptionsFetcher;\n    template: MetadataTemplateInstance;\n}\n\nconst MetadataInstanceEditor: React.FC<MetadataInstanceEditorProps> = ({\n    areAiSuggestionsAvailable,\n    errorCode,\n    isBetaLanguageEnabled,\n    isBoxAiSuggestionsEnabled,\n    isDeleteButtonDisabled,\n    isDeleteConfirmationModalCheckboxEnabled,\n    isLargeFile,\n    isMetadataMultiLevelTaxonomyFieldEnabled,\n    isUnsavedChangesModalOpen,\n    onCancel,\n    onDelete,\n    onDiscardUnsavedChanges,\n    onSubmit,\n    setIsUnsavedChangesModalOpen,\n    taxonomyOptionsFetcher,\n    template,\n}) => {\n    return (\n        <MetadataInstanceForm\n            // TODO investigate if this property should be optional and by default false\n            isMultilevelTaxonomyFieldEnabled={isMetadataMultiLevelTaxonomyFieldEnabled}\n            areAiSuggestionsAvailable={areAiSuggestionsAvailable}\n            errorCode={errorCode}\n            isAiSuggestionsFeatureEnabled={isBoxAiSuggestionsEnabled}\n            isBetaLanguageEnabled={isBetaLanguageEnabled}\n            isDeleteButtonDisabled={isDeleteButtonDisabled}\n            isDeleteConfirmationModalCheckboxEnabled={isDeleteConfirmationModalCheckboxEnabled}\n            isLargeFile={isLargeFile}\n            isUnsavedChangesModalOpen={isUnsavedChangesModalOpen}\n            onCancel={onCancel}\n            onDelete={onDelete}\n            onDiscardUnsavedChanges={onDiscardUnsavedChanges}\n            onSubmit={onSubmit}\n            selectedTemplateInstance={template}\n            setIsUnsavedChangesModalOpen={setIsUnsavedChangesModalOpen}\n            taxonomyOptionsFetcher={taxonomyOptionsFetcher}\n        />\n    );\n};\n\nexport default MetadataInstanceEditor;\n"],"mappings":"AAAA,SACIA,oBAAoB,QAIjB,sBAAsB;AAE7B,OAAOC,KAAK,MAAM,OAAO;AA0BzB,MAAMC,sBAA6D,GAAGA,CAAC;EACnEC,yBAAyB;EACzBC,SAAS;EACTC,qBAAqB;EACrBC,yBAAyB;EACzBC,sBAAsB;EACtBC,wCAAwC;EACxCC,WAAW;EACXC,wCAAwC;EACxCC,yBAAyB;EACzBC,QAAQ;EACRC,QAAQ;EACRC,uBAAuB;EACvBC,QAAQ;EACRC,4BAA4B;EAC5BC,sBAAsB;EACtBC;AACJ,CAAC,KAAK;EACF,oBACIjB,KAAA,CAAAkB,aAAA,CAACnB;EACG;EAAA;IACAoB,gCAAgC,EAAEV,wCAAyC;IAC3EP,yBAAyB,EAAEA,yBAA0B;IACrDC,SAAS,EAAEA,SAAU;IACrBiB,6BAA6B,EAAEf,yBAA0B;IACzDD,qBAAqB,EAAEA,qBAAsB;IAC7CE,sBAAsB,EAAEA,sBAAuB;IAC/CC,wCAAwC,EAAEA,wCAAyC;IACnFC,WAAW,EAAEA,WAAY;IACzBE,yBAAyB,EAAEA,yBAA0B;IACrDC,QAAQ,EAAEA,QAAS;IACnBC,QAAQ,EAAEA,QAAS;IACnBC,uBAAuB,EAAEA,uBAAwB;IACjDC,QAAQ,EAAEA,QAAS;IACnBO,wBAAwB,EAAEJ,QAAS;IACnCF,4BAA4B,EAAEA,4BAA6B;IAC3DC,sBAAsB,EAAEA;EAAuB,CAClD,CAAC;AAEV,CAAC;AAED,eAAef,sBAAsB","ignoreList":[]}
+{"version":3,"file":"MetadataInstanceEditor.js","names":["MetadataInstanceForm","React","MetadataInstanceEditor","areAiSuggestionsAvailable","errorCode","isBetaLanguageEnabled","isBoxAiSuggestionsEnabled","isDeleteButtonDisabled","isDeleteConfirmationModalCheckboxEnabled","isLargeFile","isMetadataMultiLevelTaxonomyFieldEnabled","isUnsavedChangesModalOpen","onCancel","onDelete","onDiscardUnsavedChanges","onSubmit","setIsUnsavedChangesModalOpen","taxonomyOptionsFetcher","template","createElement","isMultilevelTaxonomyFieldEnabled","isAiSuggestionsFeatureEnabled","selectedTemplateInstance"],"sources":["../../../src/elements/content-sidebar/MetadataInstanceEditor.tsx"],"sourcesContent":["import {\n    MetadataInstanceForm,\n    type FormValues,\n    type JSONPatchOperations,\n    type MetadataTemplateInstance,\n} from '@box/metadata-editor';\nimport { TaxonomyOptionsFetcher } from '@box/metadata-editor/lib/components/metadata-editor-fields/components/metadata-taxonomy-field/types.js';\nimport React from 'react';\nimport {\n    ERROR_CODE_METADATA_AUTOFILL_TIMEOUT,\n    ERROR_CODE_UNKNOWN,\n    ERROR_CODE_METADATA_PRECONDITION_FAILED,\n} from '../../constants';\n\nexport interface MetadataInstanceEditorProps {\n    areAiSuggestionsAvailable: boolean;\n    errorCode?: ERROR_CODE_METADATA_AUTOFILL_TIMEOUT | ERROR_CODE_METADATA_PRECONDITION_FAILED | ERROR_CODE_UNKNOWN;\n    isBetaLanguageEnabled: boolean;\n    isBoxAiSuggestionsEnabled: boolean;\n    isDeleteButtonDisabled: boolean;\n    isDeleteConfirmationModalCheckboxEnabled: boolean;\n    isLargeFile: boolean;\n    isMetadataMultiLevelTaxonomyFieldEnabled: boolean;\n    isUnsavedChangesModalOpen: boolean;\n    onCancel: () => void;\n    onDelete: (metadataInstance: MetadataTemplateInstance) => void;\n    onDiscardUnsavedChanges: () => void;\n    onSubmit: (values: FormValues, operations: JSONPatchOperations) => Promise<void>;\n    setIsUnsavedChangesModalOpen: (isUnsavedChangesModalOpen: boolean) => void;\n    taxonomyOptionsFetcher: TaxonomyOptionsFetcher;\n    template: MetadataTemplateInstance;\n}\n\nconst MetadataInstanceEditor: React.FC<MetadataInstanceEditorProps> = ({\n    areAiSuggestionsAvailable,\n    errorCode,\n    isBetaLanguageEnabled,\n    isBoxAiSuggestionsEnabled,\n    isDeleteButtonDisabled,\n    isDeleteConfirmationModalCheckboxEnabled,\n    isLargeFile,\n    isMetadataMultiLevelTaxonomyFieldEnabled,\n    isUnsavedChangesModalOpen,\n    onCancel,\n    onDelete,\n    onDiscardUnsavedChanges,\n    onSubmit,\n    setIsUnsavedChangesModalOpen,\n    taxonomyOptionsFetcher,\n    template,\n}) => {\n    return (\n        <MetadataInstanceForm\n            // TODO investigate if this property should be optional and by default false\n            isMultilevelTaxonomyFieldEnabled={isMetadataMultiLevelTaxonomyFieldEnabled}\n            areAiSuggestionsAvailable={areAiSuggestionsAvailable}\n            errorCode={errorCode}\n            isAiSuggestionsFeatureEnabled={isBoxAiSuggestionsEnabled}\n            isBetaLanguageEnabled={isBetaLanguageEnabled}\n            isDeleteButtonDisabled={isDeleteButtonDisabled}\n            isDeleteConfirmationModalCheckboxEnabled={isDeleteConfirmationModalCheckboxEnabled}\n            isLargeFile={isLargeFile}\n            isUnsavedChangesModalOpen={isUnsavedChangesModalOpen}\n            onCancel={onCancel}\n            onDelete={onDelete}\n            onDiscardUnsavedChanges={onDiscardUnsavedChanges}\n            onSubmit={onSubmit}\n            selectedTemplateInstance={template}\n            setIsUnsavedChangesModalOpen={setIsUnsavedChangesModalOpen}\n            taxonomyOptionsFetcher={taxonomyOptionsFetcher}\n        />\n    );\n};\n\nexport default MetadataInstanceEditor;\n"],"mappings":"AAAA,SACIA,oBAAoB,QAIjB,sBAAsB;AAE7B,OAAOC,KAAK,MAAM,OAAO;AA0BzB,MAAMC,sBAA6D,GAAGA,CAAC;EACnEC,yBAAyB;EACzBC,SAAS;EACTC,qBAAqB;EACrBC,yBAAyB;EACzBC,sBAAsB;EACtBC,wCAAwC;EACxCC,WAAW;EACXC,wCAAwC;EACxCC,yBAAyB;EACzBC,QAAQ;EACRC,QAAQ;EACRC,uBAAuB;EACvBC,QAAQ;EACRC,4BAA4B;EAC5BC,sBAAsB;EACtBC;AACJ,CAAC,KAAK;EACF,oBACIjB,KAAA,CAAAkB,aAAA,CAACnB;EACG;EAAA;IACAoB,gCAAgC,EAAEV,wCAAyC;IAC3EP,yBAAyB,EAAEA,yBAA0B;IACrDC,SAAS,EAAEA,SAAU;IACrBiB,6BAA6B,EAAEf,yBAA0B;IACzDD,qBAAqB,EAAEA,qBAAsB;IAC7CE,sBAAsB,EAAEA,sBAAuB;IAC/CC,wCAAwC,EAAEA,wCAAyC;IACnFC,WAAW,EAAEA,WAAY;IACzBE,yBAAyB,EAAEA,yBAA0B;IACrDC,QAAQ,EAAEA,QAAS;IACnBC,QAAQ,EAAEA,QAAS;IACnBC,uBAAuB,EAAEA,uBAAwB;IACjDC,QAAQ,EAAEA,QAAS;IACnBO,wBAAwB,EAAEJ,QAAS;IACnCF,4BAA4B,EAAEA,4BAA6B;IAC3DC,sBAAsB,EAAEA;EAAuB,CAClD,CAAC;AAEV,CAAC;AAED,eAAef,sBAAsB","ignoreList":[]}

package/es/elements/content-sidebar/SidebarNav.js

@@ -7,7 +7,9 @@
 import * as React from 'react';
 import { injectIntl } from 'react-intl';
 import noop from 'lodash/noop';
+// $FlowFixMe
 import { BoxAiLogo } from '@box/blueprint-web-assets/icons/Logo';
+// $FlowFixMe
 import { Size6 } from '@box/blueprint-web-assets/tokens/tokens';
 import { usePromptFocus } from '@box/box-ai-content-answers';
 import AdditionalTabs from './additional-tabs';

package/es/elements/content-sidebar/SidebarNav.js.flow

@@ -8,7 +8,9 @@ import * as React from 'react';
 import { injectIntl } from 'react-intl';
 import type { IntlShape } from 'react-intl';
 import noop from 'lodash/noop';
+// $FlowFixMe
 import { BoxAiLogo } from '@box/blueprint-web-assets/icons/Logo';
+// $FlowFixMe
 import { Size6 } from '@box/blueprint-web-assets/tokens/tokens';
 import { usePromptFocus } from '@box/box-ai-content-answers';
 import AdditionalTabs from './additional-tabs';

package/es/elements/content-sidebar/SidebarNav.js.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarNav.js","names":["React","injectIntl","noop","BoxAiLogo","Size6","usePromptFocus","AdditionalTabs","DocGenIcon","IconChatRound","IconDocInfo","IconMagicWand","IconMetadataThick","SidebarNavButton","SidebarNavSign","SidebarNavTablist","SidebarToggle","messages","SIDEBAR_NAV_TARGETS","SIDEBAR_VIEW_ACTIVITY","SIDEBAR_VIEW_BOXAI","SIDEBAR_VIEW_DETAILS","SIDEBAR_VIEW_DOCGEN","SIDEBAR_VIEW_METADATA","SIDEBAR_VIEW_SKILLS","useFeatureConfig","SidebarNav","additionalTabs","elementId","fileId","hasActivity","hasAdditionalTabs","hasBoxAI","hasDetails","hasMetadata","hasSkills","hasDocGen","intl","isOpen","onNavigate","onPanelChange","signSidebarProps","enabled","hasBoxSign","disabledTooltip","boxAIDisabledTooltip","showOnlyNavButton","showOnlyBoxAINavButton","focusPrompt","handleSidebarNavButtonClick","sidebarview","createElement","className","formatMessage","sidebarNavLabel","BOXAI","isDisabled","onClick","sidebarView","tooltip","sidebarBoxAITitle","height","width","ACTIVITY","sidebarActivityTitle","DETAILS","sidebarDetailsTitle","SKILLS","sidebarSkillsTitle","METADATA","sidebarMetadataTitle","DOCGEN","sidebarDocGenTooltip","key","tabs"],"sources":["../../../src/elements/content-sidebar/SidebarNav.js"],"sourcesContent":["/**\n * @flow\n * @file Preview sidebar nav component\n * @author Box\n */\n\nimport * as React from 'react';\nimport { injectIntl } from 'react-intl';\nimport type { IntlShape } from 'react-intl';\nimport noop from 'lodash/noop';\nimport { BoxAiLogo } from '@box/blueprint-web-assets/icons/Logo';\nimport { Size6 } from '@box/blueprint-web-assets/tokens/tokens';\nimport { usePromptFocus } from '@box/box-ai-content-answers';\nimport AdditionalTabs from './additional-tabs';\nimport DocGenIcon from '../../icon/fill/DocGenIcon';\nimport IconChatRound from '../../icons/general/IconChatRound';\nimport IconDocInfo from '../../icons/general/IconDocInfo';\nimport IconMagicWand from '../../icons/general/IconMagicWand';\nimport IconMetadataThick from '../../icons/general/IconMetadataThick';\nimport SidebarNavButton from './SidebarNavButton';\nimport SidebarNavSign from './SidebarNavSign';\nimport SidebarNavTablist from './SidebarNavTablist';\nimport SidebarToggle from './SidebarToggle';\nimport messages from '../common/messages';\nimport { SIDEBAR_NAV_TARGETS } from '../common/interactionTargets';\nimport {\n    SIDEBAR_VIEW_ACTIVITY,\n    SIDEBAR_VIEW_BOXAI,\n    SIDEBAR_VIEW_DETAILS,\n    SIDEBAR_VIEW_DOCGEN,\n    SIDEBAR_VIEW_METADATA,\n    SIDEBAR_VIEW_SKILLS,\n} from '../../constants';\nimport { useFeatureConfig } from '../common/feature-checking';\nimport type { NavigateOptions, AdditionalSidebarTab } from './flowTypes';\nimport './SidebarNav.scss';\nimport type { SignSidebarProps } from './SidebarNavSign';\n\ntype Props = {\n    additionalTabs?: Array<AdditionalSidebarTab>,\n    elementId: string,\n    fileId: string,\n    hasActivity: boolean,\n    hasAdditionalTabs: boolean,\n    hasBoxAI: boolean,\n    hasDetails: boolean,\n    hasDocGen?: boolean,\n    hasMetadata: boolean,\n    hasSkills: boolean,\n    intl: IntlShape,\n    isOpen?: boolean,\n    onNavigate?: (SyntheticEvent<>, NavigateOptions) => void,\n    onPanelChange?: (name: string, isInitialState: boolean) => void,\n    signSidebarProps: SignSidebarProps,\n};\n\nconst SidebarNav = ({\n    additionalTabs,\n    elementId,\n    fileId,\n    hasActivity,\n    hasAdditionalTabs,\n    hasBoxAI,\n    hasDetails,\n    hasMetadata,\n    hasSkills,\n    hasDocGen = false,\n    intl,\n    isOpen,\n    onNavigate,\n    onPanelChange = noop,\n    signSidebarProps,\n}: Props) => {\n    const { enabled: hasBoxSign } = signSidebarProps || {};\n    const { disabledTooltip: boxAIDisabledTooltip, showOnlyNavButton: showOnlyBoxAINavButton } =\n        useFeatureConfig('boxai.sidebar');\n\n    const { focusPrompt } = usePromptFocus('.be.bcs');\n\n    const handleSidebarNavButtonClick = (sidebarview: string) => {\n        onPanelChange(sidebarview, false);\n\n        // If the Box AI sidebar is enabled, focus the Box AI sidebar prompt\n        if (sidebarview === SIDEBAR_VIEW_BOXAI) {\n            focusPrompt();\n        }\n    };\n\n    return (\n        <div className=\"bcs-SidebarNav\" aria-label={intl.formatMessage(messages.sidebarNavLabel)}>\n            <div className=\"bcs-SidebarNav-tabs\">\n                <SidebarNavTablist elementId={elementId} isOpen={isOpen} onNavigate={onNavigate}>\n                    {hasBoxAI && (\n                        <SidebarNavButton\n                            data-resin-target={SIDEBAR_NAV_TARGETS.BOXAI}\n                            data-target-id=\"SidebarNavButton-boxAI\"\n                            data-testid=\"sidebarboxai\"\n                            isDisabled={showOnlyBoxAINavButton}\n                            onClick={handleSidebarNavButtonClick}\n                            sidebarView={SIDEBAR_VIEW_BOXAI}\n                            tooltip={\n                                showOnlyBoxAINavButton\n                                    ? boxAIDisabledTooltip\n                                    : intl.formatMessage(messages.sidebarBoxAITitle)\n                            }\n                        >\n                            <BoxAiLogo height={Size6} width={Size6} />\n                        </SidebarNavButton>\n                    )}\n                    {hasActivity && (\n                        <SidebarNavButton\n                            data-resin-target={SIDEBAR_NAV_TARGETS.ACTIVITY}\n                            data-target-id=\"SidebarNavButton-activity\"\n                            data-testid=\"sidebaractivity\"\n                            onClick={handleSidebarNavButtonClick}\n                            sidebarView={SIDEBAR_VIEW_ACTIVITY}\n                            tooltip={intl.formatMessage(messages.sidebarActivityTitle)}\n                        >\n                            <IconChatRound className=\"bcs-SidebarNav-icon\" />\n                        </SidebarNavButton>\n                    )}\n                    {hasDetails && (\n                        <SidebarNavButton\n                            data-resin-target={SIDEBAR_NAV_TARGETS.DETAILS}\n                            data-target-id=\"SidebarNavButton-details\"\n                            data-testid=\"sidebardetails\"\n                            onClick={handleSidebarNavButtonClick}\n                            sidebarView={SIDEBAR_VIEW_DETAILS}\n                            tooltip={intl.formatMessage(messages.sidebarDetailsTitle)}\n                        >\n                            <IconDocInfo className=\"bcs-SidebarNav-icon\" />\n                        </SidebarNavButton>\n                    )}\n                    {hasSkills && (\n                        <SidebarNavButton\n                            data-resin-target={SIDEBAR_NAV_TARGETS.SKILLS}\n                            data-target-id=\"SidebarNavButton-skills\"\n                            data-testid=\"sidebarskills\"\n                            onClick={handleSidebarNavButtonClick}\n                            sidebarView={SIDEBAR_VIEW_SKILLS}\n                            tooltip={intl.formatMessage(messages.sidebarSkillsTitle)}\n                        >\n                            <IconMagicWand className=\"bcs-SidebarNav-icon\" />\n                        </SidebarNavButton>\n                    )}\n                    {hasMetadata && (\n                        <SidebarNavButton\n                            data-resin-target={SIDEBAR_NAV_TARGETS.METADATA}\n                            data-target-id=\"SidebarNavButton-metadata\"\n                            data-testid=\"sidebarmetadata\"\n                            onClick={handleSidebarNavButtonClick}\n                            sidebarView={SIDEBAR_VIEW_METADATA}\n                            tooltip={intl.formatMessage(messages.sidebarMetadataTitle)}\n                        >\n                            <IconMetadataThick className=\"bcs-SidebarNav-icon\" />\n                        </SidebarNavButton>\n                    )}\n                    {hasDocGen && (\n                        <SidebarNavButton\n                            data-resin-target={SIDEBAR_NAV_TARGETS.DOCGEN}\n                            data-target-id=\"SidebarNavButton-docGen\"\n                            onClick={handleSidebarNavButtonClick}\n                            sidebarView={SIDEBAR_VIEW_DOCGEN}\n                            tooltip={intl.formatMessage(messages.sidebarDocGenTooltip)}\n                        >\n                            <DocGenIcon className=\"bcs-SidebarNav-icon\" />\n                        </SidebarNavButton>\n                    )}\n                </SidebarNavTablist>\n\n                {hasBoxSign && (\n                    <div className=\"bcs-SidebarNav-secondary\">\n                        <SidebarNavSign {...signSidebarProps} />\n                    </div>\n                )}\n\n                {hasAdditionalTabs && (\n                    <div className=\"bcs-SidebarNav-overflow\">\n                        <AdditionalTabs key={fileId} tabs={additionalTabs} />\n                    </div>\n                )}\n            </div>\n            <div className=\"bcs-SidebarNav-footer\">\n                <SidebarToggle isOpen={isOpen} />\n            </div>\n        </div>\n    );\n};\nexport default injectIntl(SidebarNav);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"SidebarNav.js","names":["React","injectIntl","noop","BoxAiLogo","Size6","usePromptFocus","AdditionalTabs","DocGenIcon","IconChatRound","IconDocInfo","IconMagicWand","IconMetadataThick","SidebarNavButton","SidebarNavSign","SidebarNavTablist","SidebarToggle","messages","SIDEBAR_NAV_TARGETS","SIDEBAR_VIEW_ACTIVITY","SIDEBAR_VIEW_BOXAI","SIDEBAR_VIEW_DETAILS","SIDEBAR_VIEW_DOCGEN","SIDEBAR_VIEW_METADATA","SIDEBAR_VIEW_SKILLS","useFeatureConfig","SidebarNav","additionalTabs","elementId","fileId","hasActivity","hasAdditionalTabs","hasBoxAI","hasDetails","hasMetadata","hasSkills","hasDocGen","intl","isOpen","onNavigate","onPanelChange","signSidebarProps","enabled","hasBoxSign","disabledTooltip","boxAIDisabledTooltip","showOnlyNavButton","showOnlyBoxAINavButton","focusPrompt","handleSidebarNavButtonClick","sidebarview","createElement","className","formatMessage","sidebarNavLabel","BOXAI","isDisabled","onClick","sidebarView","tooltip","sidebarBoxAITitle","height","width","ACTIVITY","sidebarActivityTitle","DETAILS","sidebarDetailsTitle","SKILLS","sidebarSkillsTitle","METADATA","sidebarMetadataTitle","DOCGEN","sidebarDocGenTooltip","key","tabs"],"sources":["../../../src/elements/content-sidebar/SidebarNav.js"],"sourcesContent":["/**\n * @flow\n * @file Preview sidebar nav component\n * @author Box\n */\n\nimport * as React from 'react';\nimport { injectIntl } from 'react-intl';\nimport type { IntlShape } from 'react-intl';\nimport noop from 'lodash/noop';\n// $FlowFixMe\nimport { BoxAiLogo } from '@box/blueprint-web-assets/icons/Logo';\n// $FlowFixMe\nimport { Size6 } from '@box/blueprint-web-assets/tokens/tokens';\nimport { usePromptFocus } from '@box/box-ai-content-answers';\nimport AdditionalTabs from './additional-tabs';\nimport DocGenIcon from '../../icon/fill/DocGenIcon';\nimport IconChatRound from '../../icons/general/IconChatRound';\nimport IconDocInfo from '../../icons/general/IconDocInfo';\nimport IconMagicWand from '../../icons/general/IconMagicWand';\nimport IconMetadataThick from '../../icons/general/IconMetadataThick';\nimport SidebarNavButton from './SidebarNavButton';\nimport SidebarNavSign from './SidebarNavSign';\nimport SidebarNavTablist from './SidebarNavTablist';\nimport SidebarToggle from './SidebarToggle';\nimport messages from '../common/messages';\nimport { SIDEBAR_NAV_TARGETS } from '../common/interactionTargets';\nimport {\n    SIDEBAR_VIEW_ACTIVITY,\n    SIDEBAR_VIEW_BOXAI,\n    SIDEBAR_VIEW_DETAILS,\n    SIDEBAR_VIEW_DOCGEN,\n    SIDEBAR_VIEW_METADATA,\n    SIDEBAR_VIEW_SKILLS,\n} from '../../constants';\nimport { useFeatureConfig } from '../common/feature-checking';\nimport type { NavigateOptions, AdditionalSidebarTab } from './flowTypes';\nimport './SidebarNav.scss';\nimport type { SignSidebarProps } from './SidebarNavSign';\n\ntype Props = {\n    additionalTabs?: Array<AdditionalSidebarTab>,\n    elementId: string,\n    fileId: string,\n    hasActivity: boolean,\n    hasAdditionalTabs: boolean,\n    hasBoxAI: boolean,\n    hasDetails: boolean,\n    hasDocGen?: boolean,\n    hasMetadata: boolean,\n    hasSkills: boolean,\n    intl: IntlShape,\n    isOpen?: boolean,\n    onNavigate?: (SyntheticEvent<>, NavigateOptions) => void,\n    onPanelChange?: (name: string, isInitialState: boolean) => void,\n    signSidebarProps: SignSidebarProps,\n};\n\nconst SidebarNav = ({\n    additionalTabs,\n    elementId,\n    fileId,\n    hasActivity,\n    hasAdditionalTabs,\n    hasBoxAI,\n    hasDetails,\n    hasMetadata,\n    hasSkills,\n    hasDocGen = false,\n    intl,\n    isOpen,\n    onNavigate,\n    onPanelChange = noop,\n    signSidebarProps,\n}: Props) => {\n    const { enabled: hasBoxSign } = signSidebarProps || {};\n    const { disabledTooltip: boxAIDisabledTooltip, showOnlyNavButton: showOnlyBoxAINavButton } =\n        useFeatureConfig('boxai.sidebar');\n\n    const { focusPrompt } = usePromptFocus('.be.bcs');\n\n    const handleSidebarNavButtonClick = (sidebarview: string) => {\n        onPanelChange(sidebarview, false);\n\n        // If the Box AI sidebar is enabled, focus the Box AI sidebar prompt\n        if (sidebarview === SIDEBAR_VIEW_BOXAI) {\n            focusPrompt();\n        }\n    };\n\n    return (\n        <div className=\"bcs-SidebarNav\" aria-label={intl.formatMessage(messages.sidebarNavLabel)}>\n            <div className=\"bcs-SidebarNav-tabs\">\n                <SidebarNavTablist elementId={elementId} isOpen={isOpen} onNavigate={onNavigate}>\n                    {hasBoxAI && (\n                        <SidebarNavButton\n                            data-resin-target={SIDEBAR_NAV_TARGETS.BOXAI}\n                            data-target-id=\"SidebarNavButton-boxAI\"\n                            data-testid=\"sidebarboxai\"\n                            isDisabled={showOnlyBoxAINavButton}\n                            onClick={handleSidebarNavButtonClick}\n                            sidebarView={SIDEBAR_VIEW_BOXAI}\n                            tooltip={\n                                showOnlyBoxAINavButton\n                                    ? boxAIDisabledTooltip\n                                    : intl.formatMessage(messages.sidebarBoxAITitle)\n                            }\n                        >\n                            <BoxAiLogo height={Size6} width={Size6} />\n                        </SidebarNavButton>\n                    )}\n                    {hasActivity && (\n                        <SidebarNavButton\n                            data-resin-target={SIDEBAR_NAV_TARGETS.ACTIVITY}\n                            data-target-id=\"SidebarNavButton-activity\"\n                            data-testid=\"sidebaractivity\"\n                            onClick={handleSidebarNavButtonClick}\n                            sidebarView={SIDEBAR_VIEW_ACTIVITY}\n                            tooltip={intl.formatMessage(messages.sidebarActivityTitle)}\n                        >\n                            <IconChatRound className=\"bcs-SidebarNav-icon\" />\n                        </SidebarNavButton>\n                    )}\n                    {hasDetails && (\n                        <SidebarNavButton\n                            data-resin-target={SIDEBAR_NAV_TARGETS.DETAILS}\n                            data-target-id=\"SidebarNavButton-details\"\n                            data-testid=\"sidebardetails\"\n                            onClick={handleSidebarNavButtonClick}\n                            sidebarView={SIDEBAR_VIEW_DETAILS}\n                            tooltip={intl.formatMessage(messages.sidebarDetailsTitle)}\n                        >\n                            <IconDocInfo className=\"bcs-SidebarNav-icon\" />\n                        </SidebarNavButton>\n                    )}\n                    {hasSkills && (\n                        <SidebarNavButton\n                            data-resin-target={SIDEBAR_NAV_TARGETS.SKILLS}\n                            data-target-id=\"SidebarNavButton-skills\"\n                            data-testid=\"sidebarskills\"\n                            onClick={handleSidebarNavButtonClick}\n                            sidebarView={SIDEBAR_VIEW_SKILLS}\n                            tooltip={intl.formatMessage(messages.sidebarSkillsTitle)}\n                        >\n                            <IconMagicWand className=\"bcs-SidebarNav-icon\" />\n                        </SidebarNavButton>\n                    )}\n                    {hasMetadata && (\n                        <SidebarNavButton\n                            data-resin-target={SIDEBAR_NAV_TARGETS.METADATA}\n                            data-target-id=\"SidebarNavButton-metadata\"\n                            data-testid=\"sidebarmetadata\"\n                            onClick={handleSidebarNavButtonClick}\n                            sidebarView={SIDEBAR_VIEW_METADATA}\n                            tooltip={intl.formatMessage(messages.sidebarMetadataTitle)}\n                        >\n                            <IconMetadataThick className=\"bcs-SidebarNav-icon\" />\n                        </SidebarNavButton>\n                    )}\n                    {hasDocGen && (\n                        <SidebarNavButton\n                            data-resin-target={SIDEBAR_NAV_TARGETS.DOCGEN}\n                            data-target-id=\"SidebarNavButton-docGen\"\n                            onClick={handleSidebarNavButtonClick}\n                            sidebarView={SIDEBAR_VIEW_DOCGEN}\n                            tooltip={intl.formatMessage(messages.sidebarDocGenTooltip)}\n                        >\n                            <DocGenIcon className=\"bcs-SidebarNav-icon\" />\n                        </SidebarNavButton>\n                    )}\n                </SidebarNavTablist>\n\n                {hasBoxSign && (\n                    <div className=\"bcs-SidebarNav-secondary\">\n                        <SidebarNavSign {...signSidebarProps} />\n                    </div>\n                )}\n\n                {hasAdditionalTabs && (\n                    <div className=\"bcs-SidebarNav-overflow\">\n                        <AdditionalTabs key={fileId} tabs={additionalTabs} />\n                    </div>\n                )}\n            </div>\n            <div className=\"bcs-SidebarNav-footer\">\n                <SidebarToggle isOpen={isOpen} />\n            </div>\n        </div>\n    );\n};\nexport default injectIntl(SidebarNav);\n"],"mappings":"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","ignoreList":[]}

package/es/elements/content-sidebar/stories/MetadataSidebarRedesign.stories.js

@@ -23,7 +23,7 @@ const defaultMetadataSidebarProps = {
   onError: fn(),
   onSuccess: fn()
 };
-export default {
+const meta = {
   title: 'Elements/ContentSidebar/MetadataSidebarRedesign',
   component: ContentSidebar,
   args: {
@@ -51,6 +51,7 @@ export default {
     return /*#__PURE__*/React.createElement(ContentSidebar, args);
   }
 };
+export default meta;
 export const Basic = {
   play: async ({
     canvasElement

package/es/elements/content-sidebar/stories/MetadataSidebarRedesign.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"MetadataSidebarRedesign.stories.js","names":["fn","userEvent","within","React","http","HttpResponse","ContentSidebar","fileIdWithMetadata","mockEnterpriseMetadataTemplates","mockFileRequest","mockMetadataInstances","mockGlobalMetadataTemplates","mockFeatures","mockLogger","onReadyMetric","endMarkName","console","log","defaultMetadataSidebarProps","isBoxAiSuggestionsEnabled","isBetaLanguageEnabled","isDeleteConfirmationModalCheckboxEnabled","isMetadataMultiLevelTaxonomyFieldEnabled","isFeatureEnabled","onError","onSuccess","title","component","args","fileId","features","logger","hasMetadata","token","global","TOKEN","metadataSidebarProps","parameters","msw","handlers","get","url","json","response","render","createElement","Basic","play","canvasElement","canvas","addTemplateButton","findByRole","name","container","click"],"sources":["../../../../src/elements/content-sidebar/stories/MetadataSidebarRedesign.stories.tsx"],"sourcesContent":["import { type StoryObj } from '@storybook/react';\nimport { fn, userEvent, within } from '@storybook/test';\nimport React, { type ComponentProps } from 'react';\nimport { http, HttpResponse } from 'msw';\nimport MetadataSidebarRedesign from '../MetadataSidebarRedesign';\nimport ContentSidebar from '../ContentSidebar';\nimport {\n    fileIdWithMetadata,\n    mockEnterpriseMetadataTemplates,\n    mockFileRequest,\n    mockMetadataInstances,\n    mockGlobalMetadataTemplates,\n} from './__mocks__/MetadataSidebarRedesignedMocks';\n\nconst mockFeatures = {\n    'metadata.redesign.enabled': true,\n};\nconst mockLogger = {\n    onReadyMetric: ({ endMarkName }) => {\n        // eslint-disable-next-line no-console\n        console.log(`Logger: onReadyMetric called with endMarkName: ${endMarkName}`);\n    },\n};\n\nconst defaultMetadataSidebarProps: ComponentProps<typeof MetadataSidebarRedesign> = {\n    isBoxAiSuggestionsEnabled: true,\n    isBetaLanguageEnabled: false,\n    isDeleteConfirmationModalCheckboxEnabled: false,\n    isMetadataMultiLevelTaxonomyFieldEnabled: false,\n    isFeatureEnabled: true,\n    onError: fn(),\n    onSuccess: fn(),\n};\n\nexport default {\n    title: 'Elements/ContentSidebar/MetadataSidebarRedesign',\n    component: ContentSidebar,\n    args: {\n        fileId: fileIdWithMetadata,\n        features: mockFeatures,\n        logger: mockLogger,\n        hasMetadata: true,\n        token: global.TOKEN,\n        metadataSidebarProps: defaultMetadataSidebarProps,\n    },\n    parameters: {\n        msw: {\n            handlers: [\n                http.get(mockFileRequest.url, () => {\n                    return HttpResponse.json(mockFileRequest.response);\n                }),\n                http.get(mockMetadataInstances.url, () => {\n                    return HttpResponse.json(mockMetadataInstances.response);\n                }),\n                http.get(mockEnterpriseMetadataTemplates.url, () => {\n                    return HttpResponse.json(mockEnterpriseMetadataTemplates.response);\n                }),\n                http.get(mockGlobalMetadataTemplates.url, () => {\n                    return HttpResponse.json(mockGlobalMetadataTemplates.response);\n                }),\n            ],\n        },\n    },\n    render: args => {\n        return <ContentSidebar {...args} />;\n    },\n};\n\nexport const Basic: StoryObj<typeof MetadataSidebarRedesign> = {\n    play: async ({ canvasElement }) => {\n        const canvas = within(canvasElement);\n\n        const addTemplateButton = await canvas.findByRole(\n            'button',\n            { name: 'Add template' },\n            { container: await canvas.findByRole('tabpanel') },\n        );\n        await userEvent.click(addTemplateButton);\n    },\n};\n"],"mappings":"AACA,SAASA,EAAE,EAAEC,SAAS,EAAEC,MAAM,QAAQ,iBAAiB;AACvD,OAAOC,KAAK,MAA+B,OAAO;AAClD,SAASC,IAAI,EAAEC,YAAY,QAAQ,KAAK;AAExC,OAAOC,cAAc,MAAM,mBAAmB;AAC9C,SACIC,kBAAkB,EAClBC,+BAA+B,EAC/BC,eAAe,EACfC,qBAAqB,EACrBC,2BAA2B,QACxB,4CAA4C;AAEnD,MAAMC,YAAY,GAAG;EACjB,2BAA2B,EAAE;AACjC,CAAC;AACD,MAAMC,UAAU,GAAG;EACfC,aAAa,EAAEA,CAAC;IAAEC;EAAY,CAAC,KAAK;IAChC;IACAC,OAAO,CAACC,GAAG,CAAC,kDAAkDF,WAAW,EAAE,CAAC;EAChF;AACJ,CAAC;AAED,MAAMG,2BAA2E,GAAG;EAChFC,yBAAyB,EAAE,IAAI;EAC/BC,qBAAqB,EAAE,KAAK;EAC5BC,wCAAwC,EAAE,KAAK;EAC/CC,wCAAwC,EAAE,KAAK;EAC/CC,gBAAgB,EAAE,IAAI;EACtBC,OAAO,EAAExB,EAAE,CAAC,CAAC;EACbyB,SAAS,EAAEzB,EAAE,CAAC;AAClB,CAAC;AAED,eAAe;EACX0B,KAAK,EAAE,iDAAiD;EACxDC,SAAS,EAAErB,cAAc;EACzBsB,IAAI,EAAE;IACFC,MAAM,EAAEtB,kBAAkB;IAC1BuB,QAAQ,EAAElB,YAAY;IACtBmB,MAAM,EAAElB,UAAU;IAClBmB,WAAW,EAAE,IAAI;IACjBC,KAAK,EAAEC,MAAM,CAACC,KAAK;IACnBC,oBAAoB,EAAElB;EAC1B,CAAC;EACDmB,UAAU,EAAE;IACRC,GAAG,EAAE;MACDC,QAAQ,EAAE,CACNnC,IAAI,CAACoC,GAAG,CAAC/B,eAAe,CAACgC,GAAG,EAAE,MAAM;QAChC,OAAOpC,YAAY,CAACqC,IAAI,CAACjC,eAAe,CAACkC,QAAQ,CAAC;MACtD,CAAC,CAAC,EACFvC,IAAI,CAACoC,GAAG,CAAC9B,qBAAqB,CAAC+B,GAAG,EAAE,MAAM;QACtC,OAAOpC,YAAY,CAACqC,IAAI,CAAChC,qBAAqB,CAACiC,QAAQ,CAAC;MAC5D,CAAC,CAAC,EACFvC,IAAI,CAACoC,GAAG,CAAChC,+BAA+B,CAACiC,GAAG,EAAE,MAAM;QAChD,OAAOpC,YAAY,CAACqC,IAAI,CAAClC,+BAA+B,CAACmC,QAAQ,CAAC;MACtE,CAAC,CAAC,EACFvC,IAAI,CAACoC,GAAG,CAAC7B,2BAA2B,CAAC8B,GAAG,EAAE,MAAM;QAC5C,OAAOpC,YAAY,CAACqC,IAAI,CAAC/B,2BAA2B,CAACgC,QAAQ,CAAC;MAClE,CAAC,CAAC;IAEV;EACJ,CAAC;EACDC,MAAM,EAAEhB,IAAI,IAAI;IACZ,oBAAOzB,KAAA,CAAA0C,aAAA,CAACvC,cAAc,EAAKsB,IAAO,CAAC;EACvC;AACJ,CAAC;AAED,OAAO,MAAMkB,KAA+C,GAAG;EAC3DC,IAAI,EAAE,MAAAA,CAAO;IAAEC;EAAc,CAAC,KAAK;IAC/B,MAAMC,MAAM,GAAG/C,MAAM,CAAC8C,aAAa,CAAC;IAEpC,MAAME,iBAAiB,GAAG,MAAMD,MAAM,CAACE,UAAU,CAC7C,QAAQ,EACR;MAAEC,IAAI,EAAE;IAAe,CAAC,EACxB;MAAEC,SAAS,EAAE,MAAMJ,MAAM,CAACE,UAAU,CAAC,UAAU;IAAE,CACrD,CAAC;IACD,MAAMlD,SAAS,CAACqD,KAAK,CAACJ,iBAAiB,CAAC;EAC5C;AACJ,CAAC","ignoreList":[]}
+{"version":3,"file":"MetadataSidebarRedesign.stories.js","names":["fn","userEvent","within","React","http","HttpResponse","ContentSidebar","fileIdWithMetadata","mockEnterpriseMetadataTemplates","mockFileRequest","mockMetadataInstances","mockGlobalMetadataTemplates","mockFeatures","mockLogger","onReadyMetric","endMarkName","console","log","defaultMetadataSidebarProps","isBoxAiSuggestionsEnabled","isBetaLanguageEnabled","isDeleteConfirmationModalCheckboxEnabled","isMetadataMultiLevelTaxonomyFieldEnabled","isFeatureEnabled","onError","onSuccess","meta","title","component","args","fileId","features","logger","hasMetadata","token","global","TOKEN","metadataSidebarProps","parameters","msw","handlers","get","url","json","response","render","createElement","Basic","play","canvasElement","canvas","addTemplateButton","findByRole","name","container","click"],"sources":["../../../../src/elements/content-sidebar/stories/MetadataSidebarRedesign.stories.tsx"],"sourcesContent":["import { type StoryObj, Meta } from '@storybook/react';\nimport { fn, userEvent, within } from '@storybook/test';\nimport React, { type ComponentProps } from 'react';\nimport { http, HttpResponse } from 'msw';\nimport type { HttpHandler } from 'msw';\nimport MetadataSidebarRedesign from '../MetadataSidebarRedesign';\nimport ContentSidebar from '../ContentSidebar';\nimport {\n    fileIdWithMetadata,\n    mockEnterpriseMetadataTemplates,\n    mockFileRequest,\n    mockMetadataInstances,\n    mockGlobalMetadataTemplates,\n} from './__mocks__/MetadataSidebarRedesignedMocks';\n\nconst mockFeatures = {\n    'metadata.redesign.enabled': true,\n};\nconst mockLogger = {\n    onReadyMetric: ({ endMarkName }) => {\n        // eslint-disable-next-line no-console\n        console.log(`Logger: onReadyMetric called with endMarkName: ${endMarkName}`);\n    },\n};\n\nconst defaultMetadataSidebarProps: ComponentProps<typeof MetadataSidebarRedesign> = {\n    isBoxAiSuggestionsEnabled: true,\n    isBetaLanguageEnabled: false,\n    isDeleteConfirmationModalCheckboxEnabled: false,\n    isMetadataMultiLevelTaxonomyFieldEnabled: false,\n    isFeatureEnabled: true,\n    onError: fn(),\n    onSuccess: fn(),\n};\n\nconst meta: Meta<typeof ContentSidebar> & { parameters: { msw: { handlers: HttpHandler[] } } } = {\n    title: 'Elements/ContentSidebar/MetadataSidebarRedesign',\n    component: ContentSidebar,\n    args: {\n        fileId: fileIdWithMetadata,\n        features: mockFeatures,\n        logger: mockLogger,\n        hasMetadata: true,\n        token: global.TOKEN,\n        metadataSidebarProps: defaultMetadataSidebarProps,\n    },\n    parameters: {\n        msw: {\n            handlers: [\n                http.get(mockFileRequest.url, () => {\n                    return HttpResponse.json(mockFileRequest.response);\n                }),\n                http.get(mockMetadataInstances.url, () => {\n                    return HttpResponse.json(mockMetadataInstances.response);\n                }),\n                http.get(mockEnterpriseMetadataTemplates.url, () => {\n                    return HttpResponse.json(mockEnterpriseMetadataTemplates.response);\n                }),\n                http.get(mockGlobalMetadataTemplates.url, () => {\n                    return HttpResponse.json(mockGlobalMetadataTemplates.response);\n                }),\n            ],\n        },\n    },\n    render: args => {\n        return <ContentSidebar {...args} />;\n    },\n};\n\nexport default meta;\n\nexport const Basic: StoryObj<typeof MetadataSidebarRedesign> = {\n    play: async ({ canvasElement }) => {\n        const canvas = within(canvasElement);\n\n        const addTemplateButton = await canvas.findByRole(\n            'button',\n            { name: 'Add template' },\n            { container: await canvas.findByRole('tabpanel') },\n        );\n        await userEvent.click(addTemplateButton);\n    },\n};\n"],"mappings":"AACA,SAASA,EAAE,EAAEC,SAAS,EAAEC,MAAM,QAAQ,iBAAiB;AACvD,OAAOC,KAAK,MAA+B,OAAO;AAClD,SAASC,IAAI,EAAEC,YAAY,QAAQ,KAAK;AAGxC,OAAOC,cAAc,MAAM,mBAAmB;AAC9C,SACIC,kBAAkB,EAClBC,+BAA+B,EAC/BC,eAAe,EACfC,qBAAqB,EACrBC,2BAA2B,QACxB,4CAA4C;AAEnD,MAAMC,YAAY,GAAG;EACjB,2BAA2B,EAAE;AACjC,CAAC;AACD,MAAMC,UAAU,GAAG;EACfC,aAAa,EAAEA,CAAC;IAAEC;EAAY,CAAC,KAAK;IAChC;IACAC,OAAO,CAACC,GAAG,CAAC,kDAAkDF,WAAW,EAAE,CAAC;EAChF;AACJ,CAAC;AAED,MAAMG,2BAA2E,GAAG;EAChFC,yBAAyB,EAAE,IAAI;EAC/BC,qBAAqB,EAAE,KAAK;EAC5BC,wCAAwC,EAAE,KAAK;EAC/CC,wCAAwC,EAAE,KAAK;EAC/CC,gBAAgB,EAAE,IAAI;EACtBC,OAAO,EAAExB,EAAE,CAAC,CAAC;EACbyB,SAAS,EAAEzB,EAAE,CAAC;AAClB,CAAC;AAED,MAAM0B,IAAwF,GAAG;EAC7FC,KAAK,EAAE,iDAAiD;EACxDC,SAAS,EAAEtB,cAAc;EACzBuB,IAAI,EAAE;IACFC,MAAM,EAAEvB,kBAAkB;IAC1BwB,QAAQ,EAAEnB,YAAY;IACtBoB,MAAM,EAAEnB,UAAU;IAClBoB,WAAW,EAAE,IAAI;IACjBC,KAAK,EAAEC,MAAM,CAACC,KAAK;IACnBC,oBAAoB,EAAEnB;EAC1B,CAAC;EACDoB,UAAU,EAAE;IACRC,GAAG,EAAE;MACDC,QAAQ,EAAE,CACNpC,IAAI,CAACqC,GAAG,CAAChC,eAAe,CAACiC,GAAG,EAAE,MAAM;QAChC,OAAOrC,YAAY,CAACsC,IAAI,CAAClC,eAAe,CAACmC,QAAQ,CAAC;MACtD,CAAC,CAAC,EACFxC,IAAI,CAACqC,GAAG,CAAC/B,qBAAqB,CAACgC,GAAG,EAAE,MAAM;QACtC,OAAOrC,YAAY,CAACsC,IAAI,CAACjC,qBAAqB,CAACkC,QAAQ,CAAC;MAC5D,CAAC,CAAC,EACFxC,IAAI,CAACqC,GAAG,CAACjC,+BAA+B,CAACkC,GAAG,EAAE,MAAM;QAChD,OAAOrC,YAAY,CAACsC,IAAI,CAACnC,+BAA+B,CAACoC,QAAQ,CAAC;MACtE,CAAC,CAAC,EACFxC,IAAI,CAACqC,GAAG,CAAC9B,2BAA2B,CAAC+B,GAAG,EAAE,MAAM;QAC5C,OAAOrC,YAAY,CAACsC,IAAI,CAAChC,2BAA2B,CAACiC,QAAQ,CAAC;MAClE,CAAC,CAAC;IAEV;EACJ,CAAC;EACDC,MAAM,EAAEhB,IAAI,IAAI;IACZ,oBAAO1B,KAAA,CAAA2C,aAAA,CAACxC,cAAc,EAAKuB,IAAO,CAAC;EACvC;AACJ,CAAC;AAED,eAAeH,IAAI;AAEnB,OAAO,MAAMqB,KAA+C,GAAG;EAC3DC,IAAI,EAAE,MAAAA,CAAO;IAAEC;EAAc,CAAC,KAAK;IAC/B,MAAMC,MAAM,GAAGhD,MAAM,CAAC+C,aAAa,CAAC;IAEpC,MAAME,iBAAiB,GAAG,MAAMD,MAAM,CAACE,UAAU,CAC7C,QAAQ,EACR;MAAEC,IAAI,EAAE;IAAe,CAAC,EACxB;MAAEC,SAAS,EAAE,MAAMJ,MAAM,CAACE,UAAU,CAAC,UAAU;IAAE,CACrD,CAAC;IACD,MAAMnD,SAAS,CAACsD,KAAK,CAACJ,iBAAiB,CAAC;EAC5C;AACJ,CAAC","ignoreList":[]}

package/es/elements/content-sidebar/stories/tests/BoxAISidebar-visual.stories.js

@@ -23,7 +23,7 @@ export const basic = {
     expect(await canvas.findByText('Are there any next steps defined?')).toBeInTheDocument();
   }
 };
-export default {
+const meta = {
   title: 'Elements/ContentSidebar/BoxAISidebar/tests/visual-regression-tests',
   component: ContentSidebar,
   args: {
@@ -90,4 +90,5 @@ export default {
     }
   }
 };
+export default meta;
 //# sourceMappingURL=BoxAISidebar-visual.stories.js.map

package/es/elements/content-sidebar/stories/tests/BoxAISidebar-visual.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"BoxAISidebar-visual.stories.js","names":["expect","within","http","HttpResponse","ContentSidebar","mockFileRequest","mockUserRequest","mockFeatures","basic","play","canvasElement","canvas","clearButton","findByRole","name","toBeInTheDocument","findByText","findByPlaceholderText","title","component","args","features","fileId","global","FILE_ID","token","TOKEN","boxAISidebarProps","createSessionRequest","encodedSession","fetchTimeout","initial","getAgentConfig","getAIStudioAgents","getAnswer","getAnswerStreaming","getSuggestedQuestions","hostAppName","isAgentSelectorEnabled","isAIStudioAgentSelectorEnabled","isCitationsEnabled","isFeedbackEnabled","isDebugModeEnabled","isIntelligentQueryMode","isMarkdownEnabled","isResetChatEnabled","isStopResponseEnabled","isStreamingEnabled","items","id","type","fileType","status","localizedQuestions","label","prompt","recordAction","parameters","msw","handlers","get","url","json","response"],"sources":["../../../../../src/elements/content-sidebar/stories/tests/BoxAISidebar-visual.stories.tsx"],"sourcesContent":["import { expect, within } from '@storybook/test';\nimport { type StoryObj } from '@storybook/react';\nimport { http, HttpResponse } from 'msw';\nimport ContentSidebar from '../../ContentSidebar';\nimport BoxAISidebar from '../../BoxAISidebar';\nimport { mockFileRequest, mockUserRequest } from '../../../common/__mocks__/mockRequests';\n\nconst mockFeatures = {\n    'boxai.sidebar.enabled': true,\n};\n\nexport const basic: StoryObj<typeof BoxAISidebar> = {\n    play: async ({ canvasElement }) => {\n        const canvas = within(canvasElement);\n        const clearButton = await canvas.findByRole('button', { name: 'Clear conversation' });\n        expect(clearButton).toBeInTheDocument();\n\n        expect(await canvas.findByText(/Welcome to Box AI/i)).toBeInTheDocument();\n        expect(await canvas.findByText('Chat cleared when you close content')).toBeInTheDocument();\n        expect(await canvas.findByPlaceholderText('Ask Box AI')).toBeInTheDocument();\n        expect(await canvas.findByText('Summarize this document')).toBeInTheDocument();\n        expect(await canvas.findByText('What are the key takeaways?')).toBeInTheDocument();\n        expect(await canvas.findByText('How can this document be improved?')).toBeInTheDocument();\n        expect(await canvas.findByText('Are there any next steps defined?')).toBeInTheDocument();\n    },\n};\n\nexport default {\n    title: 'Elements/ContentSidebar/BoxAISidebar/tests/visual-regression-tests',\n    component: ContentSidebar,\n    args: {\n        features: mockFeatures,\n        fileId: global.FILE_ID,\n        token: global.TOKEN,\n        boxAISidebarProps: {\n            createSessionRequest: () => ({ encodedSession: '1234' }),\n            fetchTimeout: { initial: 20000 },\n            getAgentConfig: () => ({}),\n            getAIStudioAgents: () => ({}),\n            getAnswer: () => ({}),\n            getAnswerStreaming: () => ({}),\n            getSuggestedQuestions: null,\n            hostAppName: 'storybook-test',\n            isAgentSelectorEnabled: false,\n            isAIStudioAgentSelectorEnabled: true,\n            isCitationsEnabled: true,\n            isFeedbackEnabled: true,\n            isDebugModeEnabled: true,\n            isIntelligentQueryMode: false,\n            isMarkdownEnabled: true,\n            isResetChatEnabled: true,\n            isStopResponseEnabled: true,\n            isStreamingEnabled: false,\n            items: [{ id: '123', name: 'Document (PDF).pdf', type: 'file', fileType: 'pdf', status: 'supported' }],\n            localizedQuestions: [\n                {\n                    id: 'suggested-question-1',\n                    label: 'Summarize this document',\n                    prompt: 'Summarize this document',\n                },\n                {\n                    id: 'suggested-question-2',\n                    label: 'What are the key takeaways?',\n                    prompt: 'What are the key takeaways?',\n                },\n                {\n                    id: 'suggested-question-3',\n                    label: 'How can this document be improved?',\n                    prompt: 'How can this document be improved?',\n                },\n                {\n                    id: 'suggested-question-4',\n                    label: 'Are there any next steps defined?',\n                    prompt: 'Are there any next steps defined?',\n                },\n            ],\n            recordAction: () => ({}),\n        },\n    },\n    parameters: {\n        msw: {\n            handlers: [\n                http.get(mockUserRequest.url, () => {\n                    return HttpResponse.json(mockUserRequest.response);\n                }),\n                http.get(mockFileRequest.url, () => {\n                    return HttpResponse.json(mockFileRequest.response);\n                }),\n            ],\n        },\n    },\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"BoxAISidebar-visual.stories.js","names":["expect","within","http","HttpResponse","ContentSidebar","mockFileRequest","mockUserRequest","mockFeatures","basic","play","canvasElement","canvas","clearButton","findByRole","name","toBeInTheDocument","findByText","findByPlaceholderText","meta","title","component","args","features","fileId","global","FILE_ID","token","TOKEN","boxAISidebarProps","createSessionRequest","encodedSession","fetchTimeout","initial","getAgentConfig","getAIStudioAgents","getAnswer","getAnswerStreaming","getSuggestedQuestions","hostAppName","isAgentSelectorEnabled","isAIStudioAgentSelectorEnabled","isCitationsEnabled","isFeedbackEnabled","isDebugModeEnabled","isIntelligentQueryMode","isMarkdownEnabled","isResetChatEnabled","isStopResponseEnabled","isStreamingEnabled","items","id","type","fileType","status","localizedQuestions","label","prompt","recordAction","parameters","msw","handlers","get","url","json","response"],"sources":["../../../../../src/elements/content-sidebar/stories/tests/BoxAISidebar-visual.stories.tsx"],"sourcesContent":["import { expect, within } from '@storybook/test';\nimport { type StoryObj, type Meta } from '@storybook/react';\nimport { http, HttpResponse } from 'msw';\nimport type { HttpHandler } from 'msw';\nimport ContentSidebar from '../../ContentSidebar';\nimport BoxAISidebar from '../../BoxAISidebar';\nimport { mockFileRequest, mockUserRequest } from '../../../common/__mocks__/mockRequests';\n\nconst mockFeatures = {\n    'boxai.sidebar.enabled': true,\n};\n\nexport const basic: StoryObj<typeof BoxAISidebar> = {\n    play: async ({ canvasElement }) => {\n        const canvas = within(canvasElement);\n        const clearButton = await canvas.findByRole('button', { name: 'Clear conversation' });\n        expect(clearButton).toBeInTheDocument();\n\n        expect(await canvas.findByText(/Welcome to Box AI/i)).toBeInTheDocument();\n        expect(await canvas.findByText('Chat cleared when you close content')).toBeInTheDocument();\n        expect(await canvas.findByPlaceholderText('Ask Box AI')).toBeInTheDocument();\n        expect(await canvas.findByText('Summarize this document')).toBeInTheDocument();\n        expect(await canvas.findByText('What are the key takeaways?')).toBeInTheDocument();\n        expect(await canvas.findByText('How can this document be improved?')).toBeInTheDocument();\n        expect(await canvas.findByText('Are there any next steps defined?')).toBeInTheDocument();\n    },\n};\n\nconst meta: Meta<typeof ContentSidebar> & { parameters: { msw: { handlers: HttpHandler[] } } } = {\n    title: 'Elements/ContentSidebar/BoxAISidebar/tests/visual-regression-tests',\n    component: ContentSidebar,\n    args: {\n        features: mockFeatures,\n        fileId: global.FILE_ID,\n        token: global.TOKEN,\n        boxAISidebarProps: {\n            createSessionRequest: () => ({ encodedSession: '1234' }),\n            fetchTimeout: { initial: 20000 },\n            getAgentConfig: () => ({}),\n            getAIStudioAgents: () => ({}),\n            getAnswer: () => ({}),\n            getAnswerStreaming: () => ({}),\n            getSuggestedQuestions: null,\n            hostAppName: 'storybook-test',\n            isAgentSelectorEnabled: false,\n            isAIStudioAgentSelectorEnabled: true,\n            isCitationsEnabled: true,\n            isFeedbackEnabled: true,\n            isDebugModeEnabled: true,\n            isIntelligentQueryMode: false,\n            isMarkdownEnabled: true,\n            isResetChatEnabled: true,\n            isStopResponseEnabled: true,\n            isStreamingEnabled: false,\n            items: [{ id: '123', name: 'Document (PDF).pdf', type: 'file', fileType: 'pdf', status: 'supported' }],\n            localizedQuestions: [\n                {\n                    id: 'suggested-question-1',\n                    label: 'Summarize this document',\n                    prompt: 'Summarize this document',\n                },\n                {\n                    id: 'suggested-question-2',\n                    label: 'What are the key takeaways?',\n                    prompt: 'What are the key takeaways?',\n                },\n                {\n                    id: 'suggested-question-3',\n                    label: 'How can this document be improved?',\n                    prompt: 'How can this document be improved?',\n                },\n                {\n                    id: 'suggested-question-4',\n                    label: 'Are there any next steps defined?',\n                    prompt: 'Are there any next steps defined?',\n                },\n            ],\n            recordAction: () => ({}),\n        },\n    },\n    parameters: {\n        msw: {\n            handlers: [\n                http.get(mockUserRequest.url, () => {\n                    return HttpResponse.json(mockUserRequest.response);\n                }),\n                http.get(mockFileRequest.url, () => {\n                    return HttpResponse.json(mockFileRequest.response);\n                }),\n            ],\n        },\n    },\n};\n\nexport default meta;\n"],"mappings":"AAAA,SAASA,MAAM,EAAEC,MAAM,QAAQ,iBAAiB;AAEhD,SAASC,IAAI,EAAEC,YAAY,QAAQ,KAAK;AAExC,OAAOC,cAAc,MAAM,sBAAsB;AAEjD,SAASC,eAAe,EAAEC,eAAe,QAAQ,wCAAwC;AAEzF,MAAMC,YAAY,GAAG;EACjB,uBAAuB,EAAE;AAC7B,CAAC;AAED,OAAO,MAAMC,KAAoC,GAAG;EAChDC,IAAI,EAAE,MAAAA,CAAO;IAAEC;EAAc,CAAC,KAAK;IAC/B,MAAMC,MAAM,GAAGV,MAAM,CAACS,aAAa,CAAC;IACpC,MAAME,WAAW,GAAG,MAAMD,MAAM,CAACE,UAAU,CAAC,QAAQ,EAAE;MAAEC,IAAI,EAAE;IAAqB,CAAC,CAAC;IACrFd,MAAM,CAACY,WAAW,CAAC,CAACG,iBAAiB,CAAC,CAAC;IAEvCf,MAAM,CAAC,MAAMW,MAAM,CAACK,UAAU,CAAC,oBAAoB,CAAC,CAAC,CAACD,iBAAiB,CAAC,CAAC;IACzEf,MAAM,CAAC,MAAMW,MAAM,CAACK,UAAU,CAAC,qCAAqC,CAAC,CAAC,CAACD,iBAAiB,CAAC,CAAC;IAC1Ff,MAAM,CAAC,MAAMW,MAAM,CAACM,qBAAqB,CAAC,YAAY,CAAC,CAAC,CAACF,iBAAiB,CAAC,CAAC;IAC5Ef,MAAM,CAAC,MAAMW,MAAM,CAACK,UAAU,CAAC,yBAAyB,CAAC,CAAC,CAACD,iBAAiB,CAAC,CAAC;IAC9Ef,MAAM,CAAC,MAAMW,MAAM,CAACK,UAAU,CAAC,6BAA6B,CAAC,CAAC,CAACD,iBAAiB,CAAC,CAAC;IAClFf,MAAM,CAAC,MAAMW,MAAM,CAACK,UAAU,CAAC,oCAAoC,CAAC,CAAC,CAACD,iBAAiB,CAAC,CAAC;IACzFf,MAAM,CAAC,MAAMW,MAAM,CAACK,UAAU,CAAC,mCAAmC,CAAC,CAAC,CAACD,iBAAiB,CAAC,CAAC;EAC5F;AACJ,CAAC;AAED,MAAMG,IAAwF,GAAG;EAC7FC,KAAK,EAAE,oEAAoE;EAC3EC,SAAS,EAAEhB,cAAc;EACzBiB,IAAI,EAAE;IACFC,QAAQ,EAAEf,YAAY;IACtBgB,MAAM,EAAEC,MAAM,CAACC,OAAO;IACtBC,KAAK,EAAEF,MAAM,CAACG,KAAK;IACnBC,iBAAiB,EAAE;MACfC,oBAAoB,EAAEA,CAAA,MAAO;QAAEC,cAAc,EAAE;MAAO,CAAC,CAAC;MACxDC,YAAY,EAAE;QAAEC,OAAO,EAAE;MAAM,CAAC;MAChCC,cAAc,EAAEA,CAAA,MAAO,CAAC,CAAC,CAAC;MAC1BC,iBAAiB,EAAEA,CAAA,MAAO,CAAC,CAAC,CAAC;MAC7BC,SAAS,EAAEA,CAAA,MAAO,CAAC,CAAC,CAAC;MACrBC,kBAAkB,EAAEA,CAAA,MAAO,CAAC,CAAC,CAAC;MAC9BC,qBAAqB,EAAE,IAAI;MAC3BC,WAAW,EAAE,gBAAgB;MAC7BC,sBAAsB,EAAE,KAAK;MAC7BC,8BAA8B,EAAE,IAAI;MACpCC,kBAAkB,EAAE,IAAI;MACxBC,iBAAiB,EAAE,IAAI;MACvBC,kBAAkB,EAAE,IAAI;MACxBC,sBAAsB,EAAE,KAAK;MAC7BC,iBAAiB,EAAE,IAAI;MACvBC,kBAAkB,EAAE,IAAI;MACxBC,qBAAqB,EAAE,IAAI;MAC3BC,kBAAkB,EAAE,KAAK;MACzBC,KAAK,EAAE,CAAC;QAAEC,EAAE,EAAE,KAAK;QAAEpC,IAAI,EAAE,oBAAoB;QAAEqC,IAAI,EAAE,MAAM;QAAEC,QAAQ,EAAE,KAAK;QAAEC,MAAM,EAAE;MAAY,CAAC,CAAC;MACtGC,kBAAkB,EAAE,CAChB;QACIJ,EAAE,EAAE,sBAAsB;QAC1BK,KAAK,EAAE,yBAAyB;QAChCC,MAAM,EAAE;MACZ,CAAC,EACD;QACIN,EAAE,EAAE,sBAAsB;QAC1BK,KAAK,EAAE,6BAA6B;QACpCC,MAAM,EAAE;MACZ,CAAC,EACD;QACIN,EAAE,EAAE,sBAAsB;QAC1BK,KAAK,EAAE,oCAAoC;QAC3CC,MAAM,EAAE;MACZ,CAAC,EACD;QACIN,EAAE,EAAE,sBAAsB;QAC1BK,KAAK,EAAE,mCAAmC;QAC1CC,MAAM,EAAE;MACZ,CAAC,CACJ;MACDC,YAAY,EAAEA,CAAA,MAAO,CAAC,CAAC;IAC3B;EACJ,CAAC;EACDC,UAAU,EAAE;IACRC,GAAG,EAAE;MACDC,QAAQ,EAAE,CACN1D,IAAI,CAAC2D,GAAG,CAACvD,eAAe,CAACwD,GAAG,EAAE,MAAM;QAChC,OAAO3D,YAAY,CAAC4D,IAAI,CAACzD,eAAe,CAAC0D,QAAQ,CAAC;MACtD,CAAC,CAAC,EACF9D,IAAI,CAAC2D,GAAG,CAACxD,eAAe,CAACyD,GAAG,EAAE,MAAM;QAChC,OAAO3D,YAAY,CAAC4D,IAAI,CAAC1D,eAAe,CAAC2D,QAAQ,CAAC;MACtD,CAAC,CAAC;IAEV;EACJ;AACJ,CAAC;AAED,eAAe9C,IAAI","ignoreList":[]}

package/es/elements/content-sidebar/stories/tests/ContentSidebar-e2e.stories.js

@@ -28,7 +28,7 @@ export const fileVersion = {
     fileId: testFileIds.FILE_ID_DOC_VERSIONED
   }
 };
-export default {
+const meta = {
   title: 'Elements/ContentSidebar/tests/e2e',
   component: ContentSidebar,
   args: defaultArgs,
@@ -40,4 +40,5 @@ export default {
     }
   }
 };
+export default meta;
 //# sourceMappingURL=ContentSidebar-e2e.stories.js.map

package/es/elements/content-sidebar/stories/tests/ContentSidebar-e2e.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContentSidebar-e2e.stories.js","names":["http","HttpResponse","ContentSidebar","mockFileRequest","testFileIds","defaultArgs","detailsSidebarProps","hasAccessStats","hasClassification","hasNotices","hasProperties","hasRetentionPolicy","features","global","FEATURE_FLAGS","fileId","FILE_ID","hasActivityFeed","hasMetadata","hasSkills","hasVersions","token","TOKEN","basic","args","FILE_ID_SKILLS","fileVersion","FILE_ID_DOC_VERSIONED","title","component","parameters","msw","handlers","get","url","json","response"],"sources":["../../../../../src/elements/content-sidebar/stories/tests/ContentSidebar-e2e.stories.tsx"],"sourcesContent":["// @flow\nimport { http, HttpResponse } from 'msw';\nimport ContentSidebar from '../../ContentSidebar';\nimport { mockFileRequest } from '../__mocks__/ContentSidebarMocks';\nimport { testFileIds } from '../../../../../test/support/constants';\n\nconst defaultArgs = {\n    detailsSidebarProps: {\n        hasAccessStats: true,\n        hasClassification: true,\n        hasNotices: true,\n        hasProperties: true,\n        hasRetentionPolicy: true,\n    },\n    features: global.FEATURE_FLAGS,\n    fileId: global.FILE_ID,\n    hasActivityFeed: true,\n    hasMetadata: true,\n    hasSkills: true,\n    hasVersions: true,\n    token: global.TOKEN,\n};\n\nexport const basic = {\n    args: {\n        fileId: testFileIds.FILE_ID_SKILLS,\n    },\n};\n\nexport const fileVersion = {\n    args: {\n        fileId: testFileIds.FILE_ID_DOC_VERSIONED,\n    },\n};\n\nexport default {\n    title: 'Elements/ContentSidebar/tests/e2e',\n    component: ContentSidebar,\n    args: defaultArgs,\n    parameters: {\n        msw: {\n            handlers: [\n                http.get(mockFileRequest.url, () => {\n                    return HttpResponse.json(mockFileRequest.response);\n                }),\n            ],\n        },\n    },\n};\n"],"mappings":"AACA,SAASA,IAAI,EAAEC,YAAY,QAAQ,KAAK;AACxC,OAAOC,cAAc,MAAM,sBAAsB;AACjD,SAASC,eAAe,QAAQ,kCAAkC;AAClE,SAASC,WAAW,QAAQ,uCAAuC;AAEnE,MAAMC,WAAW,GAAG;EAChBC,mBAAmB,EAAE;IACjBC,cAAc,EAAE,IAAI;IACpBC,iBAAiB,EAAE,IAAI;IACvBC,UAAU,EAAE,IAAI;IAChBC,aAAa,EAAE,IAAI;IACnBC,kBAAkB,EAAE;EACxB,CAAC;EACDC,QAAQ,EAAEC,MAAM,CAACC,aAAa;EAC9BC,MAAM,EAAEF,MAAM,CAACG,OAAO;EACtBC,eAAe,EAAE,IAAI;EACrBC,WAAW,EAAE,IAAI;EACjBC,SAAS,EAAE,IAAI;EACfC,WAAW,EAAE,IAAI;EACjBC,KAAK,EAAER,MAAM,CAACS;AAClB,CAAC;AAED,OAAO,MAAMC,KAAK,GAAG;EACjBC,IAAI,EAAE;IACFT,MAAM,EAAEX,WAAW,CAACqB;EACxB;AACJ,CAAC;AAED,OAAO,MAAMC,WAAW,GAAG;EACvBF,IAAI,EAAE;IACFT,MAAM,EAAEX,WAAW,CAACuB;EACxB;AACJ,CAAC;AAED,eAAe;EACXC,KAAK,EAAE,mCAAmC;EAC1CC,SAAS,EAAE3B,cAAc;EACzBsB,IAAI,EAAEnB,WAAW;EACjByB,UAAU,EAAE;IACRC,GAAG,EAAE;MACDC,QAAQ,EAAE,CACNhC,IAAI,CAACiC,GAAG,CAAC9B,eAAe,CAAC+B,GAAG,EAAE,MAAM;QAChC,OAAOjC,YAAY,CAACkC,IAAI,CAAChC,eAAe,CAACiC,QAAQ,CAAC;MACtD,CAAC,CAAC;IAEV;EACJ;AACJ,CAAC","ignoreList":[]}
+{"version":3,"file":"ContentSidebar-e2e.stories.js","names":["http","HttpResponse","ContentSidebar","mockFileRequest","testFileIds","defaultArgs","detailsSidebarProps","hasAccessStats","hasClassification","hasNotices","hasProperties","hasRetentionPolicy","features","global","FEATURE_FLAGS","fileId","FILE_ID","hasActivityFeed","hasMetadata","hasSkills","hasVersions","token","TOKEN","basic","args","FILE_ID_SKILLS","fileVersion","FILE_ID_DOC_VERSIONED","meta","title","component","parameters","msw","handlers","get","url","json","response"],"sources":["../../../../../src/elements/content-sidebar/stories/tests/ContentSidebar-e2e.stories.tsx"],"sourcesContent":["// @flow\nimport { http, HttpResponse } from 'msw';\nimport type { HttpHandler } from 'msw';\nimport type { Meta } from '@storybook/react';\nimport ContentSidebar from '../../ContentSidebar';\nimport { mockFileRequest } from '../__mocks__/ContentSidebarMocks';\nimport { testFileIds } from '../../../../../test/support/constants';\n\nconst defaultArgs = {\n    detailsSidebarProps: {\n        hasAccessStats: true,\n        hasClassification: true,\n        hasNotices: true,\n        hasProperties: true,\n        hasRetentionPolicy: true,\n    },\n    features: global.FEATURE_FLAGS,\n    fileId: global.FILE_ID,\n    hasActivityFeed: true,\n    hasMetadata: true,\n    hasSkills: true,\n    hasVersions: true,\n    token: global.TOKEN,\n};\n\nexport const basic = {\n    args: {\n        fileId: testFileIds.FILE_ID_SKILLS,\n    },\n};\n\nexport const fileVersion = {\n    args: {\n        fileId: testFileIds.FILE_ID_DOC_VERSIONED,\n    },\n};\n\nconst meta: Meta<typeof ContentSidebar> & { parameters: { msw: { handlers: HttpHandler[] } } } = {\n    title: 'Elements/ContentSidebar/tests/e2e',\n    component: ContentSidebar,\n    args: defaultArgs,\n    parameters: {\n        msw: {\n            handlers: [\n                http.get(mockFileRequest.url, () => {\n                    return HttpResponse.json(mockFileRequest.response);\n                }),\n            ],\n        },\n    },\n};\n\nexport default meta;\n"],"mappings":"AACA,SAASA,IAAI,EAAEC,YAAY,QAAQ,KAAK;AAGxC,OAAOC,cAAc,MAAM,sBAAsB;AACjD,SAASC,eAAe,QAAQ,kCAAkC;AAClE,SAASC,WAAW,QAAQ,uCAAuC;AAEnE,MAAMC,WAAW,GAAG;EAChBC,mBAAmB,EAAE;IACjBC,cAAc,EAAE,IAAI;IACpBC,iBAAiB,EAAE,IAAI;IACvBC,UAAU,EAAE,IAAI;IAChBC,aAAa,EAAE,IAAI;IACnBC,kBAAkB,EAAE;EACxB,CAAC;EACDC,QAAQ,EAAEC,MAAM,CAACC,aAAa;EAC9BC,MAAM,EAAEF,MAAM,CAACG,OAAO;EACtBC,eAAe,EAAE,IAAI;EACrBC,WAAW,EAAE,IAAI;EACjBC,SAAS,EAAE,IAAI;EACfC,WAAW,EAAE,IAAI;EACjBC,KAAK,EAAER,MAAM,CAACS;AAClB,CAAC;AAED,OAAO,MAAMC,KAAK,GAAG;EACjBC,IAAI,EAAE;IACFT,MAAM,EAAEX,WAAW,CAACqB;EACxB;AACJ,CAAC;AAED,OAAO,MAAMC,WAAW,GAAG;EACvBF,IAAI,EAAE;IACFT,MAAM,EAAEX,WAAW,CAACuB;EACxB;AACJ,CAAC;AAED,MAAMC,IAAwF,GAAG;EAC7FC,KAAK,EAAE,mCAAmC;EAC1CC,SAAS,EAAE5B,cAAc;EACzBsB,IAAI,EAAEnB,WAAW;EACjB0B,UAAU,EAAE;IACRC,GAAG,EAAE;MACDC,QAAQ,EAAE,CACNjC,IAAI,CAACkC,GAAG,CAAC/B,eAAe,CAACgC,GAAG,EAAE,MAAM;QAChC,OAAOlC,YAAY,CAACmC,IAAI,CAACjC,eAAe,CAACkC,QAAQ,CAAC;MACtD,CAAC,CAAC;IAEV;EACJ;AACJ,CAAC;AAED,eAAeT,IAAI","ignoreList":[]}

package/es/elements/content-sidebar/stories/tests/MetadataSidebarRedesign-visual.stories.js

@@ -726,7 +726,7 @@ export const EditSinglelevelTaxonomy = _objectSpread(_objectSpread({}, ViewSingl
     expect(greenOption).toHaveAttribute('aria-selected', 'false');
   }
 });
-export default {
+const meta = {
   title: 'Elements/ContentSidebar/MetadataSidebarRedesign/tests/visual-regression-tests',
   component: ContentSidebar,
   args: {
@@ -743,4 +743,5 @@ export default {
     }
   }
 };
+export default meta;
 //# sourceMappingURL=MetadataSidebarRedesign-visual.stories.js.map