cozy-sharing 16.17.0 → 17.0.0

package/CHANGELOG.md

@@ -3,6 +3,23 @@
 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)
 
 

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/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

@@ -84,7 +84,8 @@
           "readWrite": "write"
         }
       }
-    }
+    },
+    "send": "Send..."
   },
   "Sharings": {
     "unavailable": {

package/locales/fr.json

@@ -82,7 +82,8 @@
         "readOnly": "lecture",
         "readWrite": "modification"
       }
-    }
+    },
+    "send": "Envoyer..."
   },
   "Sharings": {
     "unavailable": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cozy-sharing",
-  "version": "16.17.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": "b112d2808c21ed0ee2d73f23a0630128deca0a12"
+  "gitHead": "e119955a4934470d07c763ac51e95149f469f55f"
 }

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/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