cozy-viewer 26.0.3 → 26.1.1

package/CHANGELOG.md

@@ -3,6 +3,16 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [26.1.1](https://github.com/cozy/cozy-libs/compare/cozy-viewer@26.1.0...cozy-viewer@26.1.1) (2025-12-11)
+
+**Note:** Version bump only for package cozy-viewer
+
+# [26.1.0](https://github.com/cozy/cozy-libs/compare/cozy-viewer@26.0.3...cozy-viewer@26.1.0) (2025-12-11)
+
+### Features
+
+- Update components use in summarization to use in app :sparkles: ([bcc5447](https://github.com/cozy/cozy-libs/commit/bcc54474b11ed9753fff7c67fa91483588e10e2c))
+
 ## [26.0.3](https://github.com/cozy/cozy-libs/compare/cozy-viewer@26.0.2...cozy-viewer@26.0.3) (2025-12-10)
 
 ### Bug Fixes

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

@@ -1,5 +1,7 @@
 export default AIAssistantPanel;
-declare function AIAssistantPanel(): JSX.Element;
+declare function AIAssistantPanel({ className }: {
+    className: any;
+}): JSX.Element;
 declare namespace AIAssistantPanel {
     namespace propTypes {
         let isLoading: PropTypes.Requireable<boolean>;

package/dist/Panel/AI/AIAssistantPanel.js

@@ -69,7 +69,9 @@ var styles = {
   "aiLoaderSlide": "styles__aiLoaderSlide___9K8aD"
 };
 
-var AIAssistantPanel = function AIAssistantPanel() {
+var AIAssistantPanel = function AIAssistantPanel(_ref) {
+  var className = _ref.className;
+
   var _useI18n = (0, _twakeI18n.useI18n)(),
       t = _useI18n.t;
 
@@ -111,14 +113,14 @@ var AIAssistantPanel = function AIAssistantPanel() {
   };
 
   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;
+    var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(_ref2) {
+      var client, file, _ref2$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;
+              client = _ref2.client, file = _ref2.file, _ref2$stream = _ref2.stream, stream = _ref2$stream === void 0 ? false : _ref2$stream, model = _ref2.model;
               _context.prev = 1;
               _context.next = 4;
               return (0, _file.fetchBlobFileById)(client, file === null || file === void 0 ? void 0 : file._id);
@@ -179,7 +181,7 @@ var AIAssistantPanel = function AIAssistantPanel() {
     }));
 
     return function summarizeFile(_x) {
-      return _ref2.apply(this, arguments);
+      return _ref3.apply(this, arguments);
     };
   }();
 
@@ -257,7 +259,7 @@ var AIAssistantPanel = function AIAssistantPanel() {
   }, [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')
+    className: (0, _classnames.default)('u-flex u-flex-column u-h-100', className)
   }, /*#__PURE__*/_react.default.createElement(_Paper.default, {
     className: (0, _classnames.default)({
       'u-flex-grow-1': !isLoading

package/dist/components/SummarizeByAIButton.d.ts

@@ -0,0 +1,11 @@
+export default SummarizeByAIButton;
+declare function SummarizeByAIButton({ onPaywallRedirect, className }: {
+    onPaywallRedirect: any;
+    className: any;
+}): JSX.Element;
+declare namespace SummarizeByAIButton {
+    namespace propTypes {
+        let onPaywallRedirect: PropTypes.Requireable<(...args: any[]) => any>;
+    }
+}
+import PropTypes from 'prop-types';

package/dist/components/SummarizeByAIButton.js

@@ -0,0 +1,88 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _twakeI18n = require("twake-i18n");
+
+var _cozyFlags = _interopRequireDefault(require("cozy-flags"));
+
+var _Buttons = _interopRequireDefault(require("cozy-ui/transpiled/react/Buttons"));
+
+var _Icon = _interopRequireDefault(require("cozy-ui/transpiled/react/Icon"));
+
+var _Text = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/Text"));
+
+var _helpers = require("../helpers");
+
+var _ViewerProvider = require("../providers/ViewerProvider");
+
+var styles = {
+  "viewer-nav": "styles__viewer-nav___3V03k",
+  "viewer-nav--visible": "styles__viewer-nav--visible___4GLTe",
+  "viewer-nav--previous": "styles__viewer-nav--previous___2LsMS",
+  "viewer-nav-arrow": "styles__viewer-nav-arrow___Z0ykc",
+  "viewer-nav--next": "styles__viewer-nav--next___3mBHi",
+  "viewer-controls": "styles__viewer-controls___2lf-z",
+  "--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-ai-summarise-btn": "styles__viewer-ai-summarise-btn___2YOrl"
+};
+
+var SummarizeByAIButton = function SummarizeByAIButton(_ref) {
+  var onPaywallRedirect = _ref.onPaywallRedirect,
+      className = _ref.className;
+
+  var _useI18n = (0, _twakeI18n.useI18n)(),
+      t = _useI18n.t;
+
+  var _useViewer = (0, _ViewerProvider.useViewer)(),
+      setIsOpenAiAssistant = _useViewer.setIsOpenAiAssistant,
+      file = _useViewer.file,
+      pdfPageCount = _useViewer.pdfPageCount;
+
+  var isAiEnabled = (0, _cozyFlags.default)('ai.enabled');
+  var isAiAvailable = (0, _cozyFlags.default)('ai.available');
+  var isSummaryCompatible = (0, _helpers.isFileSummaryCompatible)(file, {
+    pageCount: pdfPageCount
+  });
+  var showSummariseButton = isAiAvailable && isSummaryCompatible;
+
+  var handleSummariseClick = function handleSummariseClick() {
+    if (!isAiEnabled && onPaywallRedirect) {
+      onPaywallRedirect();
+    } else {
+      setIsOpenAiAssistant(true);
+    }
+  };
+
+  return showSummariseButton ? /*#__PURE__*/_react.default.createElement(_Buttons.default, {
+    variant: "text",
+    startIcon: /*#__PURE__*/_react.default.createElement(_Icon.default, {
+      icon: _Text.default,
+      className: (0, _classnames.default)(styles['viewer-ai-summarise-btn'])
+    }),
+    "aria-label": t('Viewer.summariseWithAi'),
+    label: t('Viewer.summariseWithAi'),
+    onClick: handleSummariseClick,
+    className: (0, _classnames.default)(styles['viewer-ai-summarise-btn'], className)
+  }) : null;
+};
+
+SummarizeByAIButton.propTypes = {
+  onPaywallRedirect: _propTypes.default.func
+};
+var _default = SummarizeByAIButton;
+exports.default = _default;

package/dist/components/Toolbar.js

@@ -21,8 +21,6 @@ var _cozyClient = require("cozy-client");
 
 var _file = require("cozy-client/dist/models/file");
 
-var _cozyFlags = _interopRequireDefault(require("cozy-flags"));
-
 var _cozyIntent = require("cozy-intent");
 
 var _cozySharing = require("cozy-sharing");
@@ -39,8 +37,6 @@ var _Download = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/D
 
 var _Previous = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/Previous"));
 
-var _Text = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/Text"));
-
 var _MidEllipsis = _interopRequireDefault(require("cozy-ui/transpiled/react/MidEllipsis"));
 
 var _Typography = _interopRequireDefault(require("cozy-ui/transpiled/react/Typography"));
@@ -49,12 +45,12 @@ var _withBreakpoints = _interopRequireDefault(require("cozy-ui/transpiled/react/
 
 var _Encrypted = require("cozy-ui/transpiled/react/providers/Encrypted");
 
+var _SummarizeByAIButton = _interopRequireDefault(require("./SummarizeByAIButton"));
+
 var _ToolbarFilePath = require("./ToolbarFilePath");
 
 var _helpers = require("../Footer/helpers");
 
-var _helpers2 = require("../helpers");
-
 var _ShareModalProvider = require("../providers/ShareModalProvider");
 
 var _ViewerProvider = require("../providers/ViewerProvider");
@@ -91,9 +87,7 @@ var Toolbar = function Toolbar(_ref) {
   var webviewIntent = (0, _cozyIntent.useWebviewIntent)();
 
   var _useViewer = (0, _ViewerProvider.useViewer)(),
-      file = _useViewer.file,
-      setIsOpenAiAssistant = _useViewer.setIsOpenAiAssistant,
-      pdfPageCount = _useViewer.pdfPageCount;
+      file = _useViewer.file;
 
   var _useSharingInfos = (0, _cozySharing.useSharingInfos)(),
       isSharingShortcutCreated = _useSharingInfos.isSharingShortcutCreated,
@@ -116,21 +110,6 @@ var Toolbar = function Toolbar(_ref) {
     file: file,
     name: 'ToolbarButtons'
   });
-  var isAiAvailable = (0, _cozyFlags.default)('ai.available');
-  var isAiEnabled = (0, _cozyFlags.default)('ai.enabled');
-  var isSummaryCompatible = (0, _helpers2.isFileSummaryCompatible)(file, {
-    pageCount: pdfPageCount
-  });
-  var showSummariseButton = isAiAvailable && isSummaryCompatible;
-
-  var handleSummariseClick = function handleSummariseClick() {
-    if (!isAiEnabled && onPaywallRedirect) {
-      onPaywallRedirect();
-    } else {
-      setIsOpenAiAssistant(true);
-    }
-  };
-
   return /*#__PURE__*/_react.default.createElement("div", {
     ref: toolbarRef,
     "data-testid": "viewer-toolbar",
@@ -169,16 +148,8 @@ var Toolbar = function Toolbar(_ref) {
     className: "u-white",
     color: "default",
     isShortLabel: true
-  }), showSummariseButton && /*#__PURE__*/_react.default.createElement(_Buttons.default, {
-    variant: "text",
-    startIcon: /*#__PURE__*/_react.default.createElement(_Icon.default, {
-      icon: _Text.default,
-      className: (0, _classnames.default)(styles['viewer-ai-summarise-btn'])
-    }),
-    "aria-label": t('Viewer.summariseWithAi'),
-    label: t('Viewer.summariseWithAi'),
-    onClick: handleSummariseClick,
-    className: (0, _classnames.default)(styles['viewer-ai-summarise-btn'])
+  }), /*#__PURE__*/_react.default.createElement(_SummarizeByAIButton.default, {
+    onPaywallRedirect: onPaywallRedirect
   }), /*#__PURE__*/_react.default.createElement(_Buttons.default, {
     className: "u-white",
     variant: "text",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cozy-viewer",
-  "version": "26.0.3",
+  "version": "26.1.1",
   "description": "Cozy-Viewer provides a component to show files in a viewer.",
   "main": "dist/index.js",
   "license": "MIT",
@@ -31,10 +31,10 @@
     "babel-preset-cozy-app": "^2.8.2",
     "cozy-client": "^60.20.0",
     "cozy-device-helper": "2.0.0",
-    "cozy-harvest-lib": "^36.0.5",
+    "cozy-harvest-lib": "^36.0.7",
     "cozy-intent": "^2.30.1",
     "cozy-logger": "^1.17.0",
-    "cozy-sharing": "^28.0.3",
+    "cozy-sharing": "^28.1.0",
     "cozy-ui": "^135.0.0",
     "cozy-ui-plus": "^4.1.0",
     "identity-obj-proxy": "3.0.0",
@@ -70,5 +70,5 @@
     "react-router-dom": ">=6.14.2",
     "twake-i18n": ">=0.3.0"
   },
-  "gitHead": "463474b57578fbca2e4fa04165e94abb82627d03"
+  "gitHead": "5a6cae822a71ed09c62b53de7329df0aa4e5a01e"
 }

package/src/Panel/AI/AIAssistantPanel.jsx

@@ -25,7 +25,7 @@ import styles from './styles.styl'
 import { getSummaryConfig, roughTokensEstimation } from '../../helpers'
 import { useViewer } from '../../providers/ViewerProvider'
 
-const AIAssistantPanel = () => {
+const AIAssistantPanel = ({ className }) => {
   const { t } = useI18n()
   const client = useClient()
   const { file, setIsOpenAiAssistant } = useViewer()
@@ -124,7 +124,10 @@ const AIAssistantPanel = () => {
 
   return (
     <>
-      <Stack spacing="s" className={cx('u-flex u-flex-column u-h-100')}>
+      <Stack
+        spacing="s"
+        className={cx('u-flex u-flex-column u-h-100', className)}
+      >
         <Paper
           className={cx({
             'u-flex-grow-1': !isLoading

package/src/components/SummarizeByAIButton.jsx

@@ -0,0 +1,55 @@
+import cx from 'classnames'
+import PropTypes from 'prop-types'
+import React from 'react'
+import { useI18n } from 'twake-i18n'
+
+import flag from 'cozy-flags'
+import Button from 'cozy-ui/transpiled/react/Buttons'
+import Icon from 'cozy-ui/transpiled/react/Icon'
+import TextIcon from 'cozy-ui/transpiled/react/Icons/Text'
+
+import styles from './styles.styl'
+import { isFileSummaryCompatible } from '../helpers'
+import { useViewer } from '../providers/ViewerProvider'
+
+const SummarizeByAIButton = ({ onPaywallRedirect, className }) => {
+  const { t } = useI18n()
+  const { setIsOpenAiAssistant, file, pdfPageCount } = useViewer()
+
+  const isAiEnabled = flag('ai.enabled')
+  const isAiAvailable = flag('ai.available')
+  const isSummaryCompatible = isFileSummaryCompatible(file, {
+    pageCount: pdfPageCount
+  })
+  const showSummariseButton = isAiAvailable && isSummaryCompatible
+
+  const handleSummariseClick = () => {
+    if (!isAiEnabled && onPaywallRedirect) {
+      onPaywallRedirect()
+    } else {
+      setIsOpenAiAssistant(true)
+    }
+  }
+
+  return showSummariseButton ? (
+    <Button
+      variant="text"
+      startIcon={
+        <Icon
+          icon={TextIcon}
+          className={cx(styles['viewer-ai-summarise-btn'])}
+        />
+      }
+      aria-label={t('Viewer.summariseWithAi')}
+      label={t('Viewer.summariseWithAi')}
+      onClick={handleSummariseClick}
+      className={cx(styles['viewer-ai-summarise-btn'], className)}
+    />
+  ) : null
+}
+
+SummarizeByAIButton.propTypes = {
+  onPaywallRedirect: PropTypes.func
+}
+
+export default SummarizeByAIButton

package/src/components/Toolbar.jsx

@@ -5,7 +5,6 @@ import { useI18n } from 'twake-i18n'
 
 import { useClient } from 'cozy-client'
 import { downloadFile } from 'cozy-client/dist/models/file'
-import flag from 'cozy-flags'
 import { useWebviewIntent } from 'cozy-intent'
 import {
   OpenSharingLinkButton,
@@ -19,16 +18,15 @@ import Icon from 'cozy-ui/transpiled/react/Icon'
 import IconButton from 'cozy-ui/transpiled/react/IconButton'
 import DownloadIcon from 'cozy-ui/transpiled/react/Icons/Download'
 import PreviousIcon from 'cozy-ui/transpiled/react/Icons/Previous'
-import TextIcon from 'cozy-ui/transpiled/react/Icons/Text'
 import MidEllipsis from 'cozy-ui/transpiled/react/MidEllipsis'
 import Typography from 'cozy-ui/transpiled/react/Typography'
 import withBreakpoints from 'cozy-ui/transpiled/react/helpers/withBreakpoints'
 import { useEncrypted } from 'cozy-ui/transpiled/react/providers/Encrypted'
 
+import SummarizeByAIButton from './SummarizeByAIButton'
 import { ToolbarFilePath } from './ToolbarFilePath'
 import styles from './styles.styl'
 import { extractChildrenCompByName } from '../Footer/helpers'
-import { isFileSummaryCompatible } from '../helpers'
 import { useShareModal } from '../providers/ShareModalProvider'
 import { useViewer } from '../providers/ViewerProvider'
 
@@ -46,7 +44,7 @@ const Toolbar = ({
   const client = useClient()
   const { t } = useI18n()
   const webviewIntent = useWebviewIntent()
-  const { file, setIsOpenAiAssistant, pdfPageCount } = useViewer()
+  const { file } = useViewer()
   const { isSharingShortcutCreated, addSharingLink, loading } =
     useSharingInfos()
   const { isOwner } = useSharingContext()
@@ -61,21 +59,6 @@ const Toolbar = ({
     name: 'ToolbarButtons'
   })
 
-  const isAiAvailable = flag('ai.available')
-  const isAiEnabled = flag('ai.enabled')
-  const isSummaryCompatible = isFileSummaryCompatible(file, {
-    pageCount: pdfPageCount
-  })
-  const showSummariseButton = isAiAvailable && isSummaryCompatible
-
-  const handleSummariseClick = () => {
-    if (!isAiEnabled && onPaywallRedirect) {
-      onPaywallRedirect()
-    } else {
-      setIsOpenAiAssistant(true)
-    }
-  }
-
   return (
     <div
       ref={toolbarRef}
@@ -123,21 +106,7 @@ const Toolbar = ({
               isShortLabel
             />
           )}
-          {showSummariseButton && (
-            <Button
-              variant="text"
-              startIcon={
-                <Icon
-                  icon={TextIcon}
-                  className={cx(styles['viewer-ai-summarise-btn'])}
-                />
-              }
-              aria-label={t('Viewer.summariseWithAi')}
-              label={t('Viewer.summariseWithAi')}
-              onClick={handleSummariseClick}
-              className={cx(styles['viewer-ai-summarise-btn'])}
-            />
-          )}
+          <SummarizeByAIButton onPaywallRedirect={onPaywallRedirect} />
           <Button
             className="u-white"
             variant="text"