cozy-harvest-lib 21.0.4 → 22.0.0

package/.storybook/StoryContainer.tsx

@@ -1,3 +1,6 @@
+
+import 'cozy-ui/dist/cozy-ui.min.css'
+import 'cozy-ui/transpiled/react/stylesheet.css'
 import React, { ReactNode } from 'react'
 import { Provider as ReduxProvider } from 'react-redux'
 

package/CHANGELOG.md

@@ -3,6 +3,32 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [22.0.0](https://github.com/cozy/cozy-libs/compare/cozy-harvest-lib@21.0.5...cozy-harvest-lib@22.0.0) (2024-01-04)
+
+
+### Features
+
+* Add context to store Intent data ([1efe0c4](https://github.com/cozy/cozy-libs/commit/1efe0c437342c92c0e779ae13043b33b232236f1))
+
+
+### BREAKING CHANGES
+
+* If you import Harvest's component without using the
+HarvestWrapper or the Route Component, you have to wrap manually the
+component in the IntentProvider.
+
+
+
+
+
+## [21.0.5](https://github.com/cozy/cozy-libs/compare/cozy-harvest-lib@21.0.4...cozy-harvest-lib@21.0.5) (2024-01-02)
+
+**Note:** Version bump only for package cozy-harvest-lib
+
+
+
+
+
 ## [21.0.4](https://github.com/cozy/cozy-libs/compare/cozy-harvest-lib@21.0.3...cozy-harvest-lib@21.0.4) (2023-12-29)
 
 

package/dist/components/AccountForm/ConnectionBackdrop.js

@@ -15,8 +15,7 @@ var useStyles = makeStyles({
     inset: 0
   }
 });
-
-var ConnectionBackdrop = function ConnectionBackdrop(_ref) {
+export var ConnectionBackdrop = function ConnectionBackdrop(_ref) {
   var name = _ref.name;
   var styles = useStyles();
 

package/dist/components/AccountForm/ConnectionBackdrop.stories.js

@@ -0,0 +1,11 @@
+import { ConnectionBackdrop } from './ConnectionBackdrop';
+var meta = {
+  component: ConnectionBackdrop,
+  arg: {
+    name: 'EDF'
+  }
+};
+export default meta;
+export var Default = {
+  name: 'Default'
+};

package/dist/components/HarvestWrapper.js

@@ -3,9 +3,17 @@ import React from 'react';
 import HarvestVaultProvider from './HarvestVaultProvider';
 import { MountPointProvider } from './MountPointContext';
 import ComponentsPropsProvider from './Providers/ComponentsPropsProvider';
+import { IntentProvider } from './Providers/IntentProvider';
 import VaultUnlockProvider from './VaultUnlockProvider';
 /**
- * @param {{ mountPointProviderProps?: { baseRoute: string; }; componentsPropsProviderProps?: { ComponentsProps: import("./Providers/ComponentsPropsProvider").ComponentsProps; }; children: JSX.Element; }} props
+ * @param {{
+ *  mountPointProviderProps?: { baseRoute: string; };
+ *  componentsPropsProviderProps?: {
+ *    ComponentsProps: import("./Providers/ComponentsPropsProvider").ComponentsProps;
+ *  };
+ *  intentData?: object;
+ *  intentId?: string;
+ * children: JSX.Element; }} props
  */
 
 export default function HarvestWrapper(props) {
@@ -13,7 +21,10 @@ export default function HarvestWrapper(props) {
 
   return /*#__PURE__*/React.createElement(MountPointProvider, {
     baseRoute: props === null || props === void 0 ? void 0 : (_props$mountPointProv = props.mountPointProviderProps) === null || _props$mountPointProv === void 0 ? void 0 : _props$mountPointProv.baseRoute
-  }, /*#__PURE__*/React.createElement(HarvestVaultProvider, null, /*#__PURE__*/React.createElement(VaultUnlockProvider, null, /*#__PURE__*/React.createElement(ComponentsPropsProvider, {
+  }, /*#__PURE__*/React.createElement(HarvestVaultProvider, null, /*#__PURE__*/React.createElement(VaultUnlockProvider, null, /*#__PURE__*/React.createElement(IntentProvider, {
+    intentData: props.intentData,
+    intentId: props.intentId
+  }, /*#__PURE__*/React.createElement(ComponentsPropsProvider, {
     ComponentsProps: props === null || props === void 0 ? void 0 : (_props$componentsProp = props.componentsPropsProviderProps) === null || _props$componentsProp === void 0 ? void 0 : _props$componentsProp.ComponentsProps
-  }, props.children))));
+  }, props.children)))));
 }

package/dist/components/Providers/IntentProvider.js

@@ -0,0 +1,30 @@
+import React, { createContext } from 'react';
+var IntentProviderContext = /*#__PURE__*/createContext();
+/**
+ * @param {object} param
+ * @param {JSX.Element} param.children
+ * @param {object=} param.intentData
+ * @param {string=} param.intentId
+ * @returns
+ */
+
+export var IntentProvider = function IntentProvider(_ref) {
+  var children = _ref.children,
+      intentData = _ref.intentData,
+      intentId = _ref.intentId;
+  return /*#__PURE__*/React.createElement(IntentProviderContext.Provider, {
+    value: {
+      intentData: intentData,
+      intentId: intentId
+    }
+  }, children);
+};
+export var useIntentProviderData = function useIntentProviderData() {
+  var intentProviderData = React.useContext(IntentProviderContext);
+
+  if (!intentProviderData) {
+    throw new Error('useIntentProviderData must be used within a IntentProvider');
+  }
+
+  return intentProviderData;
+};

package/dist/components/Routes.js

@@ -70,7 +70,9 @@ var Routes = function Routes(_ref) {
       onDismiss = _ref.onDismiss,
       datacardOptions = _ref.datacardOptions,
       ComponentsProps = _ref.ComponentsProps,
-      closable = _ref.closable;
+      closable = _ref.closable,
+      intentData = _ref.intentData,
+      intentId = _ref.intentId;
   var RoutesV4orV6 = isRouterV6 ? RoutesV6 : RoutesV4;
 
   var _useI18n = useI18n(),
@@ -102,7 +104,9 @@ var Routes = function Routes(_ref) {
     },
     componentsPropsProviderProps: {
       ComponentsProps: ComponentsProps
-    }
+    },
+    intentData: intentData,
+    intentId: intentId
   }, /*#__PURE__*/React.createElement(DialogContext.Provider, {
     value: dialogContext
   }, /*#__PURE__*/React.createElement(HarvestDialog, _extends({}, dialogContext.dialogProps, {
@@ -146,6 +150,12 @@ Routes.propTypes = {
   ComponentsProps: PropTypes.object,
 
   /** Whether the dialog is closable or not */
-  closable: PropTypes.bool
+  closable: PropTypes.bool,
+
+  /** Data received from the Intent if called from an intent */
+  intentData: PropTypes.object,
+
+  /** Id of the intent if called from an intent */
+  intentId: PropTypes.string
 };
 export default Routes;

package/dist/components/cards/AppLinkCard.js

@@ -1,3 +1,4 @@
+import _extends from "@babel/runtime/helpers/extends";
 import PropTypes from 'prop-types';
 import React from 'react';
 import { useClient } from 'cozy-client';
@@ -12,6 +13,7 @@ import { ButtonLink } from 'cozy-ui/transpiled/react/deprecated/Button';
 import palette from 'cozy-ui/transpiled/react/palette';
 import useBreakpoints from 'cozy-ui/transpiled/react/providers/Breakpoints';
 import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n';
+import { useIntentProviderData } from '../Providers/IntentProvider';
 import useAppLinkWithStoreFallback from '../hooks/useAppLinkWithStoreFallback';
 export var AppLinkButton = function AppLinkButton(_ref) {
   var slug = _ref.slug,
@@ -31,6 +33,9 @@ export var AppLinkButton = function AppLinkButton(_ref) {
       url = _useAppLinkWithStoreF.url,
       isInstalled = _useAppLinkWithStoreF.isInstalled;
 
+  var _useIntentProviderDat = useIntentProviderData(),
+      intentId = _useIntentProviderDat.intentId;
+
   return /*#__PURE__*/React.createElement(AppLinker, {
     app: {
       slug: slug
@@ -40,10 +45,13 @@ export var AppLinkButton = function AppLinkButton(_ref) {
   }, function (_ref2) {
     var onClick = _ref2.onClick,
         href = _ref2.href;
-    return /*#__PURE__*/React.createElement(ButtonLink, {
+    return /*#__PURE__*/React.createElement(ButtonLink, _extends({
       disabled: fetchStatus !== 'loaded',
       onClick: fetchStatus === 'loaded' ? onClick : null,
-      href: href,
+      href: href
+    }, intentId ? {
+      target: '_blank'
+    } : {}, {
       icon: isInstalled ? /*#__PURE__*/React.createElement(AppIcon, {
         app: slug,
         domain: cozyURL.host,
@@ -53,7 +61,7 @@ export var AppLinkButton = function AppLinkButton(_ref) {
       theme: "secondary",
       label: t("card.appLink.".concat(slug, ".").concat(isInstalled ? 'button' : 'install')),
       className: isMobile ? 'u-w-100' : null
-    });
+    }));
   });
 };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cozy-harvest-lib",
-  "version": "21.0.4",
+  "version": "22.0.0",
   "description": "Provides logic, modules and components for Cozy's harvest applications.",
   "main": "dist/index.js",
   "author": "Cozy",
@@ -68,6 +68,7 @@
     "cozy-device-helper": "^3.0.0",
     "cozy-flags": "^3.2.0",
     "cozy-intent": "^2.18.1",
+    "cozy-interapp": ">=0.8.1",
     "cozy-keys-lib": "^6.0.0",
     "cozy-realtime": "^5.0.0",
     "cozy-tsconfig": "^1.0.0",
@@ -96,6 +97,7 @@
     "cozy-device-helper": ">=2.6.0",
     "cozy-flags": ">=2.3.5",
     "cozy-intent": ">=1.14.1",
+    "cozy-interapp": ">=0.8.1",
     "cozy-keys-lib": ">=6.0.0",
     "cozy-realtime": ">=4.2.8",
     "cozy-ui": ">=95.9.0",
@@ -104,5 +106,5 @@
     "react-router-dom": ">=4.3.1"
   },
   "sideEffects": false,
-  "gitHead": "83a97eff69e3d708922cbae5e3e0a2d8431c6bea"
+  "gitHead": "0fcee5c88aa15edf44ff2e558053c2d53b4c060f"
 }

package/src/components/AccountForm/ConnectionBackdrop.jsx

@@ -18,7 +18,7 @@ const useStyles = makeStyles({
   }
 })
 
-const ConnectionBackdrop = ({ name }) => {
+export const ConnectionBackdrop = ({ name }) => {
   const styles = useStyles()
   const { isMobile } = useBreakpoints()
   const { t } = useI18n()

package/src/components/AccountForm/ConnectionBackdrop.stories.jsx

@@ -0,0 +1,14 @@
+import { ConnectionBackdrop } from './ConnectionBackdrop'
+
+const meta = {
+  component: ConnectionBackdrop,
+  arg: {
+    name: 'EDF'
+  }
+}
+
+export default meta
+
+export const Default = {
+  name: 'Default'
+}

package/src/components/HarvestWrapper.jsx

@@ -4,23 +4,35 @@ import React from 'react'
 import HarvestVaultProvider from './HarvestVaultProvider'
 import { MountPointProvider } from './MountPointContext'
 import ComponentsPropsProvider from './Providers/ComponentsPropsProvider'
+import { IntentProvider } from './Providers/IntentProvider'
 import VaultUnlockProvider from './VaultUnlockProvider'
-
 /**
- * @param {{ mountPointProviderProps?: { baseRoute: string; }; componentsPropsProviderProps?: { ComponentsProps: import("./Providers/ComponentsPropsProvider").ComponentsProps; }; children: JSX.Element; }} props
+ * @param {{
+ *  mountPointProviderProps?: { baseRoute: string; };
+ *  componentsPropsProviderProps?: {
+ *    ComponentsProps: import("./Providers/ComponentsPropsProvider").ComponentsProps;
+ *  };
+ *  intentData?: object;
+ *  intentId?: string;
+ * children: JSX.Element; }} props
  */
 export default function HarvestWrapper(props) {
   return (
     <MountPointProvider baseRoute={props?.mountPointProviderProps?.baseRoute}>
       <HarvestVaultProvider>
         <VaultUnlockProvider>
-          <ComponentsPropsProvider
-            ComponentsProps={
-              props?.componentsPropsProviderProps?.ComponentsProps
-            }
+          <IntentProvider
+            intentData={props.intentData}
+            intentId={props.intentId}
           >
-            {props.children}
-          </ComponentsPropsProvider>
+            <ComponentsPropsProvider
+              ComponentsProps={
+                props?.componentsPropsProviderProps?.ComponentsProps
+              }
+            >
+              {props.children}
+            </ComponentsPropsProvider>
+          </IntentProvider>
         </VaultUnlockProvider>
       </HarvestVaultProvider>
     </MountPointProvider>

package/src/components/Providers/IntentProvider.jsx

@@ -0,0 +1,29 @@
+import React, { createContext } from 'react'
+
+const IntentProviderContext = createContext()
+
+/**
+ * @param {object} param
+ * @param {JSX.Element} param.children
+ * @param {object=} param.intentData
+ * @param {string=} param.intentId
+ * @returns
+ */
+export const IntentProvider = ({ children, intentData, intentId }) => {
+  return (
+    <IntentProviderContext.Provider value={{ intentData, intentId }}>
+      {children}
+    </IntentProviderContext.Provider>
+  )
+}
+
+export const useIntentProviderData = () => {
+  const intentProviderData = React.useContext(IntentProviderContext)
+  if (!intentProviderData) {
+    throw new Error(
+      'useIntentProviderData must be used within a IntentProvider'
+    )
+  }
+
+  return intentProviderData
+}

package/src/components/Routes.jsx

@@ -67,7 +67,9 @@ const Routes = ({
   onDismiss,
   datacardOptions,
   ComponentsProps,
-  closable
+  closable,
+  intentData,
+  intentId
 }) => {
   const RoutesV4orV6 = isRouterV6 ? RoutesV6 : RoutesV4
 
@@ -94,6 +96,8 @@ const Routes = ({
       <HarvestWrapper
         mountPointProviderProps={{ baseRoute: konnectorRoot }}
         componentsPropsProviderProps={{ ComponentsProps: ComponentsProps }}
+        intentData={intentData}
+        intentId={intentId}
       >
         <DialogContext.Provider value={dialogContext}>
           <HarvestDialog
@@ -142,7 +146,11 @@ Routes.propTypes = {
   /** The props for the components */
   ComponentsProps: PropTypes.object,
   /** Whether the dialog is closable or not */
-  closable: PropTypes.bool
+  closable: PropTypes.bool,
+  /** Data received from the Intent if called from an intent */
+  intentData: PropTypes.object,
+  /** Id of the intent if called from an intent */
+  intentId: PropTypes.string
 }
 
 export default Routes

package/src/components/cards/AppLinkCard.jsx

@@ -14,6 +14,7 @@ import palette from 'cozy-ui/transpiled/react/palette'
 import useBreakpoints from 'cozy-ui/transpiled/react/providers/Breakpoints'
 import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n'
 
+import { useIntentProviderData } from '../Providers/IntentProvider'
 import useAppLinkWithStoreFallback from '../hooks/useAppLinkWithStoreFallback'
 
 export const AppLinkButton = ({ slug, path }) => {
@@ -26,6 +27,8 @@ export const AppLinkButton = ({ slug, path }) => {
     client,
     path
   )
+
+  const { intentId } = useIntentProviderData()
   return (
     <AppLinker app={{ slug }} nativePath={path} href={url || '#'}>
       {({ onClick, href }) => (
@@ -33,6 +36,7 @@ export const AppLinkButton = ({ slug, path }) => {
           disabled={fetchStatus !== 'loaded'}
           onClick={fetchStatus === 'loaded' ? onClick : null}
           href={href}
+          {...(intentId ? { target: '_blank' } : {})}
           icon={
             isInstalled ? (
               <AppIcon