cozy-viewer 25.0.1 → 26.0.1

package/CHANGELOG.md

@@ -3,6 +3,22 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [26.0.1](https://github.com/cozy/cozy-libs/compare/cozy-viewer@26.0.0...cozy-viewer@26.0.1) (2025-12-08)
+
+### Bug Fixes
+
+- Fix usage of twake-i18n :bug: ([5620f15](https://github.com/cozy/cozy-libs/commit/5620f156f1891a671393a41bf1d1f28c9ec06bda))
+
+# [26.0.0](https://github.com/cozy/cozy-libs/compare/cozy-viewer@25.0.1...cozy-viewer@26.0.0) (2025-12-08)
+
+### Features
+
+- Implement summarization by AI :sparkles: ([eeed0b4](https://github.com/cozy/cozy-libs/commit/eeed0b4b2bb36a9ec4bb318ea9f75ef93d414c96))
+
+### BREAKING CHANGES
+
+- You need to add react-router-dom >= 6.14.2 as dep in your app :heavy_plus_sign:
+
 ## [25.0.1](https://github.com/cozy/cozy-libs/compare/cozy-viewer@25.0.0...cozy-viewer@25.0.1) (2025-12-05)
 
 **Note:** Version bump only for package cozy-viewer

package/dist/Footer/FooterContent.d.ts

@@ -1,12 +1,14 @@
 export default FooterContent;
-declare function FooterContent({ toolbarRef, children }: {
+declare function FooterContent({ toolbarRef, children, isDisplayChildrenDirectly }: {
     toolbarRef: any;
     children: any;
+    isDisplayChildrenDirectly: any;
 }): JSX.Element;
 declare namespace FooterContent {
     namespace propTypes {
         let toolbarRef: PropTypes.Requireable<object>;
         let children: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
+        let isDisplayChildrenDirectly: PropTypes.Requireable<boolean>;
     }
 }
 import PropTypes from 'prop-types';

package/dist/Footer/FooterContent.js

@@ -47,7 +47,8 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
 
 var FooterContent = function FooterContent(_ref) {
   var toolbarRef = _ref.toolbarRef,
-      children = _ref.children;
+      children = _ref.children,
+      isDisplayChildrenDirectly = _ref.isDisplayChildrenDirectly;
   var styles = useStyles();
 
   var _useViewer = (0, _ViewerProvider.useViewer)(),
@@ -74,14 +75,15 @@ var FooterContent = function FooterContent(_ref) {
       disablePortal: true
     },
     settings: bottomSheetSettings
-  }, /*#__PURE__*/_react.default.createElement(_BottomSheet.BottomSheetHeader, {
+  }, isDisplayChildrenDirectly ? children : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_BottomSheet.BottomSheetHeader, {
     className: (0, _classnames.default)('u-ph-1 u-pb-1', styles.bottomSheetHeader)
-  }, FooterActionButtonsWithFile), /*#__PURE__*/_react.default.createElement(_BottomSheetContent.default, null));
+  }, FooterActionButtonsWithFile), /*#__PURE__*/_react.default.createElement(_BottomSheetContent.default, null)));
 };
 
 FooterContent.propTypes = {
   toolbarRef: _propTypes.default.object,
-  children: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.arrayOf(_propTypes.default.node)])
+  children: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.arrayOf(_propTypes.default.node)]),
+  isDisplayChildrenDirectly: _propTypes.default.bool
 };
 var _default = FooterContent;
 exports.default = _default;

package/dist/Panel/AI/AIAssistantPanel.d.ts

@@ -0,0 +1,17 @@
+export default AIAssistantPanel;
+declare function AIAssistantPanel(): JSX.Element;
+declare namespace AIAssistantPanel {
+    namespace propTypes {
+        let isLoading: PropTypes.Requireable<boolean>;
+        let summary: PropTypes.Requireable<string>;
+        let onStop: PropTypes.Requireable<(...args: any[]) => any>;
+        let onSend: PropTypes.Requireable<(...args: any[]) => any>;
+    }
+    namespace defaultProps {
+        let isLoading_1: boolean;
+        export { isLoading_1 as isLoading };
+        let summary_1: string;
+        export { summary_1 as summary };
+    }
+}
+import PropTypes from 'prop-types';

