@selfcommunity/react-ui 0.10.5-payments.185 → 0.10.5-payments.186

package/lib/cjs/components/PdfPreview/PdfPreview.js

@@ -9,13 +9,16 @@ const system_1 = require("@mui/system");
 const classnames_1 = tslib_1.__importDefault(require("classnames"));
 const react_intl_1 = require("react-intl");
 const react_pdf_1 = require("react-pdf");
+const utils_1 = require("@selfcommunity/utils");
 const Button_1 = tslib_1.__importDefault(require("@mui/material/Button"));
 const Skeleton_1 = tslib_1.__importDefault(require("./Skeleton"));
+const api_services_1 = require("@selfcommunity/api-services");
 const react_core_1 = require("@selfcommunity/react-core");
+const Errors_1 = require("../../constants/Errors");
 // eslint-disable-next-line @typescript-eslint/ban-ts-comment
 // @ts-ignore
 react_pdf_1.pdfjs.GlobalWorkerOptions.workerSrc = new URL('pdfjs-dist/build/pdf.worker.min.js', import.meta.url).toString();
-const PREFIX = 'PWAInvoicePdfView';
+const PREFIX = 'SCPdfPreview';
 const classes = {
     root: `${PREFIX}-root`,
     documentPdfWrapper: `${PREFIX}-document-pdf-wrapper`,
@@ -27,23 +30,7 @@ const Root = (0, material_1.styled)(material_1.Box, {
     name: PREFIX,
     slot: 'Root',
     overridesResolver: (props, styles) => styles.root
-})(({ theme }) => ({
-    display: 'flex',
-    flexDirection: 'column',
-    [`& .${classes.documentPdfWrapper}`]: {
-        filter: 'drop-shadow(0 0 5px #00000040)'
-    },
-    [`& .${classes.documentPdfLink}`]: {
-        padding: 10,
-        '&:hover': {
-            opacity: 0.5
-        }
-    },
-    [`& .${classes.documentPdfPage}`]: {
-        display: 'flex',
-        justifyContent: 'center'
-    }
-}));
+})(({ theme }) => ({}));
 // Default options conf PDFViewer
 const options = {
     cMapUrl: '/cmaps/',
@@ -80,10 +67,8 @@ function PdfPreview(inProps) {
         setIsLoading(false);
     }
     const fetchBlob = (0, react_1.useCallback)((url) => tslib_1.__awaiter(this, void 0, void 0, function* () {
-        const request = yield fetch(url, {
-            headers: Object.assign({}, (scUserContext.user && { Authorization: `Bearer ${scUserContext.session.authToken.accessToken}` }))
-        });
-        return yield request.blob();
+        const response = yield api_services_1.http.request({ url, responseType: 'blob' });
+        return response.data;
     }), [scUserContext.user, scUserContext.session]);
     (0, react_1.useEffect)(() => {
         if (pdfUrl) {
@@ -94,7 +79,9 @@ function PdfPreview(inProps) {
                 setUrl(_url);
                 setIsLoading(false);
             })
-                .catch(console.error);
+                .catch((error) => {
+                utils_1.Logger.error(Errors_1.SCOPE_SC_UI, error);
+            });
         }
     }, [scUserContext.user, scUserContext.session]);
     function renderDocument() {

package/lib/esm/components/PdfPreview/PdfPreview.js

@@ -6,13 +6,16 @@ import { useThemeProps } from '@mui/system';
 import classNames from 'classnames';
 import { FormattedMessage } from 'react-intl';
 import { Document, Page, pdfjs } from 'react-pdf';
+import { Logger } from '@selfcommunity/utils';
 import Button from '@mui/material/Button';
 import Skeleton from './Skeleton';
+import { http } from '@selfcommunity/api-services';
 import { useResizeObserver, useSCUser } from '@selfcommunity/react-core';
+import { SCOPE_SC_UI } from '../../constants/Errors';
 // eslint-disable-next-line @typescript-eslint/ban-ts-comment
 // @ts-ignore
 pdfjs.GlobalWorkerOptions.workerSrc = new URL('pdfjs-dist/build/pdf.worker.min.js', import.meta.url).toString();
-const PREFIX = 'PWAInvoicePdfView';
+const PREFIX = 'SCPdfPreview';
 const classes = {
     root: `${PREFIX}-root`,
     documentPdfWrapper: `${PREFIX}-document-pdf-wrapper`,
@@ -24,23 +27,7 @@ const Root = styled(Box, {
     name: PREFIX,
     slot: 'Root',
     overridesResolver: (props, styles) => styles.root
-})(({ theme }) => ({
-    display: 'flex',
-    flexDirection: 'column',
-    [`& .${classes.documentPdfWrapper}`]: {
-        filter: 'drop-shadow(0 0 5px #00000040)'
-    },
-    [`& .${classes.documentPdfLink}`]: {
-        padding: 10,
-        '&:hover': {
-            opacity: 0.5
-        }
-    },
-    [`& .${classes.documentPdfPage}`]: {
-        display: 'flex',
-        justifyContent: 'center'
-    }
-}));
+})(({ theme }) => ({}));
 // Default options conf PDFViewer
 const options = {
     cMapUrl: '/cmaps/',
@@ -77,10 +64,8 @@ export default function PdfPreview(inProps) {
         setIsLoading(false);
     }
     const fetchBlob = useCallback((url) => __awaiter(this, void 0, void 0, function* () {
-        const request = yield fetch(url, {
-            headers: Object.assign({}, (scUserContext.user && { Authorization: `Bearer ${scUserContext.session.authToken.accessToken}` }))
-        });
-        return yield request.blob();
+        const response = yield http.request({ url, responseType: 'blob' });
+        return response.data;
     }), [scUserContext.user, scUserContext.session]);
     useEffect(() => {
         if (pdfUrl) {
@@ -91,7 +76,9 @@ export default function PdfPreview(inProps) {
                 setUrl(_url);
                 setIsLoading(false);
             })
-                .catch(console.error);
+                .catch((error) => {
+                Logger.error(SCOPE_SC_UI, error);
+            });
         }
     }, [scUserContext.user, scUserContext.session]);
     function renderDocument() {