cozy-harvest-lib 13.9.2 → 13.9.4

package/CHANGELOG.md

@@ -3,6 +3,25 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [13.9.4](https://github.com/cozy/cozy-libs/compare/cozy-harvest-lib@13.9.3...cozy-harvest-lib@13.9.4) (2023-03-23)
+
+
+### Bug Fixes
+
+* **harvest:** Display backdrop in a portal ([54d2e6e](https://github.com/cozy/cozy-libs/commit/54d2e6e1789baf6c83ccd4a70b0dc377e79b44dd))
+
+
+
+
+
+## [13.9.3](https://github.com/cozy/cozy-libs/compare/cozy-harvest-lib@13.9.2...cozy-harvest-lib@13.9.3) (2023-03-21)
+
+**Note:** Version bump only for package cozy-harvest-lib
+
+
+
+
+
 ## [13.9.2](https://github.com/cozy/cozy-libs/compare/cozy-harvest-lib@13.9.1...cozy-harvest-lib@13.9.2) (2023-03-21)
 
 **Note:** Version bump only for package cozy-harvest-lib

package/dist/components/AccountForm/index.js

@@ -30,7 +30,6 @@ import { Media, Img, Bd } from 'cozy-ui/transpiled/react/Media';
 import Typography from 'cozy-ui/transpiled/react/Typography';
 import AccountFields from './AccountFields';
 import CannotConnectModal from './CannotConnectModal';
-import ConnectionBackdrop from './ConnectionBackdrop';
 import ReadOnlyIdentifier from './ReadOnlyIdentifier';
 import fieldHelpers, { getEncryptedFieldName, SECRET } from '../../helpers/fields';
 import { KonnectorJobError } from '../../helpers/konnectors';
@@ -391,8 +390,6 @@ export var AccountForm = /*#__PURE__*/function (_PureComponent) {
                 return _this3.handleSubmit(values, form);
               },
               "data-testid": "submit-btn"
-            }), submitting && flag('harvest.inappconnectors.enabled') && /*#__PURE__*/React.createElement(ConnectionBackdrop, {
-              name: name
             })) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Media, {
               align: "top"
             }, /*#__PURE__*/React.createElement(Img, {

package/dist/components/FlowProvider.js

@@ -16,6 +16,7 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 
 import PropTypes from 'prop-types';
 import React, { Component } from 'react';
+import { createPortal } from 'react-dom';
 import { withClient } from 'cozy-client';
 import { translate } from 'cozy-ui/transpiled/react/I18n';
 import ConnectionBackdrop from './AccountForm/ConnectionBackdrop';
@@ -203,9 +204,9 @@ export var FlowProvider = /*#__PURE__*/function (_Component) {
         flow: flow,
         dismissAction: this.dismissTwoFAModal,
         into: "coz-harvest-modal-place"
-      }), showConnectionBackdrop && /*#__PURE__*/React.createElement(ConnectionBackdrop, {
+      }), showConnectionBackdrop && /*#__PURE__*/createPortal( /*#__PURE__*/React.createElement(ConnectionBackdrop, {
         name: flow.konnector.name
-      }));
+      }), document.body));
     }
   }]);
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cozy-harvest-lib",
-  "version": "13.9.2",
+  "version": "13.9.4",
   "description": "Provides logic, modules and components for Cozy's harvest applications.",
   "main": "dist/index.js",
   "author": "Cozy",
@@ -30,7 +30,7 @@
     "@cozy/minilog": "^1.0.0",
     "@sentry/browser": "^6.0.1",
     "cozy-bi-auth": "0.0.25",
-    "cozy-doctypes": "^1.88.2",
+    "cozy-doctypes": "^1.88.3",
     "cozy-logger": "^1.10.0",
     "date-fns": "^1.30.1",
     "final-form": "^4.18.5",
@@ -90,5 +90,5 @@
     "react-router-dom": ">=4.3.1"
   },
   "sideEffects": false,
-  "gitHead": "7b76848e0361840b4d4a880c91cc507e56dbaaf8"
+  "gitHead": "c2ee289a2f127ba69315b13665162bbfd2dd7ffd"
 }

package/src/components/AccountForm/index.jsx

@@ -16,7 +16,6 @@ import Typography from 'cozy-ui/transpiled/react/Typography'
 
 import AccountFields from './AccountFields'
 import CannotConnectModal from './CannotConnectModal'
-import ConnectionBackdrop from './ConnectionBackdrop'
 import ReadOnlyIdentifier from './ReadOnlyIdentifier'
 import fieldHelpers, {
   getEncryptedFieldName,
@@ -358,9 +357,6 @@ export class AccountForm extends PureComponent {
                     data-testid="submit-btn"
                   />
                 )}
-                {submitting && flag('harvest.inappconnectors.enabled') && (
-                  <ConnectionBackdrop name={name} />
-                )}
               </>
             ) : (
               <>

package/src/components/FlowProvider.jsx

@@ -1,5 +1,6 @@
 import PropTypes from 'prop-types'
 import React, { Component } from 'react'
+import { createPortal } from 'react-dom'
 
 import { withClient } from 'cozy-client'
 import { translate } from 'cozy-ui/transpiled/react/I18n'
@@ -173,9 +174,11 @@ export class FlowProvider extends Component {
           />
         )}
 
-        {showConnectionBackdrop && (
-          <ConnectionBackdrop name={flow.konnector.name} />
-        )}
+        {showConnectionBackdrop &&
+          createPortal(
+            <ConnectionBackdrop name={flow.konnector.name} />,
+            document.body
+          )}
       </>
     )
   }