cozy-sharing 16.16.0 → 17.0.0

package/CHANGELOG.md

@@ -3,6 +3,34 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [17.0.0](https://github.com/cozy/cozy-libs/compare/cozy-sharing@16.17.0...cozy-sharing@17.0.0) (2024-12-18)
+
+
+### Features
+
+* Add NativeFileSharingProvider and shareNative action ([71ba4e1](https://github.com/cozy/cozy-libs/commit/71ba4e120a5518534867cd1f1541502652f9b979))
+
+
+### BREAKING CHANGES
+
+* you now need cozy-intent >=2.29.1
+and cozy-device-helper >= 3.7.1 with cozy-sharing
+
+
+
+
+
+# [16.17.0](https://github.com/cozy/cozy-libs/compare/cozy-sharing@16.16.0...cozy-sharing@16.17.0) (2024-12-12)
+
+
+### Features
+
+* **cozy-sharing:** Add isShortLabel prop to OpenSharing's buttons ([1085567](https://github.com/cozy/cozy-libs/commit/108556765800f6972a6b4c801fa09fd7c5d08c65))
+
+
+
+
+
 # [16.16.0](https://github.com/cozy/cozy-libs/compare/cozy-sharing@16.15.1...cozy-sharing@16.16.0) (2024-12-12)
 
 

package/dist/OpenSharingLinkButton.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["link", "isSharingShortcutCreated"];
+var _excluded = ["link", "isSharingShortcutCreated", "isShortLabel"];
 import PropTypes from 'prop-types';
 import React from 'react';
 import Button from 'cozy-ui/transpiled/react/Buttons';
@@ -15,6 +15,7 @@ import withLocales from './hoc/withLocales';
  * @param {Object} props - The props for the component.
  * @param {string} props.link - The URL to be opened when the button is clicked.
  * @param {boolean} [props.isSharingShortcutCreated=false] - Indicates if a sharing shortcut has been created. (default false)
+ * @param {boolean} [props.isShortLabel] - Display a short label for the button.
  * @param {Object} [props] - Additional props to be passed to the Button component.
  */
 
@@ -22,6 +23,8 @@ var OpenSharingLinkButton = function OpenSharingLinkButton(_ref) {
   var link = _ref.link,
       _ref$isSharingShortcu = _ref.isSharingShortcutCreated,
       isSharingShortcutCreated = _ref$isSharingShortcu === void 0 ? false : _ref$isSharingShortcu,
+      _ref$isShortLabel = _ref.isShortLabel,
+      isShortLabel = _ref$isShortLabel === void 0 ? false : _ref$isShortLabel,
       props = _objectWithoutProperties(_ref, _excluded);
 
   var _useI18n = useI18n(),
@@ -34,6 +37,7 @@ var OpenSharingLinkButton = function OpenSharingLinkButton(_ref) {
   var _getIconWithlabel = getIconWithlabel({
     link: link,
     isSharingShortcutCreated: isSharingShortcutCreated,
+    isShortLabel: isShortLabel,
     t: t
   }),
       icon = _getIconWithlabel.icon,
@@ -50,6 +54,7 @@ var OpenSharingLinkButton = function OpenSharingLinkButton(_ref) {
 
 OpenSharingLinkButton.propTypes = {
   link: PropTypes.string,
-  isSharingShortcutCreated: PropTypes.bool
+  isSharingShortcutCreated: PropTypes.bool,
+  isShortLabel: PropTypes.bool
 };
 export default withLocales(OpenSharingLinkButton);

package/dist/OpenSharingLinkFabButton.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["position", "right", "bottom"],
-    _excluded2 = ["link", "isSharingShortcutCreated"],
+    _excluded2 = ["link", "isSharingShortcutCreated", "isShortLabel"],
     _excluded3 = ["style"];
 
 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 makeStyles = function makeStyles(customStyle) {
  * @param {Object} props - The props for the component.
  * @param {string} props.link - The URL to be opened when the button is clicked.
  * @param {boolean} [props.isSharingShortcutCreated=false] - Indicates if a sharing shortcut has been created. (default false)
+ * @param {boolean} [props.isShortLabel] - Display a short label for the button.
  * @param {Object} [props] - Additional props to be passed to the ExtendableFab component.
  */
 
@@ -43,6 +44,7 @@ var OpenSharingLinkFabButton = function OpenSharingLinkFabButton(_ref) {
   var link = _ref.link,
       _ref$isSharingShortcu = _ref.isSharingShortcutCreated,
       isSharingShortcutCreated = _ref$isSharingShortcu === void 0 ? false : _ref$isSharingShortcu,
+      isShortLabel = _ref.isShortLabel,
       props = _objectWithoutProperties(_ref, _excluded2);
 
   var _props$style = props.style,
@@ -61,6 +63,7 @@ var OpenSharingLinkFabButton = function OpenSharingLinkFabButton(_ref) {
   var _getIconWithlabel = getIconWithlabel({
     link: link,
     isSharingShortcutCreated: isSharingShortcutCreated,
+    isShortLabel: isShortLabel,
     t: t
   }),
       icon = _getIconWithlabel.icon,
@@ -78,6 +81,7 @@ var OpenSharingLinkFabButton = function OpenSharingLinkFabButton(_ref) {
 
 OpenSharingLinkFabButton.propTypes = {
   link: PropTypes.string.isRequired,
-  isSharingShortcutCreated: PropTypes.bool
+  isSharingShortcutCreated: PropTypes.bool,
+  isShortLabel: PropTypes.bool
 };
 export default withLocales(OpenSharingLinkFabButton);

package/dist/actions/openSharingLink.js

@@ -25,6 +25,8 @@ export var openSharingLink = function openSharingLink(_ref) {
   var isSharingShortcutCreated = _ref.isSharingShortcutCreated,
       _ref$openSharingLinkD = _ref.openSharingLinkDisplayed,
       openSharingLinkDisplayed = _ref$openSharingLinkD === void 0 ? true : _ref$openSharingLinkD,
+      _ref$isShortLabel = _ref.isShortLabel,
+      isShortLabel = _ref$isShortLabel === void 0 ? false : _ref$isShortLabel,
       link = _ref.link;
 
   var _getActionsI18n = getActionsI18n(),
@@ -33,6 +35,7 @@ export var openSharingLink = function openSharingLink(_ref) {
   var _getIconWithlabel = getIconWithlabel({
     link: link,
     isSharingShortcutCreated: isSharingShortcutCreated,
+    isShortLabel: isShortLabel,
     t: t
   }),
       icon = _getIconWithlabel.icon,

package/dist/actions/shareNative.js

@@ -0,0 +1,50 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React, { forwardRef } from 'react';
+import ActionsMenuItem from 'cozy-ui/transpiled/react/ActionsMenu/ActionsMenuItem';
+import Icon from 'cozy-ui/transpiled/react/Icon';
+import ReplyIcon from 'cozy-ui/transpiled/react/Icons/Reply';
+import ListItemIcon from 'cozy-ui/transpiled/react/ListItemIcon';
+import ListItemText from 'cozy-ui/transpiled/react/ListItemText';
+import { getActionsI18n } from '../hoc/withLocales';
+
+var makeComponent = function makeComponent(label, icon) {
+  var Component = /*#__PURE__*/forwardRef(function (props, ref) {
+    return /*#__PURE__*/React.createElement(ActionsMenuItem, _extends({}, props, {
+      ref: ref
+    }), /*#__PURE__*/React.createElement(ListItemIcon, null, /*#__PURE__*/React.createElement(Icon, {
+      icon: icon
+    })), /*#__PURE__*/React.createElement(ListItemText, {
+      primary: label
+    }));
+  });
+  Component.displayName = 'ShareNative';
+  return Component;
+};
+
+export var shareNative = function shareNative(_ref) {
+  var shareFilesNative = _ref.shareFilesNative,
+      isNativeFileSharingAvailable = _ref.isNativeFileSharingAvailable;
+
+  var _getActionsI18n = getActionsI18n(),
+      t = _getActionsI18n.t;
+
+  var label = t('Share.send');
+  var icon = ReplyIcon;
+  return {
+    name: 'shareNative',
+    label: label,
+    icon: icon,
+    displayCondition: function displayCondition(selectedFiles) {
+      return isNativeFileSharingAvailable && selectedFiles.every(function (selectedFile) {
+        return selectedFile.type === 'file';
+      });
+    },
+    action: function action(data) {
+      var idsToShare = data.map(function (d) {
+        return d._id;
+      });
+      shareFilesNative(idsToShare);
+    },
+    Component: makeComponent(label, icon)
+  };
+};

package/dist/components/SharingBanner/components/PublicBanner.js

@@ -66,11 +66,15 @@ var SharingBannerCozyToCozy = function SharingBannerCozyToCozy(_ref2) {
   };
 
   var buttonOne = isSharingShortcutCreated ? {
-    label: t('Share.banner.sync_to_mine'),
+    label: t('Share.banner.sync_to_mine', {
+      smart_count: 2
+    }),
     icon: 'sync-cozy',
     action: action
   } : {
-    label: t('Share.banner.add_to_mine'),
+    label: t('Share.banner.add_to_mine', {
+      smart_count: 2
+    }),
     icon: 'to-the-cloud',
     action: action
   };
@@ -124,7 +128,9 @@ var SharingBannerByLink = function SharingBannerByLink(_ref3) {
     buttonOne: /*#__PURE__*/React.createElement(Button, {
       component: "a",
       variant: "text",
-      label: t('Share.create-cozy'),
+      label: t('Share.create-cozy', {
+        smart_count: 2
+      }),
       icon: CozyHomeLinkIcon,
       href: HOME_LINK_HREF
     }),

package/dist/helpers/sharings.js

@@ -130,24 +130,31 @@ export var openExternalLink = function openExternalLink(url) {
 export var getIconWithlabel = function getIconWithlabel(_ref4) {
   var link = _ref4.link,
       isSharingShortcutCreated = _ref4.isSharingShortcutCreated,
+      isShortLabel = _ref4.isShortLabel,
       t = _ref4.t;
 
   if (link === CREATE_COZY_HREF) {
     return {
       icon: ToTheCloudIcon,
-      label: t('Share.create-cozy')
+      label: t('Share.create-cozy', {
+        smart_count: isShortLabel ? 1 : 2
+      })
     };
   }
 
   if (!isSharingShortcutCreated) {
     return {
       icon: CloudPlusOutlinedIcon,
-      label: t('Share.banner.add_to_mine')
+      label: t('Share.banner.add_to_mine', {
+        smart_count: isShortLabel ? 1 : 2
+      })
     };
   }
 
   return {
     icon: SyncIcon,
-    label: t('Share.banner.sync_to_mine')
+    label: t('Share.banner.sync_to_mine', {
+      smart_count: isShortLabel ? 1 : 2
+    })
   };
 };

package/dist/index.js

@@ -25,4 +25,6 @@ export { ShareButtonWithRecipients } from './ShareButtonWithRecipients';
 export { DOCUMENT_TYPE } from './helpers/documentType';
 export { default as OpenSharingLinkButton } from './OpenSharingLinkButton';
 export { default as OpenSharingLinkFabButton } from './OpenSharingLinkFabButton';
-export { openSharingLink } from './actions/openSharingLink';
+export { NativeFileSharingProvider, useNativeFileSharing } from './providers/NativeFileSharingProvider';
+export { openSharingLink } from './actions/openSharingLink';
+export { shareNative } from './actions/shareNative';

package/dist/providers/NativeFileSharingProvider.js

@@ -0,0 +1,95 @@
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import React, { useState, useEffect, createContext, useContext } from 'react';
+import { isFlagshipApp } from 'cozy-device-helper';
+import { useWebviewIntent } from 'cozy-intent';
+var NativeFileSharingContext = /*#__PURE__*/createContext();
+export var useNativeFileSharing = function useNativeFileSharing() {
+  var context = useContext(NativeFileSharingContext);
+
+  if (!context) {
+    throw new Error('useFileSharing must be used within a FileSharingProvider');
+  }
+
+  return context;
+};
+export var NativeFileSharingProvider = function NativeFileSharingProvider(_ref) {
+  var children = _ref.children;
+  var webviewIntent = useWebviewIntent();
+
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      isNativeFileSharingAvailable = _useState2[0],
+      setIsNativeFileSharingAvailable = _useState2[1];
+
+  useEffect(function () {
+    var checkNativeFileSharingAvailability = /*#__PURE__*/function () {
+      var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+        var availability;
+        return _regeneratorRuntime.wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              _context.t0 = isFlagshipApp();
+
+              if (!_context.t0) {
+                _context.next = 5;
+                break;
+              }
+
+              _context.next = 4;
+              return webviewIntent.call('isAvailable', 'shareFiles');
+
+            case 4:
+              _context.t0 = _context.sent;
+
+            case 5:
+              availability = _context.t0;
+              setIsNativeFileSharingAvailable(availability);
+
+            case 7:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee);
+      }));
+
+      return function checkNativeFileSharingAvailability() {
+        return _ref2.apply(this, arguments);
+      };
+    }();
+
+    checkNativeFileSharingAvailability();
+  }, [webviewIntent]);
+
+  var shareFilesNative = /*#__PURE__*/function () {
+    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(filesIds) {
+      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            _context2.next = 2;
+            return webviewIntent.call('shareFiles', filesIds);
+
+          case 2:
+            return _context2.abrupt("return", _context2.sent);
+
+          case 3:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2);
+    }));
+
+    return function shareFilesNative(_x) {
+      return _ref3.apply(this, arguments);
+    };
+  }();
+
+  return /*#__PURE__*/React.createElement(NativeFileSharingContext.Provider, {
+    value: {
+      isNativeFileSharingAvailable: isNativeFileSharingAvailable,
+      shareFilesNative: shareFilesNative
+    }
+  }, children);
+};
+export default NativeFileSharingProvider;

package/locales/en.json

@@ -28,7 +28,7 @@
       "anyoneWithTheLink": "Anyone with the link",
       "accessCount": "%{count} people have access"
     },
-    "create-cozy": "Create my cozy",
+    "create-cozy": "Create |||| Create my cozy",
     "members": {
       "count": "%{smart_count} member |||| %{smart_count} members",
       "others": "and 1 other… |||| and %{smart_count} others…",
@@ -59,8 +59,8 @@
       "shared_from": "The items below are displayed from ![avatar](%{image}) **%{name}**'s Cozy. You can add a link to this share in your Cozy",
       "whats_cozy": "Cozy is a secure digital home for all your data, hosted in France - ",
       "know_more": "More information",
-      "sync_to_mine": "Synchronise in my Cozy",
-      "add_to_mine": "Add to my Cozy",
+      "sync_to_mine": "Synchronise |||| Synchronise in my Cozy",
+      "add_to_mine": "Add |||| Add to my Cozy",
       "close": "Close"
     },
     "permissionLink": {
@@ -84,7 +84,8 @@
           "readWrite": "write"
         }
       }
-    }
+    },
+    "send": "Send..."
   },
   "Sharings": {
     "unavailable": {

package/locales/fr.json

@@ -28,7 +28,7 @@
       "anyoneWithTheLink": "N'importe qui avec le lien",
       "accessCount": "%{count} personnes y ont accès"
     },
-    "create-cozy": "Créer mon Cozy",
+    "create-cozy": "Créer |||| Créer mon Cozy",
     "members": {
       "count": "%{smart_count} membre |||| %{smart_count} membres",
       "others": "et 1 autre… |||| et %{smart_count} autres…",
@@ -59,8 +59,8 @@
       "shared_from": "Les éléments ci-dessous sont affichés depuis le Cozy de ![avatar](%{image}) **%{name}**. Vous pouvez ajouter un lien vers ce partage dans votre Cozy.",
       "whats_cozy": "Cozy est un domicile numérique sécurisé pour toutes vos données, hébergé en France - ",
       "know_more": "En savoir plus",
-      "sync_to_mine": "Synchroniser dans mon Cozy",
-      "add_to_mine": "Ajouter à mon Cozy",
+      "sync_to_mine": "Synchroniser |||| Synchroniser dans mon Cozy",
+      "add_to_mine": "Ajouter |||| Ajouter à mon Cozy",
       "close": "Fermer"
     },
     "permissionLink": {
@@ -82,7 +82,8 @@
         "readOnly": "lecture",
         "readWrite": "modification"
       }
-    }
+    },
+    "send": "Envoyer..."
   },
   "Sharings": {
     "unavailable": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cozy-sharing",
-  "version": "16.16.0",
+  "version": "17.0.0",
   "description": "Provides sharing login for React applications.",
   "main": "dist/index.js",
   "author": "Cozy",
@@ -65,6 +65,8 @@
   },
   "peerDependencies": {
     "cozy-client": ">=51.4.0",
+    "cozy-device-helper": ">=3.7.1",
+    "cozy-intent": ">=2.29.1",
     "cozy-realtime": "^3.11.0",
     "cozy-ui": ">=113.5.0",
     "prop-types": "^15.7.2",
@@ -74,5 +76,5 @@
   "sideEffects": [
     "*.css"
   ],
-  "gitHead": "620313f3d90b1308f01f4e1ec5bbcd76adb64174"
+  "gitHead": "e119955a4934470d07c763ac51e95149f469f55f"
 }

