cozy-ui 88.4.0 → 88.6.0

package/CHANGELOG.md

@@ -1,3 +1,30 @@
+# [88.6.0](https://github.com/cozy/cozy-ui/compare/v88.5.0...v88.6.0) (2023-07-12)
+
+
+### Bug Fixes
+
+* **Paywall:** Improve wording to be more explicite ([d21b311](https://github.com/cozy/cozy-ui/commit/d21b311))
+* **Paywall:** Open the premium link in the current window ([95ac4b7](https://github.com/cozy/cozy-ui/commit/95ac4b7))
+
+
+### Features
+
+* Add QuotaPaywall ([1263285](https://github.com/cozy/cozy-ui/commit/1263285))
+* Update QuotaAlert design by exposing QuotaPaywall ([8a11f9b](https://github.com/cozy/cozy-ui/commit/8a11f9b))
+
+# [88.5.0](https://github.com/cozy/cozy-ui/compare/v88.4.0...v88.5.0) (2023-07-06)
+
+
+### Features
+
+* Add images to transpiled folder ([17c2440](https://github.com/cozy/cozy-ui/commit/17c2440)), closes [/github.com/babel/babel/issues/11394#issuecomment-649014113](https://github.com//github.com/babel/babel/issues/11394/issues/issuecomment-649014113)
+* Move InstallFlagshipAppDialog images from ./assets to ./icons folder ([e8100e9](https://github.com/cozy/cozy-ui/commit/e8100e9))
+
+
+### Reverts
+
+* Assets were not in the good directory ([aaf3fc3](https://github.com/cozy/cozy-ui/commit/aaf3fc3))
+
 # [88.4.0](https://github.com/cozy/cozy-ui/compare/v88.3.0...v88.4.0) (2023-07-06)
 
 

package/babel.config.js

@@ -44,5 +44,5 @@ module.exports = {
       plugins: plugins
     }
   },
-  ignore: ['examples/**/*']
+  ignore: ['examples/**/*', '**/*.md', '**/*.styl', '**/*.json', '**/*.snap']
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cozy-ui",
-  "version": "88.4.0",
+  "version": "88.6.0",
   "description": "Cozy apps UI SDK",
   "main": "./index.js",
   "bin": {
@@ -29,7 +29,7 @@
     "build:doc:react": "styleguidist build --config docs/styleguide.config.js",
     "build:types": "tsc -p tsconfig-build.json",
     "build:all": "yarn makeSpriteAndPalette && yarn build && yarn build:css:all && yarn build:doc",
-    "build:js": "env BABEL_ENV=transpilation babel --extensions .ts,.tsx,.js,.jsx react/ --out-dir transpiled/react --verbose",
+    "build:js": "env BABEL_ENV=transpilation babel --extensions .ts,.tsx,.js,.jsx,.md,.styl,.json,.snap react/ --out-dir transpiled/react --copy-files --no-copy-ignored --verbose",
     "build": "yarn build:types && yarn build:js",
     "clean:doc:kss": "rm -rf build/styleguide",
     "deploy:doc": "git-directory-deploy --directory build/ --branch gh-pages",

package/react/CozyDialogs/SpecificDialogs/InstallFlagshipAppDialog.jsx

@@ -6,9 +6,9 @@ import { useI18n } from '../../I18n'
 import Link from '../../Link'
 import Typography from '../../Typography'
 
-import DefaultQRCode from 'cozy-ui/assets/images/QRCodeInstallFlagshipAppDialog.png'
-import appStoreIcon from 'cozy-ui/assets/images/appstore.png'
-import playStoreIcon from 'cozy-ui/assets/images/playstore.png'
+import DefaultQRCode from './icons/QRCodeInstallFlagshipAppDialog.png'
+import appStoreIcon from './icons/appstore.png'
+import playStoreIcon from './icons/playstore.png'
 import withSpecificDialogsLocales from './withSpecificDialogsLocales'
 
 const InstallFlagshipAppDialog = forwardRef(

package/react/Paywall/Paywall.jsx

@@ -45,7 +45,7 @@ const Paywall = ({ variant, onClose, isPublic, contentInterpolation }) => {
 
   const onAction = () => {
     return type === 'premium' && !isMobileAppVersion
-      ? window.open(link, 'self')
+      ? window.open(link, '_self')
       : onClose()
   }
 

package/react/Paywall/QuotaPaywall.jsx

@@ -0,0 +1,18 @@
+import React from 'react'
+import PropTypes from 'prop-types'
+
+import Paywall from './Paywall'
+
+/**
+ * Paywall displayed when user disk space is full
+ */
+const QuotaPaywall = ({ onClose }) => {
+  return <Paywall variant="quota" onClose={onClose} />
+}
+
+QuotaPaywall.propTypes = {
+  /** Callback used when the user close the paywall */
+  onClose: PropTypes.func.isRequired
+}
+
+export default QuotaPaywall

package/react/Paywall/Readme.md

@@ -11,7 +11,8 @@ import {
   PasswordSharingPaywall,
   MaxAccountsByKonnectorPaywall,
   MaxAccountsPaywall,
-  MaxPapersPaywall
+  MaxPapersPaywall,
+  QuotaPaywall
 } from "cozy-ui/transpiled/react/Paywall"
 import { CozyProvider } from "cozy-client"
 import { BreakpointsProvider } from "cozy-ui/transpiled/react/hooks/useBreakpoints"
@@ -69,6 +70,10 @@ const paywalls = [
   {
     name: 'MaxPapersPaywall',
     component: MaxPapersPaywall
+  },
+  {
+    name: 'QuotaPaywall',
+    component: QuotaPaywall
   }
 ]
 

package/react/Paywall/index.jsx

@@ -5,3 +5,4 @@ export {
 } from './MaxAccountsByKonnectorPaywall'
 export { default as MaxAccountsPaywall } from './MaxAccountsPaywall'
 export { default as MaxPapersPaywall } from './MaxPapersPaywall'
+export { default as QuotaPaywall } from './QuotaPaywall'

package/react/Paywall/locales/en.json

@@ -4,8 +4,8 @@
   },
   "onlyOfficePaywall": {
     "premium": {
-      "title": "Upgrade your Cozy!",
-      "content": "To unlock this feature, or simply support us, you can change your Cozy offer.",
+      "title": "Upgrade your plan",
+      "content": "Your plan doesn't allow you to **modify your documents online**.\n\nTo unlock this feature, or simply support us, you can change your Cozy plan.",
       "action": "Check our plans"
     },
     "public": {
@@ -15,55 +15,67 @@
     },
     "default": {
       "title": "Information",
-      "content": "Your current offer does not allow you to take advantage of this feature.",
+      "content": "Your current plan does not allow you to take advantage of this feature.",
       "action": "I understand"
     }
   },
   "passwordSharingPaywall": {
     "premium": {
-      "title": "Upgrade your Cozy!",
-      "content": "To unlock this feature, or simply support us, you can change your Cozy offer.",
+      "title": "Upgrade your plan",
+      "content": "Your plan doesn't allow you to **share your passwords**.\n\nTo unlock this feature, or simply support us, you can change your Cozy plan.",
       "action": "Check our plans"
     },
     "default": {
       "title": "Information",
-      "content": "Your current offer does not allow you to take advantage of this feature.",
+      "content": "Your current plan does not allow you to take advantage of this feature.",
       "action": "I understand"
     }
   },
   "maxAccountsByKonnectorPaywall": {
     "premium": {
-      "title": "Upgrade your Cozy!",
-      "content": "Your offer allows you to connect %{smart_count} account %{konnectorName} in your Cozy.\n\nTo unlock this feature, or simply support us, you can change your Cozy offer. |||| Your offer allows you to connect %{smart_count} accounts %{konnectorName} in your Cozy.\n\nTo unlock this feature, or simply support us, you can change your Cozy offer.",
+      "title": "Upgrade your plan",
+      "content": "Your plan allows you to connect up to **%{smart_count} account %{konnectorName}** in your Cozy.\n\nTo unlock this feature, or simply support us, you can change your Cozy plan. |||| Your plan allows you to connect up to **%{smart_count} accounts %{konnectorName}** in your Cozy.\n\nTo unlock this feature, or simply support us, you can change your Cozy plan.",
       "action": "Check our plans"
     },
     "default": {
       "title": "Information",
-      "content": "Your current offer does not allow you to take advantage of this feature.",
+      "content": "Your current plan does not allow you to take advantage of this feature.",
       "action": "I understand"
     }
   },
   "maxAccountsPaywall": {
     "premium": {
-      "title": "Upgrade your Cozy!",
-      "content": "Your offer allows you to connect %{smart_count} account in your Cozy.\n\nTo unlock this feature, or simply support us, you can change your Cozy offer. |||| Your offer allows you to connect %{smart_count} accounts in your Cozy.\n\nTo unlock this feature, or simply support us, you can change your Cozy offer.",
+      "title": "Upgrade your plan",
+      "content": "Your plan allows you to connect up to **%{smart_count} account** in your Cozy.\n\nTo unlock this feature, or simply support us, you can change your Cozy plan. |||| Your plan allows you to connect up to **%{smart_count} accounts** in your Cozy.\n\nTo unlock this feature, or simply support us, you can change your Cozy plan.",
       "action": "Check our plans"
     },
     "default": {
       "title": "Information",
-      "content": "Your current offer does not allow you to take advantage of this feature.",
+      "content": "Your current plan does not allow you to take advantage of this feature.",
       "action": "I understand"
     }
   },
   "maxPapersPaywall": {
     "premium": {
-      "title": "Upgrade your Cozy!",
-      "content": "Your offer allows you to manually add up to %{smart_count} paper.\n\nTo unlock this feature, or simply support us, you can modify the offer of your Cozy. |||| Your offer allows you to manually add up to %{smart_count} papers.\n\nTo unlock this feature, or simply support us, you can modify the offer of your Cozy.",
+      "title": "Upgrade your plan",
+      "content": "Your plan allows you to manually add up to **%{smart_count} paper**.\n\nTo unlock this feature, or simply support us, you can modify the plan of your Cozy. |||| Your plan allows you to manually add up to **%{smart_count} papers**.\n\nTo unlock this feature, or simply support us, you can modify the plan of your Cozy.",
       "action": "Check our plans"
     },
     "default": {
       "title": "Information",
-      "content": "Your current offer does not allow you to take advantage of this feature.",
+      "content": "Your current plan does not allow you to take advantage of this feature.",
+      "action": "I understand"
+    }
+  },
+  "quotaPaywall": {
+    "premium": {
+      "title": "Upgrade your plan",
+      "content": "Your disk storage is full.\n\nPlease remove files, empty your trash or upgrade your plan before uploading files.",
+      "action": "Check our plans"
+    },
+    "default": {
+      "title": "Information",
+      "content": "Your disk storage is full.\n\nPlease remove files, empty your trash before uploading files.",
       "action": "I understand"
     }
   }

package/react/Paywall/locales/fr.json

@@ -4,8 +4,8 @@
   },
   "onlyOfficePaywall": {
     "premium": {
-      "title": "Augmenter votre Cozy !",
-      "content": "Pour débloquer cette fonctionnalité, ou simplement nous soutenir, vous pouvez modifier l'offre de votre Cozy.",
+      "title": "Augmentez votre offre",
+      "content": "Votre offre ne vous permet pas de **modifier vos documents en ligne**.\n\nPour débloquer cette fonctionnalité, ou simplement nous soutenir, vous pouvez modifier l'offre de votre Cozy.",
       "action": "Voir les offres"
     },
     "public": {
@@ -21,8 +21,8 @@
   },
   "passwordSharingPaywall": {
     "premium": {
-      "title": "Augmenter votre Cozy !",
-      "content": "Pour débloquer cette fonctionnalité, ou simplement nous soutenir, vous pouvez modifier l'offre de votre Cozy.",
+      "title": "Augmentez votre offre",
+      "content": "Votre offre ne vous permet pas de **partager vos mots de passe**.\n\nPour débloquer cette fonctionnalité, ou simplement nous soutenir, vous pouvez modifier l'offre de votre Cozy.",
       "action": "Voir les offres"
     },
     "default": {
@@ -33,8 +33,8 @@
   },
   "maxAccountsByKonnectorPaywall": {
     "premium": {
-      "title": "Augmenter votre Cozy !",
-      "content": "Votre offre vous permet de connecter %{smart_count} compte %{konnectorName} dans votre Cozy.\n\nPour débloquer cette fonctionnalité, ou simplement nous soutenir, vous pouvez modifier l'offre de votre Cozy. |||| Votre offre vous permet de connecter %{smart_count} comptes %{konnectorName} dans votre Cozy.\n\nPour débloquer cette fonctionnalité, ou simplement nous soutenir, vous pouvez modifier l'offre de votre Cozy.",
+      "title": "Augmentez votre offre",
+      "content": "Votre offre vous permet de connecter jusqu'à **%{smart_count} compte %{konnectorName}** dans votre Cozy.\n\nPour débloquer cette fonctionnalité, ou simplement nous soutenir, vous pouvez modifier l'offre de votre Cozy. |||| Votre offre vous permet de connecter jusqu'à **%{smart_count} comptes %{konnectorName}** dans votre Cozy.\n\nPour débloquer cette fonctionnalité, ou simplement nous soutenir, vous pouvez modifier l'offre de votre Cozy.",
       "action": "Voir les offres"
     },
     "default": {
@@ -45,8 +45,8 @@
   },
   "maxAccountsPaywall": {
     "premium": {
-      "title": "Augmenter votre Cozy !",
-      "content": "Votre offre vous permet de connecter %{smart_count} compte dans votre Cozy.\n\nPour débloquer cette fonctionnalité, ou simplement nous soutenir, vous pouvez modifier l'offre de votre Cozy. |||| Votre offre vous permet de connecter %{smart_count} comptes dans votre Cozy.\n\nPour débloquer cette fonctionnalité, ou simplement nous soutenir, vous pouvez modifier l'offre de votre Cozy.",
+      "title": "Augmentez votre offre",
+      "content": "Votre offre vous permet de connecter jusqu'à **%{smart_count} compte** dans votre Cozy.\n\nPour débloquer cette fonctionnalité, ou simplement nous soutenir, vous pouvez modifier l'offre de votre Cozy. |||| Votre offre vous permet de connecter jusqu'à **%{smart_count} comptes** dans votre Cozy.\n\nPour débloquer cette fonctionnalité, ou simplement nous soutenir, vous pouvez modifier l'offre de votre Cozy.",
       "action": "Voir les offres"
     },
     "default": {
@@ -57,8 +57,8 @@
   },
   "maxPapersPaywall": {
     "premium": {
-      "title": "Augmenter votre Cozy !",
-      "content": "Votre offre vous permet d'ajouter manuellement jusqu'à %{smart_count} papier.\n\nPour débloquer cette fonctionnalité, ou simplement nous soutenir, vous pouvez modifier l'offre de votre Cozy. |||| Votre offre vous permet d'ajouter manuellement jusqu'à %{smart_count} papiers.\n\nPour débloquer cette fonctionnalité, ou simplement nous soutenir, vous pouvez modifier l'offre de votre Cozy.",
+      "title": "Augmentez votre offre",
+      "content": "Votre offre vous permet d'ajouter manuellement jusqu'à **%{smart_count} papier**.\n\nPour débloquer cette fonctionnalité, ou simplement nous soutenir, vous pouvez modifier l'offre de votre Cozy. |||| Votre offre vous permet d'ajouter manuellement jusqu'à **%{smart_count} papiers**.\n\nPour débloquer cette fonctionnalité, ou simplement nous soutenir, vous pouvez modifier l'offre de votre Cozy.",
       "action": "Voir les offres"
     },
     "default": {
@@ -66,5 +66,17 @@
       "content": "Votre offre actuelle ne vous permet pas de profiter de cette fonctionnalité.",
       "action": "J'ai compris"
     }
+  },
+  "quotaPaywall": {
+    "premium": {
+      "title": "Augmentez votre offre",
+      "content": "Votre espace de stockage est plein.\n\nVeuillez supprimer des fichiers, vider votre corbeille ou changer d'offre avant d'importer de nouveaux fichiers.",
+      "action": "Voir les offres"
+    },
+    "default": {
+      "title": "Information",
+      "content": "Votre espace de stockage est plein.\n\nVeuillez supprimer des fichiers, et vider votre corbeille avant d'importer de nouveaux fichiers.",
+      "action": "J'ai compris"
+    }
   }
 }

package/react/deprecated/QuotaAlert/Readme.md

@@ -3,47 +3,38 @@
 The link to the manager is only displayed if there is a managerUrl
 in the stack response
 
-```jsx noeditor
+```jsx
 import QuotaAlert from "cozy-ui/transpiled/react/deprecated/QuotaAlert";
-import { CozyProvider } from "cozy-client";
-import { BreakpointsProvider } from "cozy-ui/transpiled/react/hooks/useBreakpoints";
+import DemoProvider from 'cozy-ui/docs/components/DemoProvider'
 
-<BreakpointsProvider>
-  <div>
+const mockClient = {
+  getStackClient: () => ({
+    fetchJSON: (_, url) => {
+      let attributes = {}
+      if(url === '/settings/context') {
+        attributes = {
+          attributes: {
+            enable_premium_links: true,
+            manager_url: "http://mycozy.cloud",
+          }
+        }
+      } else if(url === '/settings/instance') {
+        attributes = {
+          attributes: { uuid: "1223" }
+        }
+      }
+
+      return Promise.resolve({ data: attributes  })
+    }
+  })
+};
+
+<DemoProvider client={mockClient}>
     <button onClick={() => setState({ modalOpened: !state.modalOpened })}>
       Toggle modal
     </button>
-
     {state.modalOpened && (
-      <CozyProvider
-        client={{
-          getStackClient: () => ({
-            fetchJSON: () =>
-              Promise.resolve({
-                data: {
-                  attributes: { uuid: "1223", manager_url: "http://mycozy.cloud" }
-                }
-              })
-          })
-        }}
-      >
-        <QuotaAlert onClose={() => setState({ modalOpened: false })} />
-      </CozyProvider>
+      <QuotaAlert onClose={() => setState({ modalOpened: false })} />
     )}
-  </div>
-</BreakpointsProvider>;
-```
-
-```jsx static
-import QuotaAlert from "cozy-ui/transpiled/react/deprecated/QuotaAlert";
-
-<div>
-  <button onClick={() => setState({ modalOpened: !state.modalOpened })}>
-    Toggle modal
-  </button>
-
-  {state.modalOpened && (
-    <QuotaAlert onClose={() => setState({ modalOpened: false })} />
-  )}
-</div>;
+</DemoProvider>
 ```

package/react/deprecated/QuotaAlert/index.jsx

@@ -1,74 +1,18 @@
 import React from 'react'
-import get from 'lodash/get'
 
-import { useClient } from 'cozy-client'
-import { isMobileApp } from 'cozy-device-helper'
+import createDepreciationLogger from '../../helpers/createDepreciationLogger'
+import { QuotaPaywall } from '../../Paywall'
 
-import { Dialog } from '../../CozyDialogs'
-import Button from '../Button'
-
-import useInstance from '../../helpers/useInstance'
-
-import withLocales from '../../I18n/withLocales'
-import en from './locales/en.json'
-import fr from './locales/fr.json'
-
-const locales = {
-  en,
-  fr
-}
-
-const buildPremiumLink = (uuid, managerUrl) =>
-  `${managerUrl}/cozy/instances/${uuid}/premium`
-
-const QuotaModalAlert = withLocales(locales)(({ t, onClose, instance }) => {
-  const uuid = get(instance, 'instance.data.attributes.uuid')
-  const managerUrl = get(instance, 'context.data.attributes.manager_url')
-  return (
-    <Dialog
-      open={true}
-      title={t('quotaalert.title')}
-      content={t('quotaalert.desc')}
-      actions={
-        <>
-          <Button
-            theme="secondary"
-            onClick={onClose}
-            label={t('quotaalert.confirm')}
-          />
-          {uuid && managerUrl && (
-            <Button
-              theme="primary"
-              label={t('quotaalert.increase')}
-              onClick={() =>
-                window.open(buildPremiumLink(uuid, managerUrl), 'self')
-              }
-            />
-          )}
-        </>
-      }
-      onClose={onClose}
-    />
-  )
-})
+const logDeprecatedComponent = createDepreciationLogger()
 
+/**
+ * @deprecated This component is depreacated, please use [QuotaPaywall](#/Paywall) instead.
+ */
 const QuotaAlert = ({ onClose }) => {
-  const client = useClient()
-  /**
-   * We don't want to call useInstance if we are on
-   * mobile since we don't want to create a link to the cozy manager
-   * because Apple and Google have restricted policy about
-   * making a link to an outside purchase.
-   *
-   * So no call, no instance info, no button
-   */
-  if (isMobileApp()) {
-    return <QuotaModalAlert onClose={onClose} />
-  }
-  // TODO: why is there a conditional hook here?
-  // eslint-disable-next-line react-hooks/rules-of-hooks
-  const instanceInfo = useInstance(client)
-  return <QuotaModalAlert instance={instanceInfo} onClose={onClose} />
+  logDeprecatedComponent(
+    'QuotaAlert is now exported from the cozy-ui as QuotaPaywall. Please import the component from "cozy-ui/transpiled/react/Paywall"'
+  )
+  return <QuotaPaywall onClose={onClose} />
 }
 
 export default QuotaAlert

package/transpiled/react/CozyDialogs/SpecificDialogs/InstallFlagshipAppDialog.js

@@ -4,9 +4,9 @@ import { IllustrationDialog } from "cozy-ui/transpiled/react/CozyDialogs";
 import { useI18n } from "cozy-ui/transpiled/react/I18n";
 import Link from "cozy-ui/transpiled/react/Link";
 import Typography from "cozy-ui/transpiled/react/Typography";
-import DefaultQRCode from 'cozy-ui/assets/images/QRCodeInstallFlagshipAppDialog.png';
-import appStoreIcon from 'cozy-ui/assets/images/appstore.png';
-import playStoreIcon from 'cozy-ui/assets/images/playstore.png';
+import DefaultQRCode from "cozy-ui/transpiled/react/CozyDialogs/SpecificDialogs/icons/QRCodeInstallFlagshipAppDialog.png";
+import appStoreIcon from "cozy-ui/transpiled/react/CozyDialogs/SpecificDialogs/icons/appstore.png";
+import playStoreIcon from "cozy-ui/transpiled/react/CozyDialogs/SpecificDialogs/icons/playstore.png";
 import withSpecificDialogsLocales from "cozy-ui/transpiled/react/CozyDialogs/SpecificDialogs/withSpecificDialogsLocales";
 var InstallFlagshipAppDialog = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var onClose = _ref.onClose,

package/transpiled/react/Paywall/Paywall.js

@@ -52,7 +52,7 @@ var Paywall = function Paywall(_ref) {
   var type = makeType(instance, isPublic, link);
 
   var onAction = function onAction() {
-    return type === 'premium' && !isMobileAppVersion ? window.open(link, 'self') : onClose();
+    return type === 'premium' && !isMobileAppVersion ? window.open(link, '_self') : onClose();
   };
 
   return /*#__PURE__*/React.createElement(IllustrationDialog, {

package/transpiled/react/Paywall/QuotaPaywall.js

@@ -0,0 +1,20 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import Paywall from "cozy-ui/transpiled/react/Paywall/Paywall";
+/**
+ * Paywall displayed when user disk space is full
+ */
+
+var QuotaPaywall = function QuotaPaywall(_ref) {
+  var onClose = _ref.onClose;
+  return /*#__PURE__*/React.createElement(Paywall, {
+    variant: "quota",
+    onClose: onClose
+  });
+};
+
+QuotaPaywall.propTypes = {
+  /** Callback used when the user close the paywall */
+  onClose: PropTypes.func.isRequired
+};
+export default QuotaPaywall;

package/transpiled/react/Paywall/index.js

@@ -2,4 +2,5 @@ export { default as OnlyOfficePaywall } from './OnlyOfficePaywall';
 export { default as PasswordSharingPaywall } from './PasswordSharingPaywall';
 export { default as MaxAccountsByKonnectorPaywall } from './MaxAccountsByKonnectorPaywall';
 export { default as MaxAccountsPaywall } from './MaxAccountsPaywall';
-export { default as MaxPapersPaywall } from './MaxPapersPaywall';
+export { default as MaxPapersPaywall } from './MaxPapersPaywall';
+export { default as QuotaPaywall } from './QuotaPaywall';

package/transpiled/react/Paywall/locales/withPaywallLocales.js

@@ -5,8 +5,8 @@ var en = {
   },
   onlyOfficePaywall: {
     premium: {
-      title: "Upgrade your Cozy!",
-      content: "To unlock this feature, or simply support us, you can change your Cozy offer.",
+      title: "Upgrade your plan",
+      content: "Your plan doesn't allow you to **modify your documents online**.\n\nTo unlock this feature, or simply support us, you can change your Cozy plan.",
       action: "Check our plans"
     },
     "public": {
@@ -16,55 +16,67 @@ var en = {
     },
     "default": {
       title: "Information",
-      content: "Your current offer does not allow you to take advantage of this feature.",
+      content: "Your current plan does not allow you to take advantage of this feature.",
       action: "I understand"
     }
   },
   passwordSharingPaywall: {
     premium: {
-      title: "Upgrade your Cozy!",
-      content: "To unlock this feature, or simply support us, you can change your Cozy offer.",
+      title: "Upgrade your plan",
+      content: "Your plan doesn't allow you to **share your passwords**.\n\nTo unlock this feature, or simply support us, you can change your Cozy plan.",
       action: "Check our plans"
     },
     "default": {
       title: "Information",
-      content: "Your current offer does not allow you to take advantage of this feature.",
+      content: "Your current plan does not allow you to take advantage of this feature.",
       action: "I understand"
     }
   },
   maxAccountsByKonnectorPaywall: {
     premium: {
-      title: "Upgrade your Cozy!",
-      content: "Your offer allows you to connect %{smart_count} account %{konnectorName} in your Cozy.\n\nTo unlock this feature, or simply support us, you can change your Cozy offer. |||| Your offer allows you to connect %{smart_count} accounts %{konnectorName} in your Cozy.\n\nTo unlock this feature, or simply support us, you can change your Cozy offer.",
+      title: "Upgrade your plan",
+      content: "Your plan allows you to connect up to **%{smart_count} account %{konnectorName}** in your Cozy.\n\nTo unlock this feature, or simply support us, you can change your Cozy plan. |||| Your plan allows you to connect up to **%{smart_count} accounts %{konnectorName}** in your Cozy.\n\nTo unlock this feature, or simply support us, you can change your Cozy plan.",
       action: "Check our plans"
     },
     "default": {
       title: "Information",
-      content: "Your current offer does not allow you to take advantage of this feature.",
+      content: "Your current plan does not allow you to take advantage of this feature.",
       action: "I understand"
     }
   },
   maxAccountsPaywall: {
     premium: {
-      title: "Upgrade your Cozy!",
-      content: "Your offer allows you to connect %{smart_count} account in your Cozy.\n\nTo unlock this feature, or simply support us, you can change your Cozy offer. |||| Your offer allows you to connect %{smart_count} accounts in your Cozy.\n\nTo unlock this feature, or simply support us, you can change your Cozy offer.",
+      title: "Upgrade your plan",
+      content: "Your plan allows you to connect up to **%{smart_count} account** in your Cozy.\n\nTo unlock this feature, or simply support us, you can change your Cozy plan. |||| Your plan allows you to connect up to **%{smart_count} accounts** in your Cozy.\n\nTo unlock this feature, or simply support us, you can change your Cozy plan.",
       action: "Check our plans"
     },
     "default": {
       title: "Information",
-      content: "Your current offer does not allow you to take advantage of this feature.",
+      content: "Your current plan does not allow you to take advantage of this feature.",
       action: "I understand"
     }
   },
   maxPapersPaywall: {
     premium: {
-      title: "Upgrade your Cozy!",
-      content: "Your offer allows you to manually add up to %{smart_count} paper.\n\nTo unlock this feature, or simply support us, you can modify the offer of your Cozy. |||| Your offer allows you to manually add up to %{smart_count} papers.\n\nTo unlock this feature, or simply support us, you can modify the offer of your Cozy.",
+      title: "Upgrade your plan",
+      content: "Your plan allows you to manually add up to **%{smart_count} paper**.\n\nTo unlock this feature, or simply support us, you can modify the plan of your Cozy. |||| Your plan allows you to manually add up to **%{smart_count} papers**.\n\nTo unlock this feature, or simply support us, you can modify the plan of your Cozy.",
       action: "Check our plans"
     },
     "default": {
       title: "Information",
-      content: "Your current offer does not allow you to take advantage of this feature.",
+      content: "Your current plan does not allow you to take advantage of this feature.",
+      action: "I understand"
+    }
+  },
+  quotaPaywall: {
+    premium: {
+      title: "Upgrade your plan",
+      content: "Your disk storage is full.\n\nPlease remove files, empty your trash or upgrade your plan before uploading files.",
+      action: "Check our plans"
+    },
+    "default": {
+      title: "Information",
+      content: "Your disk storage is full.\n\nPlease remove files, empty your trash before uploading files.",
       action: "I understand"
     }
   }
@@ -75,8 +87,8 @@ var fr = {
   },
   onlyOfficePaywall: {
     premium: {
-      title: "Augmenter votre Cozy !",
-      content: "Pour d\xE9bloquer cette fonctionnalit\xE9, ou simplement nous soutenir, vous pouvez modifier l'offre de votre Cozy.",
+      title: "Augmentez votre offre",
+      content: "Votre offre ne vous permet pas de **modifier vos documents en ligne**.\n\nPour d\xE9bloquer cette fonctionnalit\xE9, ou simplement nous soutenir, vous pouvez modifier l'offre de votre Cozy.",
       action: "Voir les offres"
     },
     "public": {
@@ -92,8 +104,8 @@ var fr = {
   },
   passwordSharingPaywall: {
     premium: {
-      title: "Augmenter votre Cozy !",
-      content: "Pour d\xE9bloquer cette fonctionnalit\xE9, ou simplement nous soutenir, vous pouvez modifier l'offre de votre Cozy.",
+      title: "Augmentez votre offre",
+      content: "Votre offre ne vous permet pas de **partager vos mots de passe**.\n\nPour d\xE9bloquer cette fonctionnalit\xE9, ou simplement nous soutenir, vous pouvez modifier l'offre de votre Cozy.",
       action: "Voir les offres"
     },
     "default": {
@@ -104,8 +116,8 @@ var fr = {
   },
   maxAccountsByKonnectorPaywall: {
     premium: {
-      title: "Augmenter votre Cozy !",
-      content: "Votre offre vous permet de connecter %{smart_count} compte %{konnectorName} dans votre Cozy.\n\nPour d\xE9bloquer cette fonctionnalit\xE9, ou simplement nous soutenir, vous pouvez modifier l'offre de votre Cozy. |||| Votre offre vous permet de connecter %{smart_count} comptes %{konnectorName} dans votre Cozy.\n\nPour d\xE9bloquer cette fonctionnalit\xE9, ou simplement nous soutenir, vous pouvez modifier l'offre de votre Cozy.",
+      title: "Augmentez votre offre",
+      content: "Votre offre vous permet de connecter jusqu'\xE0 **%{smart_count} compte %{konnectorName}** dans votre Cozy.\n\nPour d\xE9bloquer cette fonctionnalit\xE9, ou simplement nous soutenir, vous pouvez modifier l'offre de votre Cozy. |||| Votre offre vous permet de connecter jusqu'\xE0 **%{smart_count} comptes %{konnectorName}** dans votre Cozy.\n\nPour d\xE9bloquer cette fonctionnalit\xE9, ou simplement nous soutenir, vous pouvez modifier l'offre de votre Cozy.",
       action: "Voir les offres"
     },
     "default": {
@@ -116,8 +128,8 @@ var fr = {
   },
   maxAccountsPaywall: {
     premium: {
-      title: "Augmenter votre Cozy !",
-      content: "Votre offre vous permet de connecter %{smart_count} compte dans votre Cozy.\n\nPour d\xE9bloquer cette fonctionnalit\xE9, ou simplement nous soutenir, vous pouvez modifier l'offre de votre Cozy. |||| Votre offre vous permet de connecter %{smart_count} comptes dans votre Cozy.\n\nPour d\xE9bloquer cette fonctionnalit\xE9, ou simplement nous soutenir, vous pouvez modifier l'offre de votre Cozy.",
+      title: "Augmentez votre offre",
+      content: "Votre offre vous permet de connecter jusqu'\xE0 **%{smart_count} compte** dans votre Cozy.\n\nPour d\xE9bloquer cette fonctionnalit\xE9, ou simplement nous soutenir, vous pouvez modifier l'offre de votre Cozy. |||| Votre offre vous permet de connecter jusqu'\xE0 **%{smart_count} comptes** dans votre Cozy.\n\nPour d\xE9bloquer cette fonctionnalit\xE9, ou simplement nous soutenir, vous pouvez modifier l'offre de votre Cozy.",
       action: "Voir les offres"
     },
     "default": {
@@ -128,8 +140,8 @@ var fr = {
   },
   maxPapersPaywall: {
     premium: {
-      title: "Augmenter votre Cozy !",
-      content: "Votre offre vous permet d'ajouter manuellement jusqu'\xE0 %{smart_count} papier.\n\nPour d\xE9bloquer cette fonctionnalit\xE9, ou simplement nous soutenir, vous pouvez modifier l'offre de votre Cozy. |||| Votre offre vous permet d'ajouter manuellement jusqu'\xE0 %{smart_count} papiers.\n\nPour d\xE9bloquer cette fonctionnalit\xE9, ou simplement nous soutenir, vous pouvez modifier l'offre de votre Cozy.",
+      title: "Augmentez votre offre",
+      content: "Votre offre vous permet d'ajouter manuellement jusqu'\xE0 **%{smart_count} papier**.\n\nPour d\xE9bloquer cette fonctionnalit\xE9, ou simplement nous soutenir, vous pouvez modifier l'offre de votre Cozy. |||| Votre offre vous permet d'ajouter manuellement jusqu'\xE0 **%{smart_count} papiers**.\n\nPour d\xE9bloquer cette fonctionnalit\xE9, ou simplement nous soutenir, vous pouvez modifier l'offre de votre Cozy.",
       action: "Voir les offres"
     },
     "default": {
@@ -137,6 +149,18 @@ var fr = {
       content: "Votre offre actuelle ne vous permet pas de profiter de cette fonctionnalit\xE9.",
       action: "J'ai compris"
     }
+  },
+  quotaPaywall: {
+    premium: {
+      title: "Augmentez votre offre",
+      content: "Votre espace de stockage est plein.\n\nVeuillez supprimer des fichiers, vider votre corbeille ou changer d'offre avant d'importer de nouveaux fichiers.",
+      action: "Voir les offres"
+    },
+    "default": {
+      title: "Information",
+      content: "Votre espace de stockage est plein.\n\nVeuillez supprimer des fichiers, et vider votre corbeille avant d'importer de nouveaux fichiers.",
+      action: "J'ai compris"
+    }
   }
 };
 export var locales = {

package/transpiled/react/deprecated/QuotaAlert/index.js

@@ -1,84 +1,15 @@
 import React from 'react';
-import get from 'lodash/get';
-import { useClient } from 'cozy-client';
-import { isMobileApp } from 'cozy-device-helper';
-import { Dialog } from "cozy-ui/transpiled/react/CozyDialogs";
-import Button from "cozy-ui/transpiled/react/deprecated/Button";
-import useInstance from "cozy-ui/transpiled/react/helpers/useInstance";
-import withLocales from "cozy-ui/transpiled/react/I18n/withLocales";
-var en = {
-  quotaalert: {
-    title: "Your disk space is full :(",
-    desc: "Please remove files, empty your trash or increase your disk space before uploading files again.",
-    confirm: "OK",
-    increase: "Increase your disk space"
-  }
-};
-var fr = {
-  quotaalert: {
-    title: "Votre espace disque est plein :(",
-    desc: "Veuillez supprimer des fichiers, vider votre corbeille ou augmenter votre espace disque avant d'importer de nouveau fichier.",
-    confirm: "OK",
-    increase: "Augmenter votre espace disque"
-  }
-};
-var locales = {
-  en: en,
-  fr: fr
-};
-
-var buildPremiumLink = function buildPremiumLink(uuid, managerUrl) {
-  return "".concat(managerUrl, "/cozy/instances/").concat(uuid, "/premium");
-};
-
-var QuotaModalAlert = withLocales(locales)(function (_ref) {
-  var t = _ref.t,
-      onClose = _ref.onClose,
-      instance = _ref.instance;
-  var uuid = get(instance, 'instance.data.attributes.uuid');
-  var managerUrl = get(instance, 'context.data.attributes.manager_url');
-  return /*#__PURE__*/React.createElement(Dialog, {
-    open: true,
-    title: t('quotaalert.title'),
-    content: t('quotaalert.desc'),
-    actions: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {
-      theme: "secondary",
-      onClick: onClose,
-      label: t('quotaalert.confirm')
-    }), uuid && managerUrl && /*#__PURE__*/React.createElement(Button, {
-      theme: "primary",
-      label: t('quotaalert.increase'),
-      onClick: function onClick() {
-        return window.open(buildPremiumLink(uuid, managerUrl), 'self');
-      }
-    })),
-    onClose: onClose
-  });
-});
-
-var QuotaAlert = function QuotaAlert(_ref2) {
-  var onClose = _ref2.onClose;
-  var client = useClient();
-  /**
-   * We don't want to call useInstance if we are on
-   * mobile since we don't want to create a link to the cozy manager
-   * because Apple and Google have restricted policy about
-   * making a link to an outside purchase.
-   *
-   * So no call, no instance info, no button
-   */
-
-  if (isMobileApp()) {
-    return /*#__PURE__*/React.createElement(QuotaModalAlert, {
-      onClose: onClose
-    });
-  } // TODO: why is there a conditional hook here?
-  // eslint-disable-next-line react-hooks/rules-of-hooks
-
+import createDepreciationLogger from "cozy-ui/transpiled/react/helpers/createDepreciationLogger";
+import { QuotaPaywall } from "cozy-ui/transpiled/react/Paywall";
+var logDeprecatedComponent = createDepreciationLogger();
+/**
+ * @deprecated This component is depreacated, please use [QuotaPaywall](#/Paywall) instead.
+ */
 
-  var instanceInfo = useInstance(client);
-  return /*#__PURE__*/React.createElement(QuotaModalAlert, {
-    instance: instanceInfo,
+var QuotaAlert = function QuotaAlert(_ref) {
+  var onClose = _ref.onClose;
+  logDeprecatedComponent('QuotaAlert is now exported from the cozy-ui as QuotaPaywall. Please import the component from "cozy-ui/transpiled/react/Paywall"');
+  return /*#__PURE__*/React.createElement(QuotaPaywall, {
     onClose: onClose
   });
 };

package/react/deprecated/QuotaAlert/locales/en.json

@@ -1,8 +0,0 @@
-{
-  "quotaalert": {
-    "title": "Your disk space is full :(",
-    "desc": "Please remove files, empty your trash or increase your disk space before uploading files again.",
-    "confirm": "OK",
-    "increase": "Increase your disk space"
-  }
-}

package/react/deprecated/QuotaAlert/locales/fr.json

@@ -1,8 +0,0 @@
-{
-  "quotaalert": {
-    "title": "Votre espace disque est plein :(",
-    "desc": "Veuillez supprimer des fichiers, vider votre corbeille ou augmenter votre espace disque avant d'importer de nouveau fichier.",
-    "confirm": "OK",
-    "increase": "Augmenter votre espace disque"
-  }
-}