cozy-sharing 20.0.0 → 21.0.0

package/CHANGELOG.md

@@ -3,6 +3,48 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [21.0.0](https://github.com/cozy/cozy-libs/compare/cozy-sharing@20.0.0...cozy-sharing@21.0.0) (2025-01-23)
+
+
+### Features
+
+* **sharing:** Add new links to `useSharingInfos` ([e9e51f7](https://github.com/cozy/cozy-libs/commit/e9e51f773698ea72af5aca218c65b597c4f918c7))
+* **sharing:** Replace `openSharingLink` with 3 new actions ([9150b33](https://github.com/cozy/cozy-libs/commit/9150b33f7ef3cd55b986dffedd768f00408674dd))
+* **sharing:** Update PublicBanner with new addSharingLink ([3be70fe](https://github.com/cozy/cozy-libs/commit/3be70fef1780806584cba1f07daaf0ebcd9596c7))
+
+
+### BREAKING CHANGES
+
+* **sharing:** We now need 3 separate actions to Cozy to Cozy sharing.
+Replace the `openSharingLink` action with the desired
+action with its link option
+
+Example:
+```
+import {
+  addToCozySharingLink,
+  syncToCozySharingLink,
+  useSharingInfos
+} from 'cozy-sharing'
+
+const { addSharingLink, syncSharingLink } = useSharingInfos()
+
+const actions = makeActions(
+  [
+    addToCozySharingLink,
+    syncToCozySharingLink
+  ],
+  {
+    addSharingLink,
+    syncSharingLink
+  }
+)
+```
+
+
+
+
+
 # [20.0.0](https://github.com/cozy/cozy-libs/compare/cozy-sharing@19.0.0...cozy-sharing@20.0.0) (2025-01-22)
 
 

package/dist/actions/{openSharingLink.js → addToCozySharingLink.js}

@@ -2,9 +2,10 @@ 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 CloudPlusOutlinedIcon from 'cozy-ui/transpiled/react/Icons/CloudPlusOutlined';
 import ListItemIcon from 'cozy-ui/transpiled/react/ListItemIcon';
 import ListItemText from 'cozy-ui/transpiled/react/ListItemText';
-import { getIconWithlabel, openExternalLink } from '../helpers/sharings';
+import { openExternalLink } from '../helpers/sharings';
 import { getActionsI18n } from '../hoc/withLocales';
 
 var makeComponent = function makeComponent(label, icon) {
@@ -17,39 +18,34 @@ var makeComponent = function makeComponent(label, icon) {
       primary: label
     }));
   });
-  Component.displayName = 'OpenSharingLink';
+  Component.displayName = 'AddToCozySharingLink';
   return Component;
 };
 
-export var openSharingLink = function openSharingLink(_ref) {
+export var addToCozySharingLink = function addToCozySharingLink(_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;
+      addSharingLink = _ref.addSharingLink;
 
   var _getActionsI18n = getActionsI18n(),
       t = _getActionsI18n.t;
 
-  var _getIconWithlabel = getIconWithlabel({
-    link: link,
-    isSharingShortcutCreated: isSharingShortcutCreated,
-    isShortLabel: isShortLabel,
-    t: t
-  }),
-      icon = _getIconWithlabel.icon,
-      label = _getIconWithlabel.label;
-
+  var label = t('Share.banner.add_to_mine', {
+    smart_count: isShortLabel ? 1 : 2
+  });
+  var icon = CloudPlusOutlinedIcon;
   return {
-    name: 'openSharingLink',
+    name: 'addToCozySharingLink',
     label: label,
     icon: icon,
     displayCondition: function displayCondition() {
-      return openSharingLinkDisplayed;
+      return openSharingLinkDisplayed && !isSharingShortcutCreated;
     },
     action: function action() {
-      openExternalLink(link);
+      openExternalLink(addSharingLink);
     },
     Component: makeComponent(label, icon)
   };

package/dist/actions/createCozySharingLink.js

@@ -0,0 +1,51 @@
+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 ToTheCloudIcon from 'cozy-ui/transpiled/react/Icons/ToTheCloud';
+import ListItemIcon from 'cozy-ui/transpiled/react/ListItemIcon';
+import ListItemText from 'cozy-ui/transpiled/react/ListItemText';
+import { openExternalLink } from '../helpers/sharings';
+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 = 'CreateCozySharingLink';
+  return Component;
+};
+
+export var createCozySharingLink = function createCozySharingLink(_ref) {
+  var _ref$openSharingLinkD = _ref.openSharingLinkDisplayed,
+      openSharingLinkDisplayed = _ref$openSharingLinkD === void 0 ? true : _ref$openSharingLinkD,
+      _ref$isShortLabel = _ref.isShortLabel,
+      isShortLabel = _ref$isShortLabel === void 0 ? false : _ref$isShortLabel,
+      createSharingLink = _ref.createSharingLink;
+
+  var _getActionsI18n = getActionsI18n(),
+      t = _getActionsI18n.t;
+
+  var label = t('Share.create-cozy', {
+    smart_count: isShortLabel ? 1 : 2
+  });
+  var icon = ToTheCloudIcon;
+  return {
+    name: 'createCozySharingLink',
+    label: label,
+    icon: icon,
+    displayCondition: function displayCondition() {
+      return openSharingLinkDisplayed;
+    },
+    action: function action() {
+      openExternalLink(createSharingLink);
+    },
+    Component: makeComponent(label, icon)
+  };
+};

package/dist/actions/syncToCozySharingLink.js

@@ -0,0 +1,51 @@
+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 SyncIcon from 'cozy-ui/transpiled/react/Icons/Sync';
+import ListItemIcon from 'cozy-ui/transpiled/react/ListItemIcon';
+import ListItemText from 'cozy-ui/transpiled/react/ListItemText';
+import { openExternalLink } from '../helpers/sharings';
+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 = 'SyncToCozySharingLink';
+  return Component;
+};
+
+export var syncToCozySharingLink = function syncToCozySharingLink(_ref) {
+  var _ref$openSharingLinkD = _ref.openSharingLinkDisplayed,
+      openSharingLinkDisplayed = _ref$openSharingLinkD === void 0 ? true : _ref$openSharingLinkD,
+      _ref$isShortLabel = _ref.isShortLabel,
+      isShortLabel = _ref$isShortLabel === void 0 ? false : _ref$isShortLabel,
+      syncSharingLink = _ref.syncSharingLink;
+
+  var _getActionsI18n = getActionsI18n(),
+      t = _getActionsI18n.t;
+
+  var label = t('Share.banner.sync_to_mine', {
+    smart_count: isShortLabel ? 1 : 2
+  });
+  var icon = SyncIcon;
+  return {
+    name: 'syncToCozySharingLink',
+    label: label,
+    icon: icon,
+    displayCondition: function displayCondition() {
+      return openSharingLinkDisplayed;
+    },
+    action: function action() {
+      openExternalLink(syncSharingLink);
+    },
+    Component: makeComponent(label, icon)
+  };
+};

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

@@ -55,14 +55,14 @@ var openExternalLink = function openExternalLink(url) {
 var SharingBannerCozyToCozy = function SharingBannerCozyToCozy(_ref2) {
   var sharing = _ref2.sharing,
       isSharingShortcutCreated = _ref2.isSharingShortcutCreated,
-      discoveryLink = _ref2.discoveryLink,
+      addSharingLink = _ref2.addSharingLink,
       onClose = _ref2.onClose;
 
   var _useI18n2 = useI18n(),
       t = _useI18n2.t;
 
   var action = function action() {
-    return openExternalLink(discoveryLink);
+    return openExternalLink(addSharingLink);
   };
 
   var buttonOne = isSharingShortcutCreated ? {
@@ -146,7 +146,7 @@ var SharingBannerByLink = function SharingBannerByLink(_ref3) {
 SharingBannerCozyToCozy.propTypes = {
   sharing: PropTypes.object.isRequired,
   isSharingShortcutCreated: PropTypes.bool.isRequired,
-  discoveryLink: PropTypes.string.isRequired,
+  addToCozySharingLink: PropTypes.string.isRequired,
   onClose: PropTypes.func.isRequired
 };
 export { SharingBannerCozyToCozy, SharingBannerByLink };

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

@@ -36,7 +36,7 @@ describe('PublicBanner', function () {
     var _render = render( /*#__PURE__*/React.createElement(SharingBannerCozyToCozy, {
       sharing: sharing,
       isSharingShortcutCreated: true,
-      discoveryLink: "discoveryLink",
+      addSharingLink: "discoveryLink",
       onClose: function onClose() {}
     })),
         container = _render.container; // Then

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

@@ -14,16 +14,16 @@ export var SharingBanner = function SharingBanner(_ref) {
     return setIsOpened(false);
   }, [setIsOpened]);
   var loading = sharingInfos.loading,
-      discoveryLink = sharingInfos.discoveryLink,
+      addSharingLink = sharingInfos.addSharingLink,
       sharing = sharingInfos.sharing,
       isSharingShortcutCreated = sharingInfos.isSharingShortcutCreated;
   if (loading) return null;
-  return isOpened && (!discoveryLink ? /*#__PURE__*/React.createElement(SharingBannerByLink, {
+  return isOpened && (!addSharingLink ? /*#__PURE__*/React.createElement(SharingBannerByLink, {
     onClose: onClose
   }) : /*#__PURE__*/React.createElement(SharingBannerCozyToCozy, {
     isSharingShortcutCreated: isSharingShortcutCreated,
     sharing: sharing,
-    discoveryLink: discoveryLink,
+    addSharingLink: addSharingLink,
     onClose: onClose
   }));
 };

package/dist/components/SharingBanner/hooks/useSharingInfos.js

@@ -13,34 +13,40 @@ var getSharingId = function getSharingId(permission) {
   return sharingId;
 };
 
+var CREATE_COZY_LINK = 'https://manager.cozycloud.cc/cozy/create';
 export var useSharingInfos = function useSharingInfos() {
   var previewPath = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '/preview';
   var client = useClient();
 
   var _useState = useState(),
       _useState2 = _slicedToArray(_useState, 2),
-      discoveryLink = _useState2[0],
-      setDiscoveryLink = _useState2[1];
+      addSharingLink = _useState2[0],
+      setAddSharingLink = _useState2[1];
 
-  var _useState3 = useState(false),
+  var _useState3 = useState(),
       _useState4 = _slicedToArray(_useState3, 2),
-      isSharingShortcutCreated = _useState4[0],
-      setIsSharingSharingcutCreated = _useState4[1];
+      syncSharingLink = _useState4[0],
+      setSyncSharingLink = _useState4[1];
 
-  var _useState5 = useState(),
+  var _useState5 = useState(false),
       _useState6 = _slicedToArray(_useState5, 2),
-      sharing = _useState6[0],
-      setSharing = _useState6[1];
+      isSharingShortcutCreated = _useState6[0],
+      setIsSharingSharingcutCreated = _useState6[1];
 
-  var _useState7 = useState(true),
+  var _useState7 = useState(),
       _useState8 = _slicedToArray(_useState7, 2),
-      loading = _useState8[0],
-      setLoading = _useState8[1];
+      sharing = _useState8[0],
+      setSharing = _useState8[1];
+
+  var _useState9 = useState(true),
+      _useState10 = _slicedToArray(_useState9, 2),
+      loading = _useState10[0],
+      setLoading = _useState10[1];
 
   useEffect(function () {
     var loadSharingDiscoveryLink = /*#__PURE__*/function () {
       var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-        var response, _isSharingShortcutCreated, sharingId, _getQueryParameter2, sharecode, link, sharingsByIdQuery, _yield$client$query2, _sharing;
+        var response, _isSharingShortcutCreated, sharingId, _getQueryParameter2, sharecode, link, linkSync, sharingsByIdQuery, _yield$client$query2, _sharing;
 
         return _regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
@@ -55,35 +61,39 @@ export var useSharingInfos = function useSharingInfos() {
               _isSharingShortcutCreated = models.permission.isShortcutCreatedOnTheRecipientCozy(response);
               sharingId = getSharingId(response);
               _getQueryParameter2 = getQueryParameter(), sharecode = _getQueryParameter2.sharecode;
-              link = client.collection('io.cozy.sharings').getDiscoveryLink(sharingId, sharecode);
+              link = client.collection('io.cozy.sharings').getDiscoveryLink(sharingId, sharecode, {
+                shortcut: true
+              });
+              linkSync = client.collection('io.cozy.sharings').getDiscoveryLink(sharingId, sharecode);
               sharingsByIdQuery = buildSharingsByIdQuery(sharingId);
-              _context.next = 12;
+              _context.next = 13;
               return client.query(sharingsByIdQuery.definition);
 
-            case 12:
+            case 13:
               _yield$client$query2 = _context.sent;
               _sharing = _yield$client$query2.data;
-              setDiscoveryLink(link);
+              setAddSharingLink(link);
+              setSyncSharingLink(linkSync);
               setIsSharingSharingcutCreated(_isSharingShortcutCreated);
               setSharing(_sharing);
-              _context.next = 22;
+              _context.next = 24;
               break;
 
-            case 19:
-              _context.prev = 19;
+            case 21:
+              _context.prev = 21;
               _context.t0 = _context["catch"](1);
               logger.warn('Failed to load sharing discovery link', _context.t0);
 
-            case 22:
-              _context.prev = 22;
+            case 24:
+              _context.prev = 24;
               setLoading(false);
-              return _context.finish(22);
+              return _context.finish(24);
 
-            case 25:
+            case 27:
             case "end":
               return _context.stop();
           }
-        }, _callee, null, [[1, 19, 22, 25]]);
+        }, _callee, null, [[1, 21, 24, 27]]);
       }));
 
       return function loadSharingDiscoveryLink() {
@@ -100,7 +110,9 @@ export var useSharingInfos = function useSharingInfos() {
   return {
     sharing: sharing,
     loading: loading,
-    discoveryLink: discoveryLink,
+    addSharingLink: addSharingLink,
+    syncSharingLink: syncSharingLink,
+    createCozyLink: CREATE_COZY_LINK,
     isSharingShortcutCreated: isSharingShortcutCreated
   };
 };

package/dist/components/SharingBanner/hooks/useSharingInfos.spec.js

@@ -86,13 +86,13 @@ describe('useSharingInfos', function () {
     window.location = location;
   });
   it('returns the right infos when using useSharingInfo', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-    var discoveryLink, _setup, result, waitForNextUpdate;
+    var addSharingLink, _setup, result, waitForNextUpdate;
 
     return _regeneratorRuntime.wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
-          discoveryLink = '/link';
-          getDiscoveryLinkMock.mockReturnValue(discoveryLink);
+          addSharingLink = '/addSharingLink';
+          getDiscoveryLinkMock.mockReturnValue(addSharingLink);
           fetchOwnPermissionsMock.mockResolvedValue(mockedPermissionsWithInstance);
           queryMock.mockResolvedValue(mockSharing);
           _setup = setup(), result = _setup.result, waitForNextUpdate = _setup.waitForNextUpdate; // default state
@@ -107,7 +107,7 @@ describe('useSharingInfos', function () {
           expect(result.current.loading).toEqual(false);
           expect(result.current.isSharingShortcutCreated).toEqual(true);
           expect(result.current.sharing).toEqual(mockSharing.data);
-          expect(result.current.discoveryLink).toEqual(discoveryLink);
+          expect(result.current.addSharingLink).toEqual(addSharingLink);
 
         case 12:
         case "end":
@@ -115,14 +115,14 @@ describe('useSharingInfos', function () {
       }
     }, _callee);
   })));
-  it('returns the right infos when using useSharingInfo without discoveryLink', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
-    var discoveryLink, _setup2, result, waitForNextUpdate;
+  it('returns the right infos when using useSharingInfo without addSharingLink', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
+    var addSharingLink, _setup2, result, waitForNextUpdate;
 
     return _regeneratorRuntime.wrap(function _callee2$(_context2) {
       while (1) switch (_context2.prev = _context2.next) {
         case 0:
-          discoveryLink = false;
-          getDiscoveryLinkMock.mockReturnValue(discoveryLink);
+          addSharingLink = undefined;
+          getDiscoveryLinkMock.mockReturnValue(addSharingLink);
           fetchOwnPermissionsMock.mockResolvedValue(mockedPermissionsWithoutInstance);
           queryMock.mockResolvedValue(mockSharing);
           _setup2 = setup(), result = _setup2.result, waitForNextUpdate = _setup2.waitForNextUpdate; // default state
@@ -137,7 +137,7 @@ describe('useSharingInfos', function () {
           expect(result.current.loading).toEqual(false);
           expect(result.current.isSharingShortcutCreated).toEqual(false);
           expect(result.current.sharing).toEqual(mockSharing.data);
-          expect(result.current.discoveryLink).toEqual(discoveryLink);
+          expect(result.current.addSharingLink).toEqual(addSharingLink);
 
         case 12:
         case "end":

package/dist/index.js

@@ -26,5 +26,7 @@ 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 { createCozySharingLink } from './actions/createCozySharingLink';
+export { addToCozySharingLink } from './actions/addToCozySharingLink';
+export { syncToCozySharingLink } from './actions/syncToCozySharingLink';
 export { shareNative } from './actions/shareNative';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cozy-sharing",
-  "version": "20.0.0",
+  "version": "21.0.0",
   "description": "Provides sharing login for React applications.",
   "main": "dist/index.js",
   "author": "Cozy",
@@ -78,5 +78,5 @@
   "sideEffects": [
     "*.css"
   ],
-  "gitHead": "7dbd527d95ca869695120926125905fdcc2413b0"
+  "gitHead": "0c51f40c510be568da5c63ae617ec7493801161a"
 }

package/src/actions/addToCozySharingLink.js

@@ -0,0 +1,51 @@
+import React, { forwardRef } from 'react'
+
+import ActionsMenuItem from 'cozy-ui/transpiled/react/ActionsMenu/ActionsMenuItem'
+import Icon from 'cozy-ui/transpiled/react/Icon'
+import CloudPlusOutlinedIcon from 'cozy-ui/transpiled/react/Icons/CloudPlusOutlined'
+import ListItemIcon from 'cozy-ui/transpiled/react/ListItemIcon'
+import ListItemText from 'cozy-ui/transpiled/react/ListItemText'
+
+import { openExternalLink } from '../helpers/sharings'
+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 = 'AddToCozySharingLink'
+
+  return Component
+}
+
+export const addToCozySharingLink = ({
+  isSharingShortcutCreated,
+  openSharingLinkDisplayed = true,
+  isShortLabel = false,
+  addSharingLink
+}) => {
+  const { t } = getActionsI18n()
+  const label = t('Share.banner.add_to_mine', {
+    smart_count: isShortLabel ? 1 : 2
+  })
+  const icon = CloudPlusOutlinedIcon
+
+  return {
+    name: 'addToCozySharingLink',
+    label,
+    icon,
+    displayCondition: () =>
+      openSharingLinkDisplayed && !isSharingShortcutCreated,
+    action: () => {
+      openExternalLink(addSharingLink)
+    },
+    Component: makeComponent(label, icon)
+  }
+}

package/src/actions/createCozySharingLink.js

@@ -0,0 +1,47 @@
+import React, { forwardRef } from 'react'
+
+import ActionsMenuItem from 'cozy-ui/transpiled/react/ActionsMenu/ActionsMenuItem'
+import Icon from 'cozy-ui/transpiled/react/Icon'
+import ToTheCloudIcon from 'cozy-ui/transpiled/react/Icons/ToTheCloud'
+import ListItemIcon from 'cozy-ui/transpiled/react/ListItemIcon'
+import ListItemText from 'cozy-ui/transpiled/react/ListItemText'
+
+import { openExternalLink } from '../helpers/sharings'
+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 = 'CreateCozySharingLink'
+
+  return Component
+}
+
+export const createCozySharingLink = ({
+  openSharingLinkDisplayed = true,
+  isShortLabel = false,
+  createSharingLink
+}) => {
+  const { t } = getActionsI18n()
+  const label = t('Share.create-cozy', { smart_count: isShortLabel ? 1 : 2 })
+  const icon = ToTheCloudIcon
+
+  return {
+    name: 'createCozySharingLink',
+    label,
+    icon,
+    displayCondition: () => openSharingLinkDisplayed,
+    action: () => {
+      openExternalLink(createSharingLink)
+    },
+    Component: makeComponent(label, icon)
+  }
+}

package/src/actions/{openSharingLink.js → syncToCozySharingLink.js}

@@ -2,10 +2,11 @@ import React, { forwardRef } from 'react'
 
 import ActionsMenuItem from 'cozy-ui/transpiled/react/ActionsMenu/ActionsMenuItem'
 import Icon from 'cozy-ui/transpiled/react/Icon'
+import SyncIcon from 'cozy-ui/transpiled/react/Icons/Sync'
 import ListItemIcon from 'cozy-ui/transpiled/react/ListItemIcon'
 import ListItemText from 'cozy-ui/transpiled/react/ListItemText'
 
-import { getIconWithlabel, openExternalLink } from '../helpers/sharings'
+import { openExternalLink } from '../helpers/sharings'
 import { getActionsI18n } from '../hoc/withLocales'
 
 const makeComponent = (label, icon) => {
@@ -19,32 +20,29 @@ const makeComponent = (label, icon) => {
       </ActionsMenuItem>
     )
   })
-  Component.displayName = 'OpenSharingLink'
+  Component.displayName = 'SyncToCozySharingLink'
 
   return Component
 }
 
-export const openSharingLink = ({
-  isSharingShortcutCreated,
+export const syncToCozySharingLink = ({
   openSharingLinkDisplayed = true,
   isShortLabel = false,
-  link
+  syncSharingLink
 }) => {
   const { t } = getActionsI18n()
-  const { icon, label } = getIconWithlabel({
-    link,
-    isSharingShortcutCreated,
-    isShortLabel,
-    t
+  const label = t('Share.banner.sync_to_mine', {
+    smart_count: isShortLabel ? 1 : 2
   })
+  const icon = SyncIcon
 
   return {
-    name: 'openSharingLink',
+    name: 'syncToCozySharingLink',
     label,
     icon,
     displayCondition: () => openSharingLinkDisplayed,
     action: () => {
-      openExternalLink(link)
+      openExternalLink(syncSharingLink)
     },
     Component: makeComponent(label, icon)
   }

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

@@ -49,12 +49,12 @@ const openExternalLink = url => (window.location = url)
 const SharingBannerCozyToCozy = ({
   sharing,
   isSharingShortcutCreated,
-  discoveryLink,
+  addSharingLink,
   onClose
 }) => {
   const { t } = useI18n()
 
-  const action = () => openExternalLink(discoveryLink)
+  const action = () => openExternalLink(addSharingLink)
   const buttonOne = isSharingShortcutCreated
     ? {
         label: t('Share.banner.sync_to_mine', { smart_count: 2 }),
@@ -139,7 +139,7 @@ const SharingBannerByLink = ({ onClose }) => {
 SharingBannerCozyToCozy.propTypes = {
   sharing: PropTypes.object.isRequired,
   isSharingShortcutCreated: PropTypes.bool.isRequired,
-  discoveryLink: PropTypes.string.isRequired,
+  addToCozySharingLink: PropTypes.string.isRequired,
   onClose: PropTypes.func.isRequired
 }
 export { SharingBannerCozyToCozy, SharingBannerByLink }

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

@@ -34,7 +34,7 @@ describe('PublicBanner', () => {
       <SharingBannerCozyToCozy
         sharing={sharing}
         isSharingShortcutCreated={true}
-        discoveryLink="discoveryLink"
+        addSharingLink="discoveryLink"
         onClose={() => {}}
       />
     )

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

@@ -7,19 +7,19 @@ export const SharingBanner = ({ sharingInfos }) => {
   const [isOpened, setIsOpened] = useState(true)
   const onClose = useCallback(() => setIsOpened(false), [setIsOpened])
 
-  const { loading, discoveryLink, sharing, isSharingShortcutCreated } =
+  const { loading, addSharingLink, sharing, isSharingShortcutCreated } =
     sharingInfos
 
   if (loading) return null
   return (
     isOpened &&
-    (!discoveryLink ? (
+    (!addSharingLink ? (
       <SharingBannerByLink onClose={onClose} />
     ) : (
       <SharingBannerCozyToCozy
         isSharingShortcutCreated={isSharingShortcutCreated}
         sharing={sharing}
-        discoveryLink={discoveryLink}
+        addSharingLink={addSharingLink}
         onClose={onClose}
       />
     ))

package/src/components/SharingBanner/hooks/useSharingInfos.jsx

@@ -12,10 +12,13 @@ const getSharingId = permission => {
   return sharingId
 }
 
+const CREATE_COZY_LINK = 'https://manager.cozycloud.cc/cozy/create'
+
 export const useSharingInfos = (previewPath = '/preview') => {
   const client = useClient()
 
-  const [discoveryLink, setDiscoveryLink] = useState()
+  const [addSharingLink, setAddSharingLink] = useState()
+  const [syncSharingLink, setSyncSharingLink] = useState()
   const [isSharingShortcutCreated, setIsSharingSharingcutCreated] =
     useState(false)
   const [sharing, setSharing] = useState()
@@ -35,6 +38,9 @@ export const useSharingInfos = (previewPath = '/preview') => {
         const { sharecode } = getQueryParameter()
 
         const link = client
+          .collection('io.cozy.sharings')
+          .getDiscoveryLink(sharingId, sharecode, { shortcut: true })
+        const linkSync = client
           .collection('io.cozy.sharings')
           .getDiscoveryLink(sharingId, sharecode)
         const sharingsByIdQuery = buildSharingsByIdQuery(sharingId)
@@ -42,7 +48,8 @@ export const useSharingInfos = (previewPath = '/preview') => {
           sharingsByIdQuery.definition
         )
 
-        setDiscoveryLink(link)
+        setAddSharingLink(link)
+        setSyncSharingLink(linkSync)
         setIsSharingSharingcutCreated(isSharingShortcutCreated)
         setSharing(sharing)
       } catch (e) {
@@ -62,7 +69,9 @@ export const useSharingInfos = (previewPath = '/preview') => {
   return {
     sharing,
     loading,
-    discoveryLink,
+    addSharingLink,
+    syncSharingLink,
+    createCozyLink: CREATE_COZY_LINK,
     isSharingShortcutCreated
   }
 }

package/src/components/SharingBanner/hooks/useSharingInfos.spec.js

@@ -81,8 +81,8 @@ describe('useSharingInfos', () => {
   })
 
   it('returns the right infos when using useSharingInfo', async () => {
-    const discoveryLink = '/link'
-    getDiscoveryLinkMock.mockReturnValue(discoveryLink)
+    const addSharingLink = '/addSharingLink'
+    getDiscoveryLinkMock.mockReturnValue(addSharingLink)
     fetchOwnPermissionsMock.mockResolvedValue(mockedPermissionsWithInstance)
     queryMock.mockResolvedValue(mockSharing)
     const { result, waitForNextUpdate } = setup()
@@ -93,12 +93,12 @@ describe('useSharingInfos', () => {
     expect(result.current.loading).toEqual(false)
     expect(result.current.isSharingShortcutCreated).toEqual(true)
     expect(result.current.sharing).toEqual(mockSharing.data)
-    expect(result.current.discoveryLink).toEqual(discoveryLink)
+    expect(result.current.addSharingLink).toEqual(addSharingLink)
   })
 
-  it('returns the right infos when using useSharingInfo without discoveryLink', async () => {
-    const discoveryLink = false
-    getDiscoveryLinkMock.mockReturnValue(discoveryLink)
+  it('returns the right infos when using useSharingInfo without addSharingLink', async () => {
+    const addSharingLink = undefined
+    getDiscoveryLinkMock.mockReturnValue(addSharingLink)
     fetchOwnPermissionsMock.mockResolvedValue(mockedPermissionsWithoutInstance)
     queryMock.mockResolvedValue(mockSharing)
     const { result, waitForNextUpdate } = setup()
@@ -109,7 +109,7 @@ describe('useSharingInfos', () => {
     expect(result.current.loading).toEqual(false)
     expect(result.current.isSharingShortcutCreated).toEqual(false)
     expect(result.current.sharing).toEqual(mockSharing.data)
-    expect(result.current.discoveryLink).toEqual(discoveryLink)
+    expect(result.current.addSharingLink).toEqual(addSharingLink)
   })
 
   it('returns loading false if there is nothing to do aka sharing by link', () => {

package/src/index.jsx

@@ -33,5 +33,7 @@ export {
   NativeFileSharingProvider,
   useNativeFileSharing
 } from './providers/NativeFileSharingProvider'
-export { openSharingLink } from './actions/openSharingLink'
+export { createCozySharingLink } from './actions/createCozySharingLink'
+export { addToCozySharingLink } from './actions/addToCozySharingLink'
+export { syncToCozySharingLink } from './actions/syncToCozySharingLink'
 export { shareNative } from './actions/shareNative'