package/src/OpenSharingLinkButton.jsx

@@ -15,11 +15,13 @@ import withLocales from './hoc/withLocales'
  * @param {Object} props - The props for the component.
  * @param {string} props.link - The URL to be opened when the button is clicked.
  * @param {boolean} [props.isSharingShortcutCreated=false] - Indicates if a sharing shortcut has been created. (default false)
+ * @param {boolean} [props.isShortLabel] - Display a short label for the button.
  * @param {Object} [props] - Additional props to be passed to the Button component.
  */
 const OpenSharingLinkButton = ({
   link,
   isSharingShortcutCreated = false,
+  isShortLabel = false,
   ...props
 }) => {
   const { t } = useI18n()
@@ -31,6 +33,7 @@ const OpenSharingLinkButton = ({
   const { icon, label } = getIconWithlabel({
     link,
     isSharingShortcutCreated,
+    isShortLabel,
     t
   })
 
@@ -46,7 +49,8 @@ const OpenSharingLinkButton = ({
 
 OpenSharingLinkButton.propTypes = {
   link: PropTypes.string,
-  isSharingShortcutCreated: PropTypes.bool
+  isSharingShortcutCreated: PropTypes.bool,
+  isShortLabel: PropTypes.bool
 }
 
 export default withLocales(OpenSharingLinkButton)

package/src/OpenSharingLinkFabButton.jsx

@@ -24,11 +24,13 @@ const makeStyles = customStyle => {
  * @param {Object} props - The props for the component.
  * @param {string} props.link - The URL to be opened when the button is clicked.
  * @param {boolean} [props.isSharingShortcutCreated=false] - Indicates if a sharing shortcut has been created. (default false)
+ * @param {boolean} [props.isShortLabel] - Display a short label for the button.
  * @param {Object} [props] - Additional props to be passed to the ExtendableFab component.
  */
 const OpenSharingLinkFabButton = ({
   link,
   isSharingShortcutCreated = false,
+  isShortLabel,
   ...props
 }) => {
   const { style = {}, ...rest } = props
@@ -42,6 +44,7 @@ const OpenSharingLinkFabButton = ({
   const { icon, label } = getIconWithlabel({
     link,
     isSharingShortcutCreated,
+    isShortLabel,
     t
   })
 
@@ -60,7 +63,8 @@ const OpenSharingLinkFabButton = ({
 
 OpenSharingLinkFabButton.propTypes = {
   link: PropTypes.string.isRequired,
-  isSharingShortcutCreated: PropTypes.bool
+  isSharingShortcutCreated: PropTypes.bool,
+  isShortLabel: PropTypes.bool
 }
 
 export default withLocales(OpenSharingLinkFabButton)

package/src/actions/openSharingLink.js

@@ -27,12 +27,14 @@ const makeComponent = (label, icon) => {
 export const openSharingLink = ({
   isSharingShortcutCreated,
   openSharingLinkDisplayed = true,
+  isShortLabel = false,
   link
 }) => {
   const { t } = getActionsI18n()
   const { icon, label } = getIconWithlabel({
     link,
     isSharingShortcutCreated,
+    isShortLabel,
     t
   })
 

package/src/actions/shareNative.js

@@ -0,0 +1,52 @@
+import React, { forwardRef } from 'react'
+
+import ActionsMenuItem from 'cozy-ui/transpiled/react/ActionsMenu/ActionsMenuItem'
+import Icon from 'cozy-ui/transpiled/react/Icon'
+import ReplyIcon from 'cozy-ui/transpiled/react/Icons/Reply'
+import ListItemIcon from 'cozy-ui/transpiled/react/ListItemIcon'
+import ListItemText from 'cozy-ui/transpiled/react/ListItemText'
+
+import { getActionsI18n } from '../hoc/withLocales'
+
+const makeComponent = (label, icon) => {
+  const Component = forwardRef((props, ref) => {
+    return (
+      <ActionsMenuItem {...props} ref={ref}>
+        <ListItemIcon>
+          <Icon icon={icon} />
+        </ListItemIcon>
+        <ListItemText primary={label} />
+      </ActionsMenuItem>
+    )
+  })
+  Component.displayName = 'ShareNative'
+
+  return Component
+}
+
+export const shareNative = ({
+  shareFilesNative,
+  isNativeFileSharingAvailable
+}) => {
+  const { t } = getActionsI18n()
+
+  const label = t('Share.send')
+  const icon = ReplyIcon
+
+  return {
+    name: 'shareNative',
+    label,
+    icon,
+    displayCondition: selectedFiles => {
+      return (
+        isNativeFileSharingAvailable &&
+        selectedFiles.every(selectedFile => selectedFile.type === 'file')
+      )
+    },
+    action: data => {
+      const idsToShare = data.map(d => d._id)
+      shareFilesNative(idsToShare)
+    },
+    Component: makeComponent(label, icon)
+  }
+}

package/src/components/SharingBanner/components/PublicBanner.jsx

@@ -57,12 +57,12 @@ const SharingBannerCozyToCozy = ({
   const action = () => openExternalLink(discoveryLink)
   const buttonOne = isSharingShortcutCreated
     ? {
-        label: t('Share.banner.sync_to_mine'),
+        label: t('Share.banner.sync_to_mine', { smart_count: 2 }),
         icon: 'sync-cozy',
         action
       }
     : {
-        label: t('Share.banner.add_to_mine'),
+        label: t('Share.banner.add_to_mine', { smart_count: 2 }),
         icon: 'to-the-cloud',
         action
       }
@@ -120,7 +120,7 @@ const SharingBannerByLink = ({ onClose }) => {
         <Button
           component="a"
           variant="text"
-          label={t('Share.create-cozy')}
+          label={t('Share.create-cozy', { smart_count: 2 })}
           icon={CozyHomeLinkIcon}
           href={HOME_LINK_HREF}
         />

package/src/helpers/sharings.js

@@ -70,12 +70,28 @@ export const openExternalLink = url => {
  * @param {object} params.t
  * @returns {{ icon: React.Component, label: string }}
  */
-export const getIconWithlabel = ({ link, isSharingShortcutCreated, t }) => {
+export const getIconWithlabel = ({
+  link,
+  isSharingShortcutCreated,
+  isShortLabel,
+  t
+}) => {
   if (link === CREATE_COZY_HREF) {
-    return { icon: ToTheCloudIcon, label: t('Share.create-cozy') }
+    return {
+      icon: ToTheCloudIcon,
+      label: t('Share.create-cozy', { smart_count: isShortLabel ? 1 : 2 })
+    }
   }
   if (!isSharingShortcutCreated) {
-    return { icon: CloudPlusOutlinedIcon, label: t('Share.banner.add_to_mine') }
+    return {
+      icon: CloudPlusOutlinedIcon,
+      label: t('Share.banner.add_to_mine', {
+        smart_count: isShortLabel ? 1 : 2
+      })
+    }
+  }
+  return {
+    icon: SyncIcon,
+    label: t('Share.banner.sync_to_mine', { smart_count: isShortLabel ? 1 : 2 })
   }
-  return { icon: SyncIcon, label: t('Share.banner.sync_to_mine') }
 }

package/src/index.jsx

@@ -29,4 +29,9 @@ export { ShareButtonWithRecipients } from './ShareButtonWithRecipients'
 export { DOCUMENT_TYPE } from './helpers/documentType'
 export { default as OpenSharingLinkButton } from './OpenSharingLinkButton'
 export { default as OpenSharingLinkFabButton } from './OpenSharingLinkFabButton'
+export {
+  NativeFileSharingProvider,
+  useNativeFileSharing
+} from './providers/NativeFileSharingProvider'
 export { openSharingLink } from './actions/openSharingLink'
+export { shareNative } from './actions/shareNative'

package/src/providers/NativeFileSharingProvider.jsx

@@ -0,0 +1,47 @@
+import React, { useState, useEffect, createContext, useContext } from 'react'
+
+import { isFlagshipApp } from 'cozy-device-helper'
+import { useWebviewIntent } from 'cozy-intent'
+
+const NativeFileSharingContext = createContext()
+
+export const useNativeFileSharing = () => {
+  const context = useContext(NativeFileSharingContext)
+
+  if (!context) {
+    throw new Error('useFileSharing must be used within a FileSharingProvider')
+  }
+  return context
+}
+
+export const NativeFileSharingProvider = ({ children }) => {
+  const webviewIntent = useWebviewIntent()
+
+  const [isNativeFileSharingAvailable, setIsNativeFileSharingAvailable] =
+    useState(false)
+
+  useEffect(() => {
+    const checkNativeFileSharingAvailability = async () => {
+      const availability =
+        isFlagshipApp() &&
+        (await webviewIntent.call('isAvailable', 'shareFiles'))
+
+      setIsNativeFileSharingAvailable(availability)
+    }
+    checkNativeFileSharingAvailability()
+  }, [webviewIntent])
+
+  const shareFilesNative = async filesIds => {
+    return await webviewIntent.call('shareFiles', filesIds)
+  }
+
+  return (
+    <NativeFileSharingContext.Provider
+      value={{ isNativeFileSharingAvailable, shareFilesNative }}
+    >
+      {children}
+    </NativeFileSharingContext.Provider>
+  )
+}
+
+export default NativeFileSharingProvider