cozy-client 49.8.0 → 50.0.0

package/dist/CozyClient.js

@@ -2997,7 +2997,7 @@ var CozyClient = /*#__PURE__*/function () {
 CozyClient.hooks = CozyClient.hooks || {};
 CozyClient.fetchPolicies = _policies.default; //COZY_CLIENT_VERSION_PACKAGE in replaced by babel. See babel config
 
-CozyClient.version = "49.8.0";
+CozyClient.version = "50.0.0";
 
 _microee.default.mixin(CozyClient);
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cozy-client",
-  "version": "49.8.0",
+  "version": "50.0.0",
   "license": "MIT",
   "main": "dist/index.node.js",
   "browser": "dist/index.js",
@@ -18,7 +18,7 @@
     "@types/jest": "^26.0.20",
     "@types/lodash": "^4.14.170",
     "btoa": "^1.2.1",
-    "cozy-stack-client": "^49.8.0",
+    "cozy-stack-client": "^50.0.0",
     "date-fns": "2.29.3",
     "json-stable-stringify": "^1.0.1",
     "lodash": "^4.17.13",
@@ -75,5 +75,5 @@
     "react-native-ios11-devicecheck": "https://github.com/cozy/react-native-devicecheck#app-attest-v0.1"
   },
   "sideEffects": false,
-  "gitHead": "b4e2d123dfb2fc1b5e83b9fbb5224a7a04b5dc47"
+  "gitHead": "69f5a9d39b5d42809eb8f38db8cb501a46b0a57f"
 }

package/dist/hooks/useClientErrors.js

@@ -1,183 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = useClientErrors;
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _QuotaAlert = _interopRequireDefault(require("cozy-ui/transpiled/react/deprecated/QuotaAlert"));
-
-var _filter = _interopRequireDefault(require("lodash/filter"));
-
-var _cozyStackClient = require("cozy-stack-client");
-
-var _ = require("./");
-
-/**
- * Rendering functions for client fetch errors by status code
- *
- * @private
- * @type {object}
- */
-var byHttpStatus = {
-  413: QuotaError // <QuotaError />
-
-};
-/**
- * Display for a quota error from the client
- *
- * @see QuotaAlert
- * @private
- * @param {object} props - Props
- * @param {Function} props.dismiss - remove the error from the stack to display
- * @returns {React.ReactElement}
- */
-
-function QuotaError(_ref) {
-  var dismiss = _ref.dismiss;
-  return /*#__PURE__*/_react.default.createElement(_QuotaAlert.default, {
-    onClose: dismiss
-  });
-}
-/**
- * Returns the handler for an error
- *
- * @param {import("../types").ClientError} error - The error
- * @returns {Function|null} React Component
- */
-
-
-function getErrorComponent(error) {
-  if (error instanceof Response || error instanceof _cozyStackClient.FetchError) {
-    var status = error.status || '';
-    return byHttpStatus[status] || null;
-  }
-
-  return null;
-}
-/**
- * Renders a stack of errors
- *
- * @private
- * @see ClientErrors
- * @param {import("../types").ClientError[]} errorStack - array of errors/exceptions
- * @param {Function} setErrorStack - mutates the array of errors
- * @returns {Array<React.ReactElement>} React rendering
- */
-
-
-function renderErrors(errorStack, setErrorStack) {
-  var errors = errorStack.map(function (error, key) {
-    var Component = getErrorComponent(error);
-
-    if (Component) {
-      var dismiss = function dismiss() {
-        return setErrorStack(function (stack) {
-          return (0, _filter.default)(stack, function (e) {
-            return e !== error;
-          });
-        });
-      };
-
-      return /*#__PURE__*/_react.default.createElement(Component, {
-        key: key,
-        error: error,
-        dismiss: dismiss
-      });
-    } else {
-      return null;
-    }
-  });
-  return errors;
-}
-/**
- * Manages the client errors and allows to display them
- *
- * Returns a `ClientErrors` React component that takes care
- * of how to display cozy-client errors (probably displaying a modal)
- *
- * Only Quota Errors are managed for now.
- *
- * @example
- * ```
- * const App = () => {
- *   const { ClientErrors } = useClientErrors()
- *
- *   return <Layout>
- *      <h1>My app</h1>
- *      <ClientErrors />
- *   </Layout>
- * }
- * ```
- *
- * @param {object} [props] - Props
- * @param {boolean} [props.handleExceptions] - should cozy-client directly handle errors before forwarding them to the caller?
- * @returns {{ClientErrors: Function}} React component
- */
-
-
-function useClientErrors() {
-  var _ref2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-      _ref2$handleException = _ref2.handleExceptions,
-      handleExceptions = _ref2$handleException === void 0 ? true : _ref2$handleException;
-
-  var client = (0, _.useClient)();
-
-  var _useState = (0, _react.useState)([]),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      errorStack = _useState2[0],
-      setErrorStack = _useState2[1];
-  /**
-   * Handle client errors, add them to the error stack
-   *
-   * @param {import("../types").ClientError} error -
-   * @returns {boolean} true if the error was manager, false otherwise
-   */
-
-
-  var handleError = (0, _react.useCallback)(function (error) {
-    // `isErrorManaged` is there to avoid the same error to be added twice
-    // once the error has been added once, the `isErrorManaged`is set to true
-    // and any future push is ignored
-    if (error.isErrorManaged) return false;
-    var isManageable = !!getErrorComponent(error);
-
-    if (isManageable) {
-      error.isErrorManaged = true;
-      setErrorStack(function (stack) {
-        return stack.concat(error);
-      });
-      return true;
-    } else {
-      error.isErrorManaged = false;
-      return false;
-    }
-  }, [setErrorStack]);
-  (0, _react.useEffect)(function () {
-    if (handleExceptions) {
-      client.on('error', handleError);
-      return function () {
-        return client.removeListener('error', handleError);
-      };
-    } else {
-      return undefined;
-    }
-  }, [client, handleError, handleExceptions]); // @ts-ignore
-
-  var ClientErrors = (0, _react.useCallback)(function () {
-    return renderErrors(errorStack, setErrorStack);
-  }, [errorStack, setErrorStack]); // @ts-ignore
-
-  ClientErrors.displayName = 'ClientErrors';
-  return {
-    ClientErrors: ClientErrors
-  };
-}