package/dist/Panel/AI/AIAssistantPanel.js

@@ -0,0 +1,339 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _reactRouterDom = require("react-router-dom");
+
+var _twakeI18n = require("twake-i18n");
+
+var _cozyClient = require("cozy-client");
+
+var _ai = require("cozy-client/dist/models/ai");
+
+var _file = require("cozy-client/dist/models/file");
+
+var _cozyLogger = _interopRequireDefault(require("cozy-logger"));
+
+var _Buttons = _interopRequireDefault(require("cozy-ui/transpiled/react/Buttons"));
+
+var _Icon = _interopRequireDefault(require("cozy-ui/transpiled/react/Icon"));
+
+var _IconButton = _interopRequireDefault(require("cozy-ui/transpiled/react/IconButton"));
+
+var _Assistant = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/Assistant"));
+
+var _Copy = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/Copy"));
+
+var _CrossMedium = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/CrossMedium"));
+
+var _Refresh = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/Refresh"));
+
+var _Paper = _interopRequireDefault(require("cozy-ui/transpiled/react/Paper"));
+
+var _Stack = _interopRequireDefault(require("cozy-ui/transpiled/react/Stack"));
+
+var _Typography = _interopRequireDefault(require("cozy-ui/transpiled/react/Typography"));
+
+var _Alert = require("cozy-ui/transpiled/react/providers/Alert");
+
+var _prompts = require("./prompts");
+
+var _helpers = require("../../helpers");
+
+var _ViewerProvider = require("../../providers/ViewerProvider");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var styles = {
+  "loaderContainer": "styles__loaderContainer___RuLAO",
+  "loaderBar": "styles__loaderBar___2_kw1",
+  "aiLoaderSlide": "styles__aiLoaderSlide___9K8aD"
+};
+
+var AIAssistantPanel = function AIAssistantPanel() {
+  var _useI18n = (0, _twakeI18n.useI18n)(),
+      t = _useI18n.t;
+
+  var client = (0, _cozyClient.useClient)();
+
+  var _useViewer = (0, _ViewerProvider.useViewer)(),
+      file = _useViewer.file,
+      setIsOpenAiAssistant = _useViewer.setIsOpenAiAssistant;
+
+  var _useAlert = (0, _Alert.useAlert)(),
+      showAlert = _useAlert.showAlert;
+
+  var _useState = (0, _react.useState)(true),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      isLoading = _useState2[0],
+      setIsLoading = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(''),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      summary = _useState4[0],
+      setSummary = _useState4[1];
+
+  var _useState5 = (0, _react.useState)(null),
+      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+      error = _useState6[0],
+      setError = _useState6[1];
+
+  var location = (0, _reactRouterDom.useLocation)();
+  var navigate = (0, _reactRouterDom.useNavigate)();
+
+  var handleClose = function handleClose() {
+    var _location$state;
+
+    setIsOpenAiAssistant(false);
+
+    if (location !== null && location !== void 0 && (_location$state = location.state) !== null && _location$state !== void 0 && _location$state.showAIAssistant) {
+      navigate('..');
+    }
+  };
+
+  var summarizeFile = /*#__PURE__*/function () {
+    var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(_ref) {
+      var client, file, _ref$stream, stream, model, fileBlob, textContent, summaryConfig, _error, messages, summaryResponse;
+
+      return _regenerator.default.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              client = _ref.client, file = _ref.file, _ref$stream = _ref.stream, stream = _ref$stream === void 0 ? false : _ref$stream, model = _ref.model;
+              _context.prev = 1;
+              _context.next = 4;
+              return (0, _file.fetchBlobFileById)(client, file === null || file === void 0 ? void 0 : file._id);
+
+            case 4:
+              fileBlob = _context.sent;
+              _context.next = 7;
+              return (0, _ai.extractText)(client, fileBlob, {
+                name: file.name,
+                mime: file.mime
+              });
+
+            case 7:
+              textContent = _context.sent;
+              summaryConfig = (0, _helpers.getSummaryConfig)();
+
+              if (!(summaryConfig !== null && summaryConfig !== void 0 && summaryConfig.maxTokens && (0, _helpers.roughTokensEstimation)(textContent) > summaryConfig.maxTokens)) {
+                _context.next = 13;
+                break;
+              }
+
+              _error = new Error('DOCUMENT_TOO_LARGE');
+              _error.code = 'DOCUMENT_TOO_LARGE';
+              throw _error;
+
+            case 13:
+              messages = [{
+                role: 'system',
+                content: _prompts.SUMMARY_SYSTEM_PROMPT
+              }, {
+                role: 'user',
+                content: (0, _prompts.getSummaryUserPrompt)(textContent)
+              }];
+              _context.next = 16;
+              return (0, _ai.chatCompletion)(client, messages, {
+                stream: stream,
+                model: model
+              });
+
+            case 16:
+              summaryResponse = _context.sent;
+              return _context.abrupt("return", summaryResponse);
+
+            case 20:
+              _context.prev = 20;
+              _context.t0 = _context["catch"](1);
+
+              _cozyLogger.default.error('Error when summarizing file:', _context.t0);
+
+              throw _context.t0;
+
+            case 24:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee, null, [[1, 20]]);
+    }));
+
+    return function summarizeFile(_x) {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+
+  var fetchSummary = (0, _react.useCallback)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2() {
+    var response, errorMessage;
+    return _regenerator.default.wrap(function _callee2$(_context2) {
+      while (1) {
+        switch (_context2.prev = _context2.next) {
+          case 0:
+            if (file) {
+              _context2.next = 2;
+              break;
+            }
+
+            return _context2.abrupt("return");
+
+          case 2:
+            setIsLoading(true);
+            setError(null);
+            _context2.prev = 4;
+            _context2.next = 7;
+            return summarizeFile({
+              client: client,
+              file: file,
+              stream: false
+            });
+
+          case 7:
+            response = _context2.sent;
+
+            if (response && response.content) {
+              setSummary(response.content);
+            } else if (response && response.choices && response.choices[0]) {
+              setSummary(response.choices[0].message.content);
+            }
+
+            _context2.next = 15;
+            break;
+
+          case 11:
+            _context2.prev = 11;
+            _context2.t0 = _context2["catch"](4);
+            errorMessage = _context2.t0.code === 'DOCUMENT_TOO_LARGE' ? t('Viewer.ai.error.documentTooLarge') : t('Viewer.ai.error.summary');
+            setError(errorMessage);
+
+          case 15:
+            _context2.prev = 15;
+            setIsLoading(false);
+            return _context2.finish(15);
+
+          case 18:
+          case "end":
+            return _context2.stop();
+        }
+      }
+    }, _callee2, null, [[4, 11, 15, 18]]);
+  })), [client, file, t]);
+
+  var handleRefresh = function handleRefresh() {
+    fetchSummary();
+  };
+
+  var handleCopy = function handleCopy() {
+    if (summary) {
+      navigator.clipboard.writeText(summary);
+      showAlert({
+        message: t('Viewer.ai.copied'),
+        severity: 'success'
+      });
+    }
+  };
+
+  (0, _react.useEffect)(function () {
+    fetchSummary();
+  }, [fetchSummary]);
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Stack.default, {
+    spacing: "s",
+    className: (0, _classnames.default)('u-flex u-flex-column u-h-100')
+  }, /*#__PURE__*/_react.default.createElement(_Paper.default, {
+    className: (0, _classnames.default)({
+      'u-flex-grow-1': !isLoading
+    }),
+    elevation: 2,
+    square: true
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "u-flex u-flex-items-center u-flex-justify-between u-h-3 u-ph-1 u-flex-shrink-0"
+  }, /*#__PURE__*/_react.default.createElement(_Typography.default, {
+    variant: "h4"
+  }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
+    icon: _Assistant.default
+  }), " ", t('Viewer.ai.panelTitle')), /*#__PURE__*/_react.default.createElement(_IconButton.default, {
+    "aria-label": "Close AI Assistant",
+    onClick: handleClose
+  }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
+    icon: _CrossMedium.default
+  }))), !isLoading && /*#__PURE__*/_react.default.createElement(_Stack.default, {
+    spacing: "s",
+    className: "u-ph-1"
+  }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
+    className: "u-flex u-flex-items-center u-flex-justify-between u-mb-1"
+  }, /*#__PURE__*/_react.default.createElement(_Typography.default, {
+    variant: "subtitle1"
+  }, t('Viewer.ai.bodyText')), /*#__PURE__*/_react.default.createElement("div", {
+    className: "u-flex"
+  }, /*#__PURE__*/_react.default.createElement(_IconButton.default, {
+    size: "small",
+    onClick: handleRefresh
+  }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
+    icon: _Refresh.default
+  })), summary && /*#__PURE__*/_react.default.createElement(_IconButton.default, {
+    size: "small",
+    onClick: handleCopy
+  }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
+    icon: _Copy.default
+  })))), /*#__PURE__*/_react.default.createElement(_Typography.default, {
+    className: "u-mb-1"
+  }, error ? /*#__PURE__*/_react.default.createElement("span", {
+    style: {
+      color: 'var(--errorColor)'
+    }
+  }, error) : summary), !isLoading && summary && /*#__PURE__*/_react.default.createElement(_Typography.default, {
+    variant: "caption",
+    color: "textSecondary"
+  }, t('Viewer.ai.footerText'))))), isLoading ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+    className: styles.loaderContainer
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: styles.loaderBar
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    className: "u-flex u-flex-items-center u-flex-justify-between u-ph-1"
+  }, /*#__PURE__*/_react.default.createElement(_Typography.default, {
+    variant: "body1",
+    className: "u-flex u-flex-items-center"
+  }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
+    icon: _Assistant.default,
+    color: "var(--primaryColor)",
+    className: "u-mr-1"
+  }), t('Viewer.ai.loadingText')), /*#__PURE__*/_react.default.createElement(_Buttons.default, {
+    size: "small",
+    variant: "text",
+    color: "default",
+    label: t('Viewer.ai.stop'),
+    onClick: handleClose
+  }))) : null));
+};
+
+AIAssistantPanel.propTypes = {
+  isLoading: _propTypes.default.bool,
+  summary: _propTypes.default.string,
+  onStop: _propTypes.default.func,
+  onSend: _propTypes.default.func
+};
+AIAssistantPanel.defaultProps = {
+  isLoading: false,
+  summary: ''
+};
+var _default = AIAssistantPanel;
+exports.default = _default;

