cozy-ui 131.2.0 → 133.0.0-beta.1

package/CHANGELOG.md

@@ -1,3 +1,21 @@
+# [132.0.0](https://github.com/cozy/cozy-ui/compare/v131.2.0...v132.0.0) (2025-10-27)
+
+
+### Features
+
+* **AppSections:** Replace cozy-flags by `config` prop ([6ecdad0](https://github.com/cozy/cozy-ui/commit/6ecdad0))
+* **Paywall:** Replace cozy-flags by `isIapEnabled` prop ([953f28a](https://github.com/cozy/cozy-ui/commit/953f28a))
+* **QualificationGrid:** Replace cozy-flags by `noHealth` prop ([68f14dc](https://github.com/cozy/cozy-ui/commit/68f14dc))
+* Remove cozy-flags from peerDeps ([5131237](https://github.com/cozy/cozy-ui/commit/5131237))
+
+
+### BREAKING CHANGES
+
+* **AppSections:** You must use `config={flag('store.alternative-source')}` prop
+* **QualificationGrid:** You must use `noHealth={flag('hide.healthTheme.enabled')}` prop
+* **Paywall:** You must use `isIapEnabled={flag('flagship.iap.enabled')}` prop
+* You no longer need to install `cozy-flags` package
+
 # [131.2.0](https://github.com/cozy/cozy-ui/compare/v131.1.0...v131.2.0) (2025-10-27)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cozy-ui",
-  "version": "131.2.0",
+  "version": "133.0.0-beta.1",
   "description": "Cozy apps UI SDK",
   "main": "./index.js",
   "bin": {
@@ -94,12 +94,9 @@
     "browserslist-config-cozy": "0.4.0",
     "bundlemon": "3.1.0",
     "copyfiles": "2.4.1",
-    "cozy-client": "^60.5.0",
     "cozy-device-helper": "2.0.0",
-    "cozy-flags": "^2.10.1",
     "cozy-intent": "^2.29.1",
     "cozy-logger": "^1.9.0",
-    "cozy-stack-client": "^60.1.0",
     "css-loader": "0.28.11",
     "cssnano": "4.1.11",
     "cssnano-preset-advanced": "4.0.8",
@@ -167,22 +164,15 @@
     "@popperjs/core": "^2.4.4",
     "chart.js": "3.7.1",
     "classnames": "^2.2.5",
-    "cozy-interapp": "^0.5.4",
     "date-fns": "2.30.0",
-    "filesize": "8.0.7",
-    "final-form": "4.20.9",
-    "final-form-arrays": "3.1.0",
     "hammerjs": "^2.0.8",
     "intersection-observer": "0.11.0",
-    "mime-types": "2.1.35",
     "mui-bottom-sheet": "https://github.com/cozy/mui-bottom-sheet.git#v1.0.9",
     "node-polyglot": "^2.5.0",
     "normalize.css": "^8.0.0",
     "patch-package": "^8.0.0",
     "pdf-lib": "1.17.1",
     "react-chartjs-2": "4.1.0",
-    "react-final-form": "6.5.9",
-    "react-final-form-arrays": "3.1.4",
     "react-markdown": "^4.0.8",
     "react-popper": "^2.2.3",
     "react-remove-scroll": "^2.4.0",
@@ -192,9 +182,7 @@
     "rooks": "7.14.1"
   },
   "peerDependencies": {
-    "cozy-client": ">=60.5.0",
     "cozy-device-helper": ">=2.0.0",
-    "cozy-flags": ">=2.10.1",
     "cozy-intent": ">=2.29.1",
     "react": "^16 || ^17 || ^18",
     "react-dnd": "^16.0.1",

package/react/ActionsMenu/Actions/addToFavorites.js

@@ -1,7 +1,5 @@
 import React, { forwardRef } from 'react'
 
-import { splitFilename } from 'cozy-client/dist/models/file'
-
 import { getActionsI18n } from './locales/withActionsLocales'
 import Icon from '../../Icon'
 import StarOutlineIcon from '../../Icons/StarOutline'
@@ -26,7 +24,7 @@ const makeComponent = (label, icon) => {
   return Component
 }
 
-export const addToFavorites = ({ showAlert }) => {
+export const addToFavorites = ({ client, showAlert, splitFilename }) => {
   const { t } = getActionsI18n()
   const icon = StarOutlineIcon
   const label = t('favorites.add.label')
@@ -38,7 +36,7 @@ export const addToFavorites = ({ showAlert }) => {
     displayCondition: docs =>
       docs.length > 0 && docs.every(doc => !doc.cozyMetadata?.favorite),
     Component: makeComponent(label, icon),
-    action: async (docs, { client }) => {
+    action: async docs => {
       try {
         for (const doc of docs) {
           await client.save({

package/react/ActionsMenu/Actions/download.js

@@ -1,7 +1,5 @@
 import React, { forwardRef } from 'react'
 
-import { downloadFile } from 'cozy-client/dist/models/file'
-
 import { getActionsI18n } from './locales/withActionsLocales'
 import Icon from '../../Icon'
 import DownloadIcon from '../../Icons/Download'
@@ -26,7 +24,7 @@ const makeComponent = (label, icon) => {
   return Component
 }
 
-export const download = ({ encryptedUrl }) => {
+export const download = ({ client, encryptedUrl, downloadFile }) => {
   const { t } = getActionsI18n()
   const icon = DownloadIcon
   const label = t('download')
@@ -36,7 +34,7 @@ export const download = ({ encryptedUrl }) => {
     icon,
     label,
     Component: makeComponent(label, icon),
-    action: (docs, { client, webviewIntent, driveId }) =>
+    action: (docs, { webviewIntent, driveId }) =>
       downloadFile({
         client,
         file: docs[0],

package/react/ActionsMenu/Actions/helpers.js

@@ -1,7 +1,5 @@
 import { PDFDocument } from 'pdf-lib'
 
-import { fetchBlobFileById } from 'cozy-client/dist/models/file'
-
 // Should guarantee good resolution for different uses (printing, downloading, etc.)
 const MAX_RESIZE_IMAGE_SIZE = 3840
 const MAX_IMAGE_SIDE_SIZE = 1920
@@ -221,11 +219,11 @@ export const addFileToPdf = async (pdfDoc, file) => {
 
 /**
  * Fetches file from docs list and return a blob of pdf
- * @param {import('cozy-client/types/CozyClient').default} client - Instance of CozyClient
+ * @param {object} client - Instance of CozyClient
  * @param {array} docs - Docs from an io.cozy.xxx doctypes
  * @returns {Promise<object>} Blob of generated Pdf
  */
-export const makePdfBlob = async (client, docs) => {
+export const makePdfBlob = async ({ client, docs, fetchBlobFileById }) => {
   const pdfDoc = await PDFDocument.create()
 
   for (const doc of docs) {

package/react/ActionsMenu/Actions/modify.js

@@ -1,7 +1,5 @@
 import React, { forwardRef } from 'react'
 
-import { generateWebLink } from 'cozy-client'
-
 import { getActionsI18n } from './locales/withActionsLocales'
 import Icon from '../../Icon'
 import PenIcon from '../../Icons/Pen'
@@ -9,7 +7,7 @@ import ListItemIcon from '../../ListItemIcon'
 import ListItemText from '../../ListItemText'
 import ActionsMenuItem from '../ActionsMenuItem'
 
-export const modify = () => {
+export const modify = ({ client, generateWebLink }) => {
   const { t } = getActionsI18n()
   const icon = PenIcon
   const label = t('modify')
@@ -18,7 +16,7 @@ export const modify = () => {
     name: 'modify',
     icon,
     label,
-    action: (docs, { client }) => {
+    action: docs => {
       const contactId = docs[0]._id
 
       const webLink = generateWebLink({

package/react/ActionsMenu/Actions/print.js

@@ -1,6 +1,5 @@
 import React, { forwardRef } from 'react'
 
-import { fetchBlobFileById, isFile } from 'cozy-client/dist/models/file'
 import logger from 'cozy-logger'
 
 import { makeBase64FromFile, makePdfBlob } from './helpers'
@@ -11,7 +10,7 @@ import ListItemIcon from '../../ListItemIcon'
 import ListItemText from '../../ListItemText'
 import ActionsMenuItem from '../ActionsMenuItem'
 
-export const print = () => {
+export const print = ({ client, fetchBlobFileById, isFile }) => {
   const { t } = getActionsI18n()
   const icon = PrinterIcon
   const label = t('print')
@@ -22,7 +21,7 @@ export const print = () => {
     label,
     disabled: docs => docs.length === 0,
     displayCondition: docs => docs.every(doc => isFile(doc)),
-    action: async (docs, { client, webviewIntent }) => {
+    action: async (docs, { webviewIntent }) => {
       const isSingleDoc = docs.length === 1
       const firstDoc = docs[0]
 
@@ -31,7 +30,7 @@ export const print = () => {
         if (webviewIntent) {
           const blob = isSingleDoc
             ? await fetchBlobFileById(client, firstDoc._id)
-            : await makePdfBlob(client, docs)
+            : await makePdfBlob({ client, docs, fetchBlobFileById })
           const base64 = await makeBase64FromFile(blob)
 
           return webviewIntent.call('print', base64)
@@ -44,7 +43,7 @@ export const print = () => {
             .collection('io.cozy.files')
             .getDownloadLinkById(firstDoc._id, firstDoc.name)
         } else {
-          const blob = await makePdfBlob(client, docs)
+          const blob = await makePdfBlob({ client, docs, fetchBlobFileById })
           docUrl = URL.createObjectURL(blob)
         }
 

package/react/ActionsMenu/Actions/removeFromFavorites.js

@@ -1,7 +1,5 @@
 import React, { forwardRef } from 'react'
 
-import { splitFilename } from 'cozy-client/dist/models/file'
-
 import { getActionsI18n } from './locales/withActionsLocales'
 import Icon from '../../Icon'
 import StarIcon from '../../Icons/Star'
@@ -26,7 +24,7 @@ const makeComponent = (label, icon) => {
   return Component
 }
 
-export const removeFromFavorites = ({ showAlert }) => {
+export const removeFromFavorites = ({ client, showAlert, splitFilename }) => {
   const { t } = getActionsI18n()
   const icon = StarIcon
   const label = t('favorites.remove.label')
@@ -38,7 +36,7 @@ export const removeFromFavorites = ({ showAlert }) => {
     displayCondition: docs =>
       docs.length > 0 && docs.every(doc => doc.cozyMetadata?.favorite),
     Component: makeComponent(label, icon),
-    action: async (docs, { client }) => {
+    action: async docs => {
       try {
         for (const doc of docs) {
           await client.save({

package/react/ActionsMenu/Actions/viewInContacts.js

@@ -1,7 +1,5 @@
 import React, { forwardRef } from 'react'
 
-import { generateWebLink } from 'cozy-client'
-
 import { getActionsI18n } from './locales/withActionsLocales'
 import Icon from '../../Icon'
 import OpenappIcon from '../../Icons/Openapp'
@@ -9,7 +7,7 @@ import ListItemIcon from '../../ListItemIcon'
 import ListItemText from '../../ListItemText'
 import ActionsMenuItem from '../ActionsMenuItem'
 
-export const viewInContacts = () => {
+export const viewInContacts = ({ client, generateWebLink }) => {
   const { t } = getActionsI18n()
   const icon = OpenappIcon
   const label = t('viewInContacts')
@@ -18,7 +16,7 @@ export const viewInContacts = () => {
     name: 'viewInContacts',
     icon,
     label,
-    action: (docs, { client }) => {
+    action: docs => {
       const contactId = docs[0]._id
       const webLink = generateWebLink({
         slug: 'contacts',

package/react/ActionsMenu/Actions/viewInDrive.js

@@ -1,7 +1,5 @@
 import React, { forwardRef } from 'react'
 
-import { generateWebLink } from 'cozy-client'
-
 import { getActionsI18n } from './locales/withActionsLocales'
 import Icon from '../../Icon'
 import FolderOpenIcon from '../../Icons/FolderOpen'
@@ -26,7 +24,7 @@ const makeComponent = (label, icon) => {
   return Component
 }
 
-export const viewInDrive = () => {
+export const viewInDrive = ({ client, generateWebLink }) => {
   const { t } = getActionsI18n()
   const icon = FolderOpenIcon
   const label = t('viewInDrive')
@@ -36,7 +34,7 @@ export const viewInDrive = () => {
     icon,
     label,
     Component: makeComponent(label, icon),
-    action: (docs, { client }) => {
+    action: docs => {
       const dirId = docs[0].dir_id
       const driveId = docs[0].driveId
       const webLink = generateWebLink({

package/react/ActionsMenu/ActionsItems.jsx

@@ -1,7 +1,6 @@
 import PropTypes from 'prop-types'
 import React, { forwardRef, useMemo } from 'react'
 
-import { useClient } from 'cozy-client'
 import { useWebviewIntent } from 'cozy-intent'
 
 import { getActionName, getOnlyNeededActions } from './Actions/helpers'
@@ -19,7 +18,6 @@ const ActionsItems = forwardRef(
     },
     ref
   ) => {
-    const client = useClient()
     const webviewIntent = useWebviewIntent()
     const { t } = useI18n()
 
@@ -36,7 +34,6 @@ const ActionsItems = forwardRef(
 
       const handleClick = clickProps => {
         action?.(docs, {
-          client,
           t,
           webviewIntent,
           ...actionOptions,

package/react/ActionsMenu/Readme.md

@@ -100,7 +100,9 @@ const customAction = () => ({
   })
 })
 
-const actions = makeActions([ modify, viewInContacts, viewInDrive, divider, call, smsTo, emailTo, print, divider, customAction ])
+  const mockClient = { getStackClient: () => ({ uri: `https://` }), getInstanceOptions: () => ({ subdomain: '' }) }
+
+const actions = makeActions([ modify, viewInContacts, viewInDrive, divider, call, smsTo, emailTo, print, divider, customAction ], { client: mockClient, generateWebLink: () => {}, fetchBlobFileById: () => {}, isFile: () => {} })
 
 ;
 

package/react/CozyDialogs/SpecificDialogs/index.jsx

@@ -1,4 +1,3 @@
 export { default as AllowLocationDialog } from './AllowLocationDialog'
 export { default as InstallFlagshipAppDialog } from './InstallFlagshipAppDialog'
-export { default as AuthentificationDialog } from './AuthentificationDialog'
 export { default as ShortcutDialog } from './ShortcutDialog'

package/react/CozyDialogs/index.jsx

@@ -12,6 +12,5 @@ export { default as TopAnchoredDialog } from './TopAnchoredDialog'
 export {
   AllowLocationDialog,
   InstallFlagshipAppDialog,
-  AuthentificationDialog,
   ShortcutDialog
 } from './SpecificDialogs'