package/dist/hooks/useClientErrors.spec.jsx

@@ -1,100 +0,0 @@
-import React from 'react'
-import useClientErrors from './useClientErrors'
-import { renderHook, act } from '@testing-library/react-hooks'
-import CozyProvider from '../Provider'
-import { shallow } from 'enzyme'
-import { FetchError } from 'cozy-stack-client'
-
-function createCozyClient() {
-  return {
-    on: jest.fn(),
-    removeListener: jest.fn()
-  }
-}
-
-function createWrapper(client = createCozyClient()) {
-  function Wrapper({ children }) {
-    return <CozyProvider client={client}>{children}</CozyProvider>
-  }
-  return Wrapper
-}
-
-function renderWrappedHook(client) {
-  const wrapper = createWrapper(client)
-  return renderHook(() => useClientErrors(), { wrapper })
-}
-
-function wrappedShallow(tree, client) {
-  return shallow(tree, { wrappingComponent: createWrapper(client) })
-}
-
-describe('useClientErrors', () => {
-  it('registers an `error` handler in client', done => {
-    const client = createCozyClient()
-    client.on.mockImplementation(name => name === 'error' && done())
-    renderWrappedHook(client)
-  })
-
-  describe('renderErrors', () => {
-    it('returns a function', () => {
-      const { result } = renderWrappedHook()
-      const { ClientErrors } = result.current
-      expect(ClientErrors).toBeInstanceOf(Function)
-    })
-
-    it('displays nothing by default', () => {
-      const { result } = renderWrappedHook()
-      const { ClientErrors } = result.current
-      const node = wrappedShallow(<ClientErrors />)
-      expect(node).toHaveLength(0)
-    })
-
-    describe('for quota errors', () => {
-      const findQuotaAlert = node => {
-        return node.at(0).dive()
-      }
-      const setup = async () => {
-        const client = createCozyClient()
-        const response = new Response(null, {
-          status: 413,
-          statusText: 'Quota exceeded'
-        })
-        const error = new FetchError(
-          response,
-          `${response.status} ${response.statusText}`
-        )
-
-        const { result, waitForNextUpdate } = renderWrappedHook(client)
-        const nextUpdate = waitForNextUpdate()
-
-        act(() => {
-          const handler = client.on.mock.calls[0][1]
-          handler(error)
-        })
-
-        await nextUpdate
-        const { ClientErrors } = result.current
-        const node = wrappedShallow(<ClientErrors />, client)
-        return { node, result, client }
-      }
-
-      it('displays a a QuotaAlert', async () => {
-        const { node } = await setup()
-        expect(node).toHaveLength(1)
-        expect(findQuotaAlert(node).type().name).toEqual('QuotaAlert')
-      })
-
-      it('can be dismissed', async () => {
-        const { node, result, client } = await setup()
-        const quotaAlert = findQuotaAlert(node)
-        const onClose = quotaAlert.props().onClose
-        act(() => onClose())
-
-        // re-render ClientErrors returned by the hook
-        const { ClientErrors } = result.current
-        const updatedNode = wrappedShallow(<ClientErrors />, client)
-        expect(updatedNode.at(0).length).toBe(0)
-      })
-    })
-  })
-})

package/types/hooks/useClientErrors.d.ts

@@ -1,29 +0,0 @@
-/**
- * Manages the client errors and allows to display them
- *
- * Returns a `ClientErrors` React component that takes care
- * of how to display cozy-client errors (probably displaying a modal)
- *
- * Only Quota Errors are managed for now.
- *
- * @example
- * ```
- * const App = () => {
- *   const { ClientErrors } = useClientErrors()
- *
- *   return <Layout>
- *      <h1>My app</h1>
- *      <ClientErrors />
- *   </Layout>
- * }
- * ```
- *
- * @param {object} [props] - Props
- * @param {boolean} [props.handleExceptions] - should cozy-client directly handle errors before forwarding them to the caller?
- * @returns {{ClientErrors: Function}} React component
- */
-export default function useClientErrors({ handleExceptions }?: {
-    handleExceptions: boolean;
-}): {
-    ClientErrors: Function;
-};