package/dist/Panel/AI/prompts.d.ts

@@ -0,0 +1,6 @@
+/**
+ * AI prompts for document summarization
+ * These will be externalized in the future
+ */
+export const SUMMARY_SYSTEM_PROMPT: "You are a concise and reliable text summarizer.\n\nYour goal:\n- Produce a clear and accurate summary of the provided content\n- Keep the original meaning and key information only\n- Remove redundancy, examples, anecdotes, and minor details\n\nWriting rules:\n- Keep the same language as the provided input. For example, if it's french, keep french\n- Be concise and use simple phrasing\n- Do not add new information\n- Do not guess what is not explicitly stated\n\nOutput:\n- A single coherent paragraph unless otherwise specified\n- Do not add any extra information or interpret anything beyond the explicit task";
+export function getSummaryUserPrompt(textContent: string): string;

package/dist/Panel/AI/prompts.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getSummaryUserPrompt = exports.SUMMARY_SYSTEM_PROMPT = void 0;
+
+/**
+ * AI prompts for document summarization
+ * These will be externalized in the future
+ */
+var SUMMARY_SYSTEM_PROMPT = "You are a concise and reliable text summarizer.\n\nYour goal:\n- Produce a clear and accurate summary of the provided content\n- Keep the original meaning and key information only\n- Remove redundancy, examples, anecdotes, and minor details\n\nWriting rules:\n- Keep the same language as the provided input. For example, if it's french, keep french\n- Be concise and use simple phrasing\n- Do not add new information\n- Do not guess what is not explicitly stated\n\nOutput:\n- A single coherent paragraph unless otherwise specified\n- Do not add any extra information or interpret anything beyond the explicit task";
+/**
+ * Generate user prompt for document summarization
+ * @param {string} textContent - The text content to summarize
+ * @returns {string} The formatted user prompt
+ */
+
+exports.SUMMARY_SYSTEM_PROMPT = SUMMARY_SYSTEM_PROMPT;
+
+var getSummaryUserPrompt = function getSummaryUserPrompt(textContent) {
+  return "Summarize the following content:\n\n".concat(textContent);
+};
+
+exports.getSummaryUserPrompt = getSummaryUserPrompt;

