cozy-viewer 2.0.3 → 2.2.0

package/CHANGELOG.md

@@ -3,6 +3,28 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# 2.2.0 (2024-10-30)
+
+
+### Features
+
+* Download file on mobile viewer on press ([3c38062](https://github.com/cozy/cozy-libs/commit/3c38062e2c83d5b8f7d0065323c18d45b5ce9564))
+
+
+
+
+
+# 2.1.0 (2024-10-25)
+
+
+### Features
+
+* **Viewer:** Replace Encrypted provider by cozy-ui one ([aa81d02](https://github.com/cozy/cozy-libs/commit/aa81d02f0a70de8044f704cbd895b1d54c9f38b8))
+
+
+
+
+
 ## 2.0.3 (2024-10-23)
 
 **Note:** Version bump only for package cozy-viewer

package/dist/ViewerContainer.js

@@ -29,6 +29,8 @@ var _Breakpoints = _interopRequireDefault(require("cozy-ui/transpiled/react/prov
 
 var _CozyTheme = require("cozy-ui/transpiled/react/providers/CozyTheme");
 
+var _Encrypted = _interopRequireDefault(require("cozy-ui/transpiled/react/providers/Encrypted"));
+
 var _I18n = require("cozy-ui/transpiled/react/providers/I18n");
 
 var _Viewer = _interopRequireDefault(require("./Viewer"));
@@ -43,8 +45,6 @@ var _proptypes2 = require("./proptypes");
 
 var _ActionMenuProvider = require("./providers/ActionMenuProvider");
 
-var _EncryptedProvider = _interopRequireDefault(require("./providers/EncryptedProvider"));
-
 var _excluded = ["className", "disableFooter", "disablePanel", "editPathByModelProps", "children", "componentsProps", "isPublic"],
     _excluded2 = ["disableModal"];
 
@@ -99,7 +99,7 @@ var ViewerContainer = function ViewerContainer(props) {
   }, /*#__PURE__*/_react.default.createElement("div", {
     id: "viewer-wrapper",
     className: (0, _classnames.default)(styles['viewer-wrapper'], className)
-  }, /*#__PURE__*/_react.default.createElement(_EncryptedProvider.default, {
+  }, /*#__PURE__*/_react.default.createElement(_Encrypted.default, {
     url: currentURL
   }, /*#__PURE__*/_react.default.createElement(_Viewer.default, (0, _extends2.default)({}, rest, {
     componentsProps: componentsPropsWithDefault,

package/dist/ViewersByFile/PdfMobileViewer.js

@@ -13,6 +13,8 @@ var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/
 
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 
+var _throttle = _interopRequireDefault(require("lodash/throttle"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _react = _interopRequireWildcard(require("react"));
@@ -91,58 +93,65 @@ var PdfMobileViewer = function PdfMobileViewer(_ref) {
     setLoading(false);
   };
 
-  var handleOnClick = (0, _react.useCallback)( /*#__PURE__*/function () {
-    var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(file) {
-      return _regenerator.default.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              _context.prev = 0;
-              _context.next = 3;
-              return (0, _file.downloadFile)({
-                client: client,
-                file: file,
-                webviewIntent: webviewIntent
-              });
-
-            case 3:
-              _context.next = 8;
-              break;
-
-            case 5:
-              _context.prev = 5;
-              _context.t0 = _context["catch"](0);
-              showAlert({
-                message: t('Viewer.error.generic'),
-                severity: 'error',
-                variant: 'filled',
-                icon: false
-              });
-
-            case 8:
-            case "end":
-              return _context.stop();
+  var handleOnClick = (0, _react.useMemo)(function () {
+    return (0, _throttle.default)( /*#__PURE__*/function () {
+      var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(file) {
+        return _regenerator.default.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                _context.prev = 0;
+                _context.next = 3;
+                return (0, _file.downloadFile)({
+                  client: client,
+                  file: file,
+                  webviewIntent: webviewIntent
+                });
+
+              case 3:
+                _context.next = 8;
+                break;
+
+              case 5:
+                _context.prev = 5;
+                _context.t0 = _context["catch"](0);
+                showAlert({
+                  message: t('Viewer.error.generic'),
+                  severity: 'error',
+                  variant: 'filled',
+                  icon: false
+                });
+
+              case 8:
+              case "end":
+                return _context.stop();
+            }
           }
-        }
-      }, _callee, null, [[0, 5]]);
-    }));
+        }, _callee, null, [[0, 5]]);
+      }));
 
-    return function (_x) {
-      return _ref2.apply(this, arguments);
-    };
-  }(), [client, showAlert, t, webviewIntent]);
+      return function (_x) {
+        return _ref2.apply(this, arguments);
+      };
+    }(), 1000, {
+      trailing: false
+    });
+  }, [client, showAlert, t, webviewIntent]);
   (0, _react.useEffect)(function () {
     if (gestures) {
       gestures.get('pinch').set({
         enable: true
       });
-      gestures.on('pinchend tap', function (evt) {
-        if ((evt.type === 'pinchend' || evt.tapCount === 1) && evt.target === imgRef.current) {
+      gestures.get('press').set({
+        time: 1
+      });
+      gestures.on('pinchend press', function (evt) {
+        if ((evt.type === 'pinchend' || evt.type === 'press') && evt.target === imgRef.current) {
           handleOnClick(file);
         }
       });
       return function () {
-        gestures.off('pinchend tap');
+        gestures.off('pinchend press');
       };
     }
   }, [client, gestures, file, handleOnClick]);

package/dist/components/Toolbar.js

@@ -35,6 +35,8 @@ var _Typography = _interopRequireDefault(require("cozy-ui/transpiled/react/Typog
 
 var _withBreakpoints = _interopRequireDefault(require("cozy-ui/transpiled/react/helpers/withBreakpoints"));
 
+var _Encrypted = require("cozy-ui/transpiled/react/providers/Encrypted");
+
 var _I18n = require("cozy-ui/transpiled/react/providers/I18n");
 
 var _styles = require("cozy-ui/transpiled/react/styles");
@@ -45,8 +47,6 @@ var _ToolbarFilePath = require("./ToolbarFilePath");
 
 var _helpers = require("../Footer/helpers");
 
-var _EncryptedProvider = require("../providers/EncryptedProvider");
-
 var styles = {
   "viewer-nav": "styles__viewer-nav___3V03k",
   "viewer-nav--visible": "styles__viewer-nav--visible___4GLTe",
@@ -86,7 +86,7 @@ var Toolbar = function Toolbar(_ref) {
 
   var webviewIntent = (0, _cozyIntent.useWebviewIntent)();
 
-  var _useEncrypted = (0, _EncryptedProvider.useEncrypted)(),
+  var _useEncrypted = (0, _Encrypted.useEncrypted)(),
       url = _useEncrypted.url;
 
   var ToolbarButtons = (0, _helpers.extractChildrenCompByName)({

package/dist/components/ViewerByFile.js

@@ -19,6 +19,8 @@ var _withBreakpoints = _interopRequireDefault(require("cozy-ui/transpiled/react/
 
 var _proptypes = require("cozy-ui/transpiled/react/proptypes");
 
+var _Encrypted = require("cozy-ui/transpiled/react/providers/Encrypted");
+
 var _NoViewer = _interopRequireDefault(require("../NoViewer"));
 
 var _AudioViewer = _interopRequireDefault(require("../ViewersByFile/AudioViewer"));
@@ -39,8 +41,6 @@ var _TextViewer = _interopRequireDefault(require("../ViewersByFile/TextViewer"))
 
 var _VideoViewer = _interopRequireDefault(require("../ViewersByFile/VideoViewer"));
 
-var _EncryptedProvider = require("../providers/EncryptedProvider");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -101,7 +101,7 @@ var ViewerByFile = (0, _withBreakpoints.default)()(function (_ref2) {
   var isOnlyOfficeEnabled = componentsProps === null || componentsProps === void 0 ? void 0 : (_componentsProps$Only = componentsProps.OnlyOfficeViewer) === null || _componentsProps$Only === void 0 ? void 0 : _componentsProps$Only.isEnabled;
   var onlyOfficeOpener = componentsProps === null || componentsProps === void 0 ? void 0 : (_componentsProps$Only2 = componentsProps.OnlyOfficeViewer) === null || _componentsProps$Only2 === void 0 ? void 0 : _componentsProps$Only2.opener;
 
-  var _useEncrypted = (0, _EncryptedProvider.useEncrypted)(),
+  var _useEncrypted = (0, _Encrypted.useEncrypted)(),
       url = _useEncrypted.url;
 
   var ComponentName = (0, _react.useMemo)(function () {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cozy-viewer",
-  "version": "2.0.3",
+  "version": "2.2.0",
   "description": "Cozy-Viewer provides a component to show files in a viewer.",
   "main": "dist/index.js",
   "license": "MIT",
@@ -24,14 +24,14 @@
     "@testing-library/react": "11.2.7",
     "@testing-library/react-hooks": "^3.2.1",
     "babel-plugin-inline-json-import": "0.3.2",
-    "babel-preset-cozy-app": "^2.2.2",
+    "babel-preset-cozy-app": "^2.4.0",
     "cozy-client": "48.8.0",
     "cozy-device-helper": "2.0.0",
     "cozy-harvest-lib": "^6.7.3",
     "cozy-intent": "^1.16.1",
-    "cozy-logger": "^1.10.6",
+    "cozy-logger": "^1.12.0",
     "cozy-sharing": "14.1.0",
-    "cozy-ui": "^111.9.0",
+    "cozy-ui": "^112.0.0",
     "enzyme": "3.11.0",
     "enzyme-adapter-react-16": "1.15.6",
     "enzyme-to-json": "3.6.2",
@@ -56,9 +56,9 @@
     "cozy-intent": ">=1.16.1",
     "cozy-logger": ">=1.9.0",
     "cozy-sharing": ">=14.1.0",
-    "cozy-ui": ">=111.9.0",
+    "cozy-ui": ">=112.0.0",
     "react": ">=16.12.0",
     "react-dom": ">=16.12.0"
   },
-  "gitHead": "1d7cc93f1c89ad2d02caffe8190ef1af57a8bb70"
+  "gitHead": "b9937f0b5374a867281c8bdbd10aba5db8e9dc0e"
 }

package/src/Footer/ForwardButton.spec.jsx

@@ -6,7 +6,7 @@ import { isMobileApp } from 'cozy-device-helper'
 
 import ForwardButton from './ForwardButton'
 import { exportFilesNative } from './helpers'
-import DemoProvider from '../docs/DemoProvider'
+import DemoProvider from '../providers/DemoProvider'
 
 jest.mock('cozy-device-helper')
 jest.mock('cozy-client/dist/models/sharing', () => ({

package/src/NoViewer/NoViewer.spec.jsx

@@ -2,7 +2,7 @@ import { render } from '@testing-library/react'
 import React from 'react'
 
 import NoViewer from './NoViewer'
-import DemoProvider from '../docs/DemoProvider'
+import DemoProvider from '../providers/DemoProvider'
 
 const file = {
   _id: 'notSupported',

package/src/Readme.md

@@ -54,7 +54,7 @@ import { Media, Img, Bd } from 'cozy-ui/transpiled/react/deprecated/Media'
 import Icon from 'cozy-ui/transpiled/react/Icon'
 import CarbonCopyIcon from 'cozy-ui/transpiled/react/Icons/CarbonCopy'
 // The DemoProvider inserts a fake cozy-client in the React context.
-import DemoProvider from './docs/DemoProvider'
+import DemoProvider from './providers/DemoProvider'
 import Button from 'cozy-ui/transpiled/react/Buttons'
 import DownloadIcon from 'cozy-ui/transpiled/react/Icons/Download'
 import ShareIcon from 'cozy-ui/transpiled/react/Icons/Share'

package/src/ViewerContainer.jsx

@@ -7,6 +7,7 @@ import { FileDoctype } from 'cozy-ui/transpiled/react/proptypes'
 import AlertProvider from 'cozy-ui/transpiled/react/providers/Alert'
 import useBreakpoints from 'cozy-ui/transpiled/react/providers/Breakpoints'
 import { useCozyTheme } from 'cozy-ui/transpiled/react/providers/CozyTheme'
+import EncryptedProvider from 'cozy-ui/transpiled/react/providers/Encrypted'
 import { useExtendI18n } from 'cozy-ui/transpiled/react/providers/I18n'
 
 import Viewer from './Viewer'
@@ -15,7 +16,6 @@ import { isValidForPanel } from './helpers'
 import { locales } from './locales'
 import { toolbarPropsPropType } from './proptypes'
 import { ActionMenuProvider } from './providers/ActionMenuProvider'
-import EncryptedProvider from './providers/EncryptedProvider'
 import styles from './styles.styl'
 
 const ViewerContainer = props => {

package/src/ViewersByFile/AudioViewer.spec.jsx

@@ -4,7 +4,7 @@ import React from 'react'
 import { BreakpointsProvider } from 'cozy-ui/transpiled/react/providers/Breakpoints'
 
 import AudioViewer from './AudioViewer'
-import DemoProvider from '../docs/DemoProvider'
+import DemoProvider from '../providers/DemoProvider'
 
 const file = {
   _id: 'audio',

package/src/ViewersByFile/ImageViewer.spec.jsx

@@ -3,10 +3,10 @@ import React from 'react'
 
 import { checkImageSource } from 'cozy-ui/transpiled/react/FileImageLoader/checkImageSource'
 import { BreakpointsProvider } from 'cozy-ui/transpiled/react/providers/Breakpoints'
+import EncryptedProvider from 'cozy-ui/transpiled/react/providers/Encrypted'
 
 import ImageViewer from './ImageViewer'
-import DemoProvider from '../docs/DemoProvider'
-import EncryptedProvider from '../providers/EncryptedProvider'
+import DemoProvider from '../providers/DemoProvider'
 
 jest.mock('cozy-ui/transpiled/react/FileImageLoader/checkImageSource', () => ({
   ...jest.requireActual(

package/src/ViewersByFile/PdfMobileViewer.jsx

@@ -1,5 +1,6 @@
+import throttle from 'lodash/throttle'
 import PropTypes from 'prop-types'
-import React, { useState, useEffect, useRef, useCallback } from 'react'
+import React, { useState, useEffect, useRef, useMemo } from 'react'
 
 import { useClient } from 'cozy-client'
 import { downloadFile } from 'cozy-client/dist/models/file'
@@ -32,28 +33,34 @@ export const PdfMobileViewer = ({ file, url, t, gestures }) => {
     setLoading(false)
   }
 
-  const handleOnClick = useCallback(
-    async file => {
-      try {
-        await downloadFile({ client, file, webviewIntent })
-      } catch (error) {
-        showAlert({
-          message: t('Viewer.error.generic'),
-          severity: 'error',
-          variant: 'filled',
-          icon: false
-        })
-      }
-    },
+  const handleOnClick = useMemo(
+    () =>
+      throttle(
+        async file => {
+          try {
+            await downloadFile({ client, file, webviewIntent })
+          } catch (error) {
+            showAlert({
+              message: t('Viewer.error.generic'),
+              severity: 'error',
+              variant: 'filled',
+              icon: false
+            })
+          }
+        },
+        1000,
+        { trailing: false }
+      ),
     [client, showAlert, t, webviewIntent]
   )
 
   useEffect(() => {
     if (gestures) {
       gestures.get('pinch').set({ enable: true })
-      gestures.on('pinchend tap', evt => {
+      gestures.get('press').set({ time: 1 })
+      gestures.on('pinchend press', evt => {
         if (
-          (evt.type === 'pinchend' || evt.tapCount === 1) &&
+          (evt.type === 'pinchend' || evt.type === 'press') &&
           evt.target === imgRef.current
         ) {
           handleOnClick(file)
@@ -61,7 +68,7 @@ export const PdfMobileViewer = ({ file, url, t, gestures }) => {
       })
 
       return () => {
-        gestures.off('pinchend tap')
+        gestures.off('pinchend press')
       }
     }
   }, [client, gestures, file, handleOnClick])

package/src/ViewersByFile/PdfMobileViewer.spec.jsx

@@ -3,10 +3,10 @@ import React from 'react'
 
 import { CozyProvider, createMockClient } from 'cozy-client'
 import logger from 'cozy-logger'
+import EncryptedProvider from 'cozy-ui/transpiled/react/providers/Encrypted'
 import { I18n } from 'cozy-ui/transpiled/react/providers/I18n'
 
 import { PdfMobileViewer } from './PdfMobileViewer'
-import EncryptedProvider from '../providers/EncryptedProvider'
 
 logger.error = logger.warn = jest.fn()
 

package/src/ViewersByFile/VideoViewer.spec.jsx

@@ -4,7 +4,7 @@ import React from 'react'
 import { BreakpointsProvider } from 'cozy-ui/transpiled/react/providers/Breakpoints'
 
 import VideoViewer from './VideoViewer'
-import DemoProvider from '../docs/DemoProvider'
+import DemoProvider from '../providers/DemoProvider'
 
 const file = {
   _id: 'video',

package/src/components/Toolbar.jsx

@@ -12,6 +12,7 @@ import PreviousIcon from 'cozy-ui/transpiled/react/Icons/Previous'
 import MidEllipsis from 'cozy-ui/transpiled/react/MidEllipsis'
 import Typography from 'cozy-ui/transpiled/react/Typography'
 import withBreakpoints from 'cozy-ui/transpiled/react/helpers/withBreakpoints'
+import { useEncrypted } from 'cozy-ui/transpiled/react/providers/Encrypted'
 import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n'
 import { makeStyles } from 'cozy-ui/transpiled/react/styles'
 
@@ -19,7 +20,6 @@ import PrintButton from './PrintButton'
 import { ToolbarFilePath } from './ToolbarFilePath'
 import styles from './styles.styl'
 import { extractChildrenCompByName } from '../Footer/helpers'
-import { useEncrypted } from '../providers/EncryptedProvider'
 
 const useClasses = makeStyles(theme => ({
   iconButton: {

package/src/components/ViewerByFile.jsx

@@ -5,6 +5,7 @@ import { isPlainText } from 'cozy-client/dist/models/file'
 import { isMobile as isMobileDevice } from 'cozy-device-helper'
 import withBreakpoints from 'cozy-ui/transpiled/react/helpers/withBreakpoints'
 import { FileDoctype } from 'cozy-ui/transpiled/react/proptypes'
+import { useEncrypted } from 'cozy-ui/transpiled/react/providers/Encrypted'
 
 import NoViewer from '../NoViewer'
 import AudioViewer from '../ViewersByFile/AudioViewer'
@@ -16,7 +17,6 @@ import PdfMobileViewer from '../ViewersByFile/PdfMobileViewer'
 import ShortcutViewer from '../ViewersByFile/ShortcutViewer'
 import TextViewer from '../ViewersByFile/TextViewer'
 import VideoViewer from '../ViewersByFile/VideoViewer'
-import { useEncrypted } from '../providers/EncryptedProvider'
 
 const isBlankPaper = doc => doc.metadata?.paperProps?.isBlank
 

package/src/components/ViewerControls.spec.jsx

@@ -5,7 +5,7 @@ import ViewerByFile from './ViewerByFile'
 import ViewerControls from './ViewerControls'
 
 jest.mock('../ViewersByFile/AudioViewer', () => () => <div>AudioViewer</div>)
-jest.mock('../providers/EncryptedProvider', () => ({
+jest.mock('cozy-ui/transpiled/react/providers/Encrypted', () => ({
   useEncrypted: () => ({ url: 'random' })
 }))
 

package/dist/providers/EncryptedProvider.d.ts

@@ -1,8 +0,0 @@
-export const EncryptedContext: React.Context<any>;
-export function useEncrypted(): any;
-declare var _default: React.MemoExoticComponent<({ url, children }: {
-    url: any;
-    children: any;
-}) => JSX.Element>;
-export default _default;
-import React from "react";

package/dist/providers/EncryptedProvider.js

@@ -1,43 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useEncrypted = exports.default = exports.EncryptedContext = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-var EncryptedContext = /*#__PURE__*/_react.default.createContext();
-
-exports.EncryptedContext = EncryptedContext;
-
-var useEncrypted = function useEncrypted() {
-  var context = (0, _react.useContext)(EncryptedContext);
-
-  if (!context) {
-    throw new Error('useEncrypted must be used within a EncryptedProvider');
-  }
-
-  return context;
-};
-
-exports.useEncrypted = useEncrypted;
-
-var EncryptedProvider = function EncryptedProvider(_ref) {
-  var url = _ref.url,
-      children = _ref.children;
-  var contextValue = {
-    url: url
-  };
-  return /*#__PURE__*/_react.default.createElement(EncryptedContext.Provider, {
-    value: contextValue
-  }, children);
-};
-
-var _default = /*#__PURE__*/_react.default.memo(EncryptedProvider);
-
-exports.default = _default;

package/src/providers/EncryptedProvider.jsx

@@ -1,25 +0,0 @@
-import React, { useContext } from 'react'
-
-export const EncryptedContext = React.createContext()
-
-export const useEncrypted = () => {
-  const context = useContext(EncryptedContext)
-
-  if (!context) {
-    throw new Error('useEncrypted must be used within a EncryptedProvider')
-  }
-  return context
-}
-
-const EncryptedProvider = ({ url, children }) => {
-  const contextValue = {
-    url
-  }
-  return (
-    <EncryptedContext.Provider value={contextValue}>
-      {children}
-    </EncryptedContext.Provider>
-  )
-}
-
-export default React.memo(EncryptedProvider)