cozy-ui 102.1.1 → 102.2.1

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+## [102.2.1](https://github.com/cozy/cozy-ui/compare/v102.2.0...v102.2.1) (2024-01-31)
+
+
+### Bug Fixes
+
+* Use navigator.clipboard instead of copy-text-to-clipboard ([ae42cb9](https://github.com/cozy/cozy-ui/commit/ae42cb9))
+
+# [102.2.0](https://github.com/cozy/cozy-ui/compare/v102.1.1...v102.2.0) (2024-01-29)
+
+
+### Features
+
+* **Viewer:** Add isPublic prop for manage panel blocks displayed ([7f8668a](https://github.com/cozy/cozy-ui/commit/7f8668a))
+
 ## [102.1.1](https://github.com/cozy/cozy-ui/compare/v102.1.0...v102.1.1) (2024-01-29)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cozy-ui",
-  "version": "102.1.1",
+  "version": "102.2.1",
   "description": "Cozy apps UI SDK",
   "main": "./index.js",
   "bin": {
@@ -161,7 +161,6 @@
     "bundlemon": "^1.3.2",
     "chart.js": "3.7.1",
     "classnames": "^2.2.5",
-    "copy-text-to-clipboard": "3.2.0",
     "cozy-interapp": "^0.5.4",
     "date-fns": "^1.28.5",
     "filesize": "8.0.7",

package/react/ListItem/ExpandedAttributes/helpers.js

@@ -1,5 +1,4 @@
 import get from 'lodash/get'
-import copy from 'copy-text-to-clipboard'
 
 import { formatDate } from '../../Viewer/helpers'
 
@@ -68,15 +67,15 @@ export const makeDefaultExpandedAttributes = (doc, expandedAttributes) => {
     .filter(x => x)
 }
 
-export const copyToClipboard = ({ value, setAlertProps, t }) => () => {
-  const hasCopied = copy(value)
-  if (hasCopied) {
+export const copyToClipboard = ({ value, setAlertProps, t }) => async () => {
+  try {
+    await navigator.clipboard.writeText(value)
     setAlertProps({
       open: true,
       severity: 'success',
       message: t(`ListItem.snackbar.copyToClipboard.success`)
     })
-  } else {
+  } catch (error) {
     setAlertProps({
       open: true,
       severity: 'error',

package/react/ListItem/ExpandedAttributes/helpers.spec.js

@@ -7,8 +7,6 @@ import {
 import { I18nContext } from '../../jestLib/I18n'
 import en from '../locales/en'
 
-jest.mock('copy-text-to-clipboard', () => ({ copy: jest.fn() }))
-
 const i18nContext = I18nContext({
   locale: en
 })

package/react/Viewer/Footer/BottomSheetContent.jsx

@@ -3,10 +3,13 @@ import PropTypes from 'prop-types'
 
 import { BottomSheetItem } from '../../BottomSheet'
 
-import getPanelBlocks, { panelBlocksSpecs } from '../Panel/getPanelBlocks'
+import getPanelBlocks, { getPanelBlocksSpecs } from '../Panel/getPanelBlocks'
 
-const BottomSheetContent = ({ file }) => {
-  const panelBlocks = getPanelBlocks({ panelBlocksSpecs, file })
+const BottomSheetContent = ({ file, isPublic }) => {
+  const panelBlocks = getPanelBlocks({
+    panelBlocksSpecs: getPanelBlocksSpecs(isPublic),
+    file
+  })
 
   return panelBlocks.map((PanelBlock, index) => (
     <BottomSheetItem
@@ -21,7 +24,7 @@ const BottomSheetContent = ({ file }) => {
 
 BottomSheetContent.propTypes = {
   file: PropTypes.object.isRequired,
-  contactsFullname: PropTypes.string
+  isPublic: PropTypes.bool
 }
 
 export default BottomSheetContent

package/react/Viewer/Footer/FooterContent.jsx

@@ -23,7 +23,7 @@ const useStyles = makeStyles(theme => ({
   }
 }))
 
-const FooterContent = ({ file, toolbarRef, children }) => {
+const FooterContent = ({ file, toolbarRef, children, isPublic }) => {
   const styles = useStyles()
 
   const toolbarProps = useMemo(() => ({ ref: toolbarRef }), [toolbarRef])
@@ -54,7 +54,7 @@ const FooterContent = ({ file, toolbarRef, children }) => {
         >
           {FooterActionButtonsWithFile}
         </BottomSheetHeader>
-        <BottomSheetContent file={file} />
+        <BottomSheetContent file={file} isPublic={isPublic} />
       </BottomSheet>
     )
   }
@@ -68,6 +68,7 @@ const FooterContent = ({ file, toolbarRef, children }) => {
 FooterContent.propTypes = {
   file: PropTypes.object.isRequired,
   toolbarRef: PropTypes.object,
+  isPublic: PropTypes.bool,
   children: PropTypes.oneOfType([
     PropTypes.node,
     PropTypes.arrayOf(PropTypes.node)

package/react/Viewer/Panel/ActionMenuWrapper.jsx

@@ -1,6 +1,5 @@
 import React, { forwardRef } from 'react'
 import PropTypes from 'prop-types'
-import copy from 'copy-text-to-clipboard'
 
 import { useAppLinkWithStoreFallback, useClient } from 'cozy-client'
 
@@ -40,14 +39,14 @@ const ActionMenuWrapper = forwardRef(({ onClose, file, optionFile }, ref) => {
   )
   const isAppLinkLoaded = fetchStatus === 'loaded'
 
-  const handleCopy = () => {
-    const hasCopied = copy(value)
-    if (hasCopied) {
+  const handleCopy = async () => {
+    try {
+      await navigator.clipboard.writeText(value)
       showViewerSnackbar(
         'success',
         t(`Viewer.snackbar.copiedToClipboard.success`)
       )
-    } else {
+    } catch (error) {
       showViewerSnackbar('error', t(`Viewer.snackbar.copiedToClipboard.error`))
     }
     onClose()

package/react/Viewer/Panel/PanelContent.jsx

@@ -7,10 +7,13 @@ import Paper from '../../Paper'
 import Typography from '../../Typography'
 import { withViewerLocales } from '../hoc/withViewerLocales'
 
-import getPanelBlocks, { panelBlocksSpecs } from './getPanelBlocks'
+import getPanelBlocks, { getPanelBlocksSpecs } from './getPanelBlocks'
 
-const PanelContent = ({ file, t }) => {
-  const panelBlocks = getPanelBlocks({ panelBlocksSpecs, file })
+const PanelContent = ({ file, isPublic, t }) => {
+  const panelBlocks = getPanelBlocks({
+    panelBlocksSpecs: getPanelBlocksSpecs(isPublic),
+    file
+  })
 
   return (
     <Stack spacing="s" className={cx('u-flex u-flex-column u-h-100')}>
@@ -40,7 +43,8 @@ const PanelContent = ({ file, t }) => {
 }
 
 PanelContent.propTypes = {
-  file: PropTypes.object.isRequired
+  file: PropTypes.object.isRequired,
+  isPublic: PropTypes.bool
 }
 
 export default withViewerLocales(PanelContent)

package/react/Viewer/Panel/getPanelBlocks.jsx

@@ -6,21 +6,43 @@ import Qualification from './Qualification'
 
 const { isFromKonnector, hasQualifications, hasCertifications } = models.file
 
-export const panelBlocksSpecs = {
+/**
+ * @typedef {Object} PanelBlockSpec
+ * @property {Function} condition - Function that returns true if the block should be displayed
+ * @property {React.Component} component - Component to display
+ */
+
+/**
+ * @typedef {Object.<string, PanelBlockSpec>} PanelBlocksSpecs
+ */
+
+/**
+ * Returns the specs of the blocks to display in the panel
+ * @param {boolean} isPublic - Whether the panel is displayed in public view
+ * @returns {PanelBlocksSpecs}
+ */
+export const getPanelBlocksSpecs = (isPublic = false) => ({
   qualifications: {
     condition: hasQualifications,
     component: Qualification
   },
   konnector: {
-    condition: isFromKonnector,
+    condition: () => isFromKonnector && !isPublic,
     component: KonnectorBlock
   },
   certifications: {
     condition: hasCertifications,
     component: Certifications
   }
-}
+})
 
+/**
+ * Returns the blocks to display in the panel
+ * @param {Object} options
+ * @param {PanelBlocksSpecs} options.panelBlocksSpecs - Specs of the blocks to display in the panel
+ * @param {import('cozy-client/types/types').FileDocument} options.file - File object
+ * @returns {Array.<React.Component>}
+ */
 const getPanelBlocks = ({ panelBlocksSpecs, file }) => {
   const panelBlocks = []
 

package/react/Viewer/Panel/getPanelBlocks.spec.jsx

@@ -1,11 +1,9 @@
-import getPanelBlocks from './getPanelBlocks'
+import getPanelBlocks, { getPanelBlocksSpecs } from './getPanelBlocks'
 
 jest.mock('cozy-harvest-lib/dist/components/KonnectorBlock', () => jest.fn())
 const block1Component = jest.fn()
 const block2Component = jest.fn()
 
-jest.mock('copy-text-to-clipboard', () => ({ copy: jest.fn() }))
-
 describe('getPanelBlocks', () => {
   it('should return only blocks with truthy condition', () => {
     // with two truthy component
@@ -60,3 +58,22 @@ describe('getPanelBlocks', () => {
     expect(getPanelBlocks({ panelBlocksSpecs: {} })).toMatchObject([])
   })
 })
+
+describe('getPanelBlocksSpecs', () => {
+  it('should return the specs of the blocks to display in the panel', () => {
+    expect(getPanelBlocksSpecs()).toEqual({
+      qualifications: {
+        condition: expect.any(Function),
+        component: expect.anything()
+      },
+      konnector: {
+        condition: expect.any(Function),
+        component: expect.anything()
+      },
+      certifications: {
+        condition: expect.any(Function),
+        component: expect.anything()
+      }
+    })
+  })
+})

package/react/Viewer/ViewerContainer.jsx

@@ -26,6 +26,7 @@ const ViewerContainer = props => {
     editPathByModelProps,
     children,
     componentsProps,
+    isPublic,
     ...rest
   } = props
   const { currentIndex, files, currentURL } = props
@@ -66,6 +67,7 @@ const ViewerContainer = props => {
             />
           </EncryptedProvider>
           <ViewerInformationsWrapper
+            isPublic={isPublic}
             disableFooter={disableFooter}
             validForPanel={validForPanel}
             currentFile={currentFile}
@@ -107,6 +109,8 @@ ViewerContainer.propTypes = {
   disablePanel: PropTypes.bool,
   /** Show/Hide the panel containing more information about the file only on Phone & Tablet devices */
   disableFooter: PropTypes.bool,
+  /** If the Viewer is in public view */
+  isPublic: PropTypes.bool,
   /* Props passed to components with the same name */
   componentsProps: PropTypes.shape({
     /** Used to open an Only Office file */

package/react/Viewer/ViewerInformationsWrapper.jsx

@@ -15,6 +15,7 @@ const ViewerInformationsWrapper = ({
   disableFooter,
   validForPanel,
   toolbarRef,
+  isPublic,
   children
 }) => {
   const theme = useTheme()
@@ -34,14 +35,18 @@ const ViewerInformationsWrapper = ({
     <>
       {!disableFooter && (
         <Footer>
-          <FooterContent file={currentFile} toolbarRef={toolbarRef}>
+          <FooterContent
+            file={currentFile}
+            toolbarRef={toolbarRef}
+            isPublic={isPublic}
+          >
             {children}
           </FooterContent>
         </Footer>
       )}
       {validForPanel && (
         <InformationPanel>
-          <PanelContent file={currentFile} />
+          <PanelContent file={currentFile} isPublic={isPublic} />
         </InformationPanel>
       )}
     </>
@@ -53,6 +58,7 @@ ViewerInformationsWrapper.propTypes = {
   disableFooter: PropTypes.bool,
   validForPanel: PropTypes.bool,
   toolbarRef: PropTypes.object,
+  isPublic: PropTypes.bool,
   children: PropTypes.oneOfType([
     PropTypes.node,
     PropTypes.arrayOf(PropTypes.node)

package/transpiled/react/ListItem/ExpandedAttributes/helpers.js

@@ -1,5 +1,6 @@
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
 import get from 'lodash/get';
-import copy from 'copy-text-to-clipboard';
 import { formatDate } from "cozy-ui/transpiled/react/Viewer/helpers";
 export var normalizeExpandedAttribute = function normalizeExpandedAttribute(attr) {
   return attr.replaceAll(':', '.').replace('flexsearchProps.', '').replace('translated.', '');
@@ -38,23 +39,40 @@ export var copyToClipboard = function copyToClipboard(_ref) {
   var value = _ref.value,
       setAlertProps = _ref.setAlertProps,
       t = _ref.t;
-  return function () {
-    var hasCopied = copy(value);
-
-    if (hasCopied) {
-      setAlertProps({
-        open: true,
-        severity: 'success',
-        message: t("ListItem.snackbar.copyToClipboard.success")
-      });
-    } else {
-      setAlertProps({
-        open: true,
-        severity: 'error',
-        message: t("ListItem.snackbar.copyToClipboard.error")
-      });
-    }
-  };
+  return /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+    return _regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            _context.prev = 0;
+            _context.next = 3;
+            return navigator.clipboard.writeText(value);
+
+          case 3:
+            setAlertProps({
+              open: true,
+              severity: 'success',
+              message: t("ListItem.snackbar.copyToClipboard.success")
+            });
+            _context.next = 9;
+            break;
+
+          case 6:
+            _context.prev = 6;
+            _context.t0 = _context["catch"](0);
+            setAlertProps({
+              open: true,
+              severity: 'error',
+              message: t("ListItem.snackbar.copyToClipboard.error")
+            });
+
+          case 9:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee, null, [[0, 6]]);
+  }));
 };
 export var isDate = function isDate(value) {
   if (!isNaN(value)) return false;
@@ -62,13 +80,13 @@ export var isDate = function isDate(value) {
   var dateParsedValue = Date.parse(value);
   return dateTime === dateParsedValue;
 };
-export var formatAttrValue = function formatAttrValue(_ref2) {
+export var formatAttrValue = function formatAttrValue(_ref3) {
   var _attrValue$find, _attrValue$find2, _attrValue$find3;
 
-  var attribute = _ref2.attribute,
-      attrValue = _ref2.attrValue,
-      f = _ref2.f,
-      lang = _ref2.lang;
+  var attribute = _ref3.attribute,
+      attrValue = _ref3.attrValue,
+      f = _ref3.f,
+      lang = _ref3.lang;
   if (!attrValue || attrValue.length === 0) return undefined;
 
   switch (true) {
@@ -110,11 +128,11 @@ export var makeAttrKey = function makeAttrKey(doc, expandedAttribute) {
       return expandedAttribute;
   }
 };
-export var makeAttrsKeyAndFormatedValue = function makeAttrsKeyAndFormatedValue(_ref3) {
-  var doc = _ref3.doc,
-      expandedAttributes = _ref3.expandedAttributes,
-      f = _ref3.f,
-      lang = _ref3.lang;
+export var makeAttrsKeyAndFormatedValue = function makeAttrsKeyAndFormatedValue(_ref4) {
+  var doc = _ref4.doc,
+      expandedAttributes = _ref4.expandedAttributes,
+      f = _ref4.f,
+      lang = _ref4.lang;
   var attrsKeyAndFormatedValue = expandedAttributes.map(function (expandedAttribute) {
     var attrValue = get(doc, expandedAttribute);
     var attrFormatedValue = formatAttrValue({
@@ -134,11 +152,11 @@ export var makeAttrsKeyAndFormatedValue = function makeAttrsKeyAndFormatedValue(
   }).slice(0, 3);
   return attrsKeyAndFormatedValue;
 };
-export var hasExpandedAttributesDisplayed = function hasExpandedAttributesDisplayed(_ref4) {
-  var doc = _ref4.doc,
-      expandedAttributes = _ref4.expandedAttributes,
-      f = _ref4.f,
-      lang = _ref4.lang;
+export var hasExpandedAttributesDisplayed = function hasExpandedAttributesDisplayed(_ref5) {
+  var doc = _ref5.doc,
+      expandedAttributes = _ref5.expandedAttributes,
+      f = _ref5.f,
+      lang = _ref5.lang;
   var defaultExpandedAttributes = makeDefaultExpandedAttributes(doc, expandedAttributes);
   var attrsKeyAndFormatedValue = makeAttrsKeyAndFormatedValue({
     doc: doc,
@@ -148,10 +166,10 @@ export var hasExpandedAttributesDisplayed = function hasExpandedAttributesDispla
   });
   return (attrsKeyAndFormatedValue === null || attrsKeyAndFormatedValue === void 0 ? void 0 : attrsKeyAndFormatedValue.length) > 0 || false;
 };
-export var getValueExtended = function getValueExtended(_ref5) {
-  var attrKey = _ref5.attrKey,
-      value = _ref5.value,
-      t = _ref5.t;
+export var getValueExtended = function getValueExtended(_ref6) {
+  var attrKey = _ref6.attrKey,
+      value = _ref6.value,
+      t = _ref6.t;
 
   if (attrKey === 'metadata.noticePeriod') {
     if (!isNaN(parseInt(value))) {

package/transpiled/react/Viewer/Footer/BottomSheetContent.js

@@ -1,12 +1,13 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import { BottomSheetItem } from "cozy-ui/transpiled/react/BottomSheet";
-import getPanelBlocks, { panelBlocksSpecs } from "cozy-ui/transpiled/react/Viewer/Panel/getPanelBlocks";
+import getPanelBlocks, { getPanelBlocksSpecs } from "cozy-ui/transpiled/react/Viewer/Panel/getPanelBlocks";
 
 var BottomSheetContent = function BottomSheetContent(_ref) {
-  var file = _ref.file;
+  var file = _ref.file,
+      isPublic = _ref.isPublic;
   var panelBlocks = getPanelBlocks({
-    panelBlocksSpecs: panelBlocksSpecs,
+    panelBlocksSpecs: getPanelBlocksSpecs(isPublic),
     file: file
   });
   return panelBlocks.map(function (PanelBlock, index) {
@@ -22,6 +23,6 @@ var BottomSheetContent = function BottomSheetContent(_ref) {
 
 BottomSheetContent.propTypes = {
   file: PropTypes.object.isRequired,
-  contactsFullname: PropTypes.string
+  isPublic: PropTypes.bool
 };
 export default BottomSheetContent;

package/transpiled/react/Viewer/Footer/FooterContent.js

@@ -26,7 +26,8 @@ var useStyles = makeStyles(function (theme) {
 var FooterContent = function FooterContent(_ref) {
   var file = _ref.file,
       toolbarRef = _ref.toolbarRef,
-      children = _ref.children;
+      children = _ref.children,
+      isPublic = _ref.isPublic;
   var styles = useStyles();
   var toolbarProps = useMemo(function () {
     return {
@@ -54,7 +55,8 @@ var FooterContent = function FooterContent(_ref) {
     }, /*#__PURE__*/React.createElement(BottomSheetHeader, {
       className: cx('u-ph-1 u-pb-1', styles.bottomSheetHeader)
     }, FooterActionButtonsWithFile), /*#__PURE__*/React.createElement(BottomSheetContent, {
-      file: file
+      file: file,
+      isPublic: isPublic
     }));
   } // If `FooterActionButtons` hasn't children
 
@@ -68,6 +70,7 @@ var FooterContent = function FooterContent(_ref) {
 FooterContent.propTypes = {
   file: PropTypes.object.isRequired,
   toolbarRef: PropTypes.object,
+  isPublic: PropTypes.bool,
   children: PropTypes.oneOfType([PropTypes.node, PropTypes.arrayOf(PropTypes.node)])
 };
 export default FooterContent;

package/transpiled/react/Viewer/Panel/ActionMenuWrapper.js

@@ -1,6 +1,7 @@
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
-import copy from 'copy-text-to-clipboard';
 import { useAppLinkWithStoreFallback, useClient } from 'cozy-client';
 import useBreakpoints from "cozy-ui/transpiled/react/providers/Breakpoints";
 import { useI18n } from "cozy-ui/transpiled/react/providers/I18n";
@@ -37,17 +38,41 @@ var ActionMenuWrapper = /*#__PURE__*/forwardRef(function (_ref, ref) {
 
   var isAppLinkLoaded = fetchStatus === 'loaded';
 
-  var handleCopy = function handleCopy() {
-    var hasCopied = copy(value);
+  var handleCopy = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              _context.prev = 0;
+              _context.next = 3;
+              return navigator.clipboard.writeText(value);
 
-    if (hasCopied) {
-      showViewerSnackbar('success', t("Viewer.snackbar.copiedToClipboard.success"));
-    } else {
-      showViewerSnackbar('error', t("Viewer.snackbar.copiedToClipboard.error"));
-    }
+            case 3:
+              showViewerSnackbar('success', t("Viewer.snackbar.copiedToClipboard.success"));
+              _context.next = 9;
+              break;
 
-    onClose();
-  };
+            case 6:
+              _context.prev = 6;
+              _context.t0 = _context["catch"](0);
+              showViewerSnackbar('error', t("Viewer.snackbar.copiedToClipboard.error"));
+
+            case 9:
+              onClose();
+
+            case 10:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee, null, [[0, 6]]);
+    }));
+
+    return function handleCopy() {
+      return _ref2.apply(this, arguments);
+    };
+  }();
 
   var handleEdit = function handleEdit(cb) {
     if (isAppLinkLoaded) {

package/transpiled/react/Viewer/Panel/PanelContent.js

@@ -5,13 +5,14 @@ import Stack from "cozy-ui/transpiled/react/Stack";
 import Paper from "cozy-ui/transpiled/react/Paper";
 import Typography from "cozy-ui/transpiled/react/Typography";
 import { withViewerLocales } from "cozy-ui/transpiled/react/Viewer/hoc/withViewerLocales";
-import getPanelBlocks, { panelBlocksSpecs } from "cozy-ui/transpiled/react/Viewer/Panel/getPanelBlocks";
+import getPanelBlocks, { getPanelBlocksSpecs } from "cozy-ui/transpiled/react/Viewer/Panel/getPanelBlocks";
 
 var PanelContent = function PanelContent(_ref) {
   var file = _ref.file,
+      isPublic = _ref.isPublic,
       t = _ref.t;
   var panelBlocks = getPanelBlocks({
-    panelBlocksSpecs: panelBlocksSpecs,
+    panelBlocksSpecs: getPanelBlocksSpecs(isPublic),
     file: file
   });
   return /*#__PURE__*/React.createElement(Stack, {
@@ -41,6 +42,7 @@ var PanelContent = function PanelContent(_ref) {
 };
 
 PanelContent.propTypes = {
-  file: PropTypes.object.isRequired
+  file: PropTypes.object.isRequired,
+  isPublic: PropTypes.bool
 };
 export default withViewerLocales(PanelContent);

package/transpiled/react/Viewer/Panel/getPanelBlocks.js

@@ -6,20 +6,48 @@ var _models$file = models.file,
     isFromKonnector = _models$file.isFromKonnector,
     hasQualifications = _models$file.hasQualifications,
     hasCertifications = _models$file.hasCertifications;
-export var panelBlocksSpecs = {
-  qualifications: {
-    condition: hasQualifications,
-    component: Qualification
-  },
-  konnector: {
-    condition: isFromKonnector,
-    component: KonnectorBlock
-  },
-  certifications: {
-    condition: hasCertifications,
-    component: Certifications
-  }
+/**
+ * @typedef {Object} PanelBlockSpec
+ * @property {Function} condition - Function that returns true if the block should be displayed
+ * @property {React.Component} component - Component to display
+ */
+
+/**
+ * @typedef {Object.<string, PanelBlockSpec>} PanelBlocksSpecs
+ */
+
+/**
+ * Returns the specs of the blocks to display in the panel
+ * @param {boolean} isPublic - Whether the panel is displayed in public view
+ * @returns {PanelBlocksSpecs}
+ */
+
+export var getPanelBlocksSpecs = function getPanelBlocksSpecs() {
+  var isPublic = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+  return {
+    qualifications: {
+      condition: hasQualifications,
+      component: Qualification
+    },
+    konnector: {
+      condition: function condition() {
+        return isFromKonnector && !isPublic;
+      },
+      component: KonnectorBlock
+    },
+    certifications: {
+      condition: hasCertifications,
+      component: Certifications
+    }
+  };
 };
+/**
+ * Returns the blocks to display in the panel
+ * @param {Object} options
+ * @param {PanelBlocksSpecs} options.panelBlocksSpecs - Specs of the blocks to display in the panel
+ * @param {import('cozy-client/types/types').FileDocument} options.file - File object
+ * @returns {Array.<React.Component>}
+ */
 
 var getPanelBlocks = function getPanelBlocks(_ref) {
   var panelBlocksSpecs = _ref.panelBlocksSpecs,

package/transpiled/react/Viewer/ViewerContainer.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["className", "disableFooter", "disablePanel", "editPathByModelProps", "children", "componentsProps"],
+var _excluded = ["className", "disableFooter", "disablePanel", "editPathByModelProps", "children", "componentsProps", "isPublic"],
     _excluded2 = ["disableModal"];
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
@@ -35,6 +35,7 @@ var ViewerContainer = function ViewerContainer(props) {
       editPathByModelProps = props.editPathByModelProps,
       children = props.children,
       componentsProps = props.componentsProps,
+      isPublic = props.isPublic,
       rest = _objectWithoutProperties(props, _excluded);
 
   var currentIndex = props.currentIndex,
@@ -75,6 +76,7 @@ var ViewerContainer = function ViewerContainer(props) {
     validForPanel: validForPanel,
     toolbarRef: toolbarRef
   }))), /*#__PURE__*/React.createElement(ViewerInformationsWrapper, {
+    isPublic: isPublic,
     disableFooter: disableFooter,
     validForPanel: validForPanel,
     currentFile: currentFile,
@@ -120,6 +122,9 @@ ViewerContainer.propTypes = {
   /** Show/Hide the panel containing more information about the file only on Phone & Tablet devices */
   disableFooter: PropTypes.bool,
 
+  /** If the Viewer is in public view */
+  isPublic: PropTypes.bool,
+
   /* Props passed to components with the same name */
   componentsProps: PropTypes.shape({
     /** Used to open an Only Office file */

package/transpiled/react/Viewer/ViewerInformationsWrapper.js

@@ -13,6 +13,7 @@ var ViewerInformationsWrapper = function ViewerInformationsWrapper(_ref) {
       disableFooter = _ref.disableFooter,
       validForPanel = _ref.validForPanel,
       toolbarRef = _ref.toolbarRef,
+      isPublic = _ref.isPublic,
       children = _ref.children;
   var theme = useTheme();
   var sidebar = document.querySelector('[class*="sidebar"]');
@@ -24,9 +25,11 @@ var ViewerInformationsWrapper = function ViewerInformationsWrapper(_ref) {
   });
   return /*#__PURE__*/React.createElement(React.Fragment, null, !disableFooter && /*#__PURE__*/React.createElement(Footer, null, /*#__PURE__*/React.createElement(FooterContent, {
     file: currentFile,
-    toolbarRef: toolbarRef
+    toolbarRef: toolbarRef,
+    isPublic: isPublic
   }, children)), validForPanel && /*#__PURE__*/React.createElement(InformationPanel, null, /*#__PURE__*/React.createElement(PanelContent, {
-    file: currentFile
+    file: currentFile,
+    isPublic: isPublic
   })));
 };
 
@@ -35,6 +38,7 @@ ViewerInformationsWrapper.propTypes = {
   disableFooter: PropTypes.bool,
   validForPanel: PropTypes.bool,
   toolbarRef: PropTypes.object,
+  isPublic: PropTypes.bool,
   children: PropTypes.oneOfType([PropTypes.node, PropTypes.arrayOf(PropTypes.node)])
 };
 export default ViewerInformationsWrapper;