package/dist/ViewerContainer.d.ts

@@ -1,24 +1,2 @@
-export default ViewerContainerWrapper;
-declare function ViewerContainerWrapper({ disableModal, ...props }: {
-    [x: string]: any;
-    disableModal: any;
-}): JSX.Element;
-declare namespace ViewerContainerWrapper {
-    namespace defaultProps {
-        namespace componentsProps {
-            namespace modalProps {
-                let open: boolean;
-                let fullScreen: boolean;
-                let fullWidth: boolean;
-            }
-        }
-    }
-    namespace propTypes {
-        export let disableModal: PropTypes.Requireable<boolean>;
-        let componentsProps_1: PropTypes.Requireable<PropTypes.InferProps<{
-            modalProps: PropTypes.Requireable<object>;
-        }>>;
-        export { componentsProps_1 as componentsProps };
-    }
-}
-import PropTypes from 'prop-types';
+declare const _default: any;
+export default _default;

package/dist/ViewerContainer.js

@@ -47,6 +47,8 @@ var _Viewer = _interopRequireDefault(require("./Viewer"));
 
 var _ViewerInformationsWrapper = _interopRequireDefault(require("./ViewerInformationsWrapper"));
 
+var _withViewerLocales = require("./hoc/withViewerLocales");
+
 var _locales = require("./locales");
 
 var _proptypes2 = require("./proptypes");
@@ -303,5 +305,7 @@ ViewerContainerWrapper.propTypes = {
     modalProps: _propTypes.default.object
   })
 };
-var _default = ViewerContainerWrapper;
+
+var _default = (0, _withViewerLocales.withViewerLocales)(ViewerContainerWrapper);
+
 exports.default = _default;

package/dist/ViewerInformationsWrapper.js

@@ -9,7 +9,9 @@ exports.default = void 0;
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
+
+var _reactRouterDom = require("react-router-dom");
 
 var _useSetFlagshipUI = require("cozy-ui/transpiled/react/hooks/useSetFlagshipUi/useSetFlagshipUI");
 
@@ -19,12 +21,20 @@ var _styles = require("cozy-ui/transpiled/react/styles");
 
 var _FooterContent = _interopRequireDefault(require("./Footer/FooterContent"));
 
+var _AIAssistantPanel = _interopRequireDefault(require("./Panel/AI/AIAssistantPanel"));
+
 var _PanelContent = _interopRequireDefault(require("./Panel/PanelContent"));
 
 var _Footer = _interopRequireDefault(require("./components/Footer"));
 
 var _InformationPanel = _interopRequireDefault(require("./components/InformationPanel"));
 
+var _ViewerProvider = require("./providers/ViewerProvider");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 var ViewerInformationsWrapper = function ViewerInformationsWrapper(_ref) {
   var disableFooter = _ref.disableFooter,
       validForPanel = _ref.validForPanel,
@@ -35,16 +45,31 @@ var ViewerInformationsWrapper = function ViewerInformationsWrapper(_ref) {
   var _useCozyTheme = (0, _CozyTheme.useCozyTheme)(),
       isLight = _useCozyTheme.isLight;
 
+  var _useViewer = (0, _ViewerProvider.useViewer)(),
+      isOpenAiAssistant = _useViewer.isOpenAiAssistant,
+      setIsOpenAiAssistant = _useViewer.setIsOpenAiAssistant;
+
   var sidebar = document.querySelector('[class*="sidebar"]');
+  var location = (0, _reactRouterDom.useLocation)();
+  (0, _react.useEffect)(function () {
+    var _location$state;
+
+    if (location !== null && location !== void 0 && (_location$state = location.state) !== null && _location$state !== void 0 && _location$state.showAIAssistant) {
+      setIsOpenAiAssistant(true);
+    }
+  }, [location, setIsOpenAiAssistant]);
   (0, _useSetFlagshipUI.useSetFlagshipUI)({
     bottomBackground: theme.palette.background.paper,
     bottomTheme: isLight ? 'dark' : 'light'
   }, {
     bottomBackground: theme.palette.background[sidebar ? 'default' : 'paper']
   });
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, !disableFooter && /*#__PURE__*/_react.default.createElement(_Footer.default, null, /*#__PURE__*/_react.default.createElement(_FooterContent.default, {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, isOpenAiAssistant ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, !disableFooter && /*#__PURE__*/_react.default.createElement(_Footer.default, null, /*#__PURE__*/_react.default.createElement(_FooterContent.default, {
+    toolbarRef: toolbarRef,
+    isDisplayChildrenDirectly: true
+  }, /*#__PURE__*/_react.default.createElement(_AIAssistantPanel.default, null))), validForPanel && /*#__PURE__*/_react.default.createElement(_InformationPanel.default, null, /*#__PURE__*/_react.default.createElement(_AIAssistantPanel.default, null))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, !disableFooter && /*#__PURE__*/_react.default.createElement(_Footer.default, null, /*#__PURE__*/_react.default.createElement(_FooterContent.default, {
     toolbarRef: toolbarRef
-  }, children)), validForPanel && /*#__PURE__*/_react.default.createElement(_InformationPanel.default, null, /*#__PURE__*/_react.default.createElement(_PanelContent.default, null)));
+  }, children)), validForPanel && /*#__PURE__*/_react.default.createElement(_InformationPanel.default, null, /*#__PURE__*/_react.default.createElement(_PanelContent.default, null))));
 };
 
 ViewerInformationsWrapper.propTypes = {

package/dist/ViewersByFile/PdfJsViewer.d.ts

@@ -3,6 +3,7 @@ export const MAX_SCALE: 3;
 export const MAX_PAGES: 40;
 export const MAX_SIZE_FILE: 10485760;
 export class PdfJsViewer extends React.Component<any, any, any> {
+    static contextType: React.Context<any>;
     constructor();
     state: {
         totalPages: number;

package/dist/ViewersByFile/PdfJsViewer.js

@@ -45,6 +45,8 @@ var _withFileUrl = _interopRequireDefault(require("../hoc/withFileUrl"));
 
 var _withViewerLocales = require("../hoc/withViewerLocales");
 
+var _ViewerProvider = require("../providers/ViewerProvider");
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -151,7 +153,12 @@ var PdfJsViewer = /*#__PURE__*/function (_Component) {
         totalPages: numPages,
         renderAllPages: numPages <= MAX_PAGES && parseInt(_this.props.file.size, 10) <= MAX_SIZE_FILE,
         loaded: true
-      });
+      }); // Update page count in ViewerContext for AI summary compatibility check
+
+
+      if (_this.context && _this.context.setPdfPageCount) {
+        _this.context.setPdfPageCount(numPages);
+      }
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onLoadError", function (error) {
       // eslint-disable-next-line no-console
@@ -378,6 +385,7 @@ var PdfJsViewer = /*#__PURE__*/function (_Component) {
 }(_react.Component);
 
 exports.PdfJsViewer = PdfJsViewer;
+(0, _defineProperty2.default)(PdfJsViewer, "contextType", _ViewerProvider.ViewerContext);
 PdfJsViewer.propTypes = {
   url: _propTypes.default.string.isRequired,
   gestures: _propTypes.default.object,

package/dist/components/Footer.js

@@ -21,7 +21,8 @@ var styles = {
   "--expanded": "styles__--expanded___1sp4Q",
   "viewer-toolbar": "styles__viewer-toolbar___1GLOA",
   "viewer-toolbar--hidden": "styles__viewer-toolbar--hidden___Zq97m",
-  "viewer-footer": "styles__viewer-footer___iGv8J"
+  "viewer-footer": "styles__viewer-footer___iGv8J",
+  "viewer-ai-summarise-btn": "styles__viewer-ai-summarise-btn___2YOrl"
 };
 
 var Footer = function Footer(_ref) {

package/dist/components/Navigation.js

@@ -29,7 +29,8 @@ var styles = {
   "--expanded": "styles__--expanded___1sp4Q",
   "viewer-toolbar": "styles__viewer-toolbar___1GLOA",
   "viewer-toolbar--hidden": "styles__viewer-toolbar--hidden___Zq97m",
-  "viewer-footer": "styles__viewer-footer___iGv8J"
+  "viewer-footer": "styles__viewer-footer___iGv8J",
+  "viewer-ai-summarise-btn": "styles__viewer-ai-summarise-btn___2YOrl"
 };
 
 var Navigation = function Navigation(_ref) {