@agilemotion/oui-react-js 1.3.0 → 1.3.2

package/dist/BusinessPortalAppHome.js

@@ -0,0 +1,167 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _reactRedux = require("react-redux");
+
+var _reactRouterDom = require("react-router-dom");
+
+var _redux = require("redux");
+
+var _DashboardStore = require("./redux/store/DashboardStore");
+
+var _LoadingIndicator = _interopRequireDefault(require("./components/LoadingIndicator"));
+
+var _BusinessPortalAppDashboard = _interopRequireDefault(require("./components/dashboard/BusinessPortalAppDashboard"));
+
+var _ApplicationContext = _interopRequireWildcard(require("./ApplicationContext"));
+
+var _TokenManager = _interopRequireDefault(require("./security/TokenManager"));
+
+var _Utils = _interopRequireDefault(require("./Utils"));
+
+var _core = require("@material-ui/core");
+
+var _ThemeProvider = _interopRequireDefault(require("@material-ui/styles/ThemeProvider"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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; }
+
+const location = window.location.protocol + "//" + window.location.hostname;
+
+const propHandler = state => {
+  let isLoading = state.dashboard.isLoading;
+  let dashboardSettings = state.dashboard.dashboardSettings;
+  return {
+    isLoading: isLoading,
+    error: state.error,
+    dashboardSettings: dashboardSettings
+  };
+};
+
+class BusinessPortalAppHome extends _react.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      dashboardSettings: null,
+      message: "",
+      open: false,
+      avatarUrl: null,
+      tokenRefreshMonitorStarted: false
+    };
+  }
+
+  componentDidMount() {
+    _ApplicationContext.default.setApplicationHistory(this.props.history);
+
+    _ApplicationContext.default.setServiceApiPath(this.props.serviceApiPath);
+
+    _ApplicationContext.default.setUIConfigPath(this.props.uiConfigPath);
+
+    _ApplicationContext.default.setContextRoot(this.props.contextRoot);
+
+    _ApplicationContext.default.setBaseApiUrl(this.props.baseApiUrl);
+
+    _ApplicationContext.default.setFilesApiPath(this.props.filesApiPath);
+
+    this.props.getDashboardSettings(location + this.props.contextRoot + this.props.baseApiUrl + "/ui/setup");
+  }
+
+  componentDidUpdate(prevProps) {
+    if (JSON.stringify(prevProps.dashboardSettings) !== JSON.stringify(this.props.dashboardSettings) && !this.props.error) {
+      this.setState({
+        dashboardSettings: this.props.dashboardSettings
+      });
+
+      if (!this.state.tokenRefreshMonitorStarted && !_Utils.default.isNull(this.props.dashboardSettings)) {
+        _TokenManager.default.startTokenRefreshMonitor(location + this.props.contextRoot + this.props.authUrl + "/refresh", this.props.dashboardSettings.userName);
+
+        this.setState({
+          tokenRefreshMonitorStarted: true
+        });
+
+        if (!_Utils.default.isNull(this.props.dashboardSettings.userAvatar)) {
+          this.setState({
+            avatarUrl: this.props.dashboardSettings.userAvatar.url
+          });
+        }
+
+        let avatarListener = {};
+        avatarListener.type = _ApplicationContext.AVATAR_LISTENER_TYPE;
+
+        avatarListener.handler = avatar => {
+          this.setState({
+            avatarUrl: avatar.url
+          });
+        };
+
+        _ApplicationContext.default.addApplicationListener(avatarListener);
+
+        _ApplicationContext.default.setApplicationThemeColors(this.props.dashboardSettings.primaryColor, this.props.dashboardSettings.secondaryColor);
+
+        this.setState({
+          loadingColor: this.props.dashboardSettings.primaryColor
+        });
+      }
+    }
+
+    if (prevProps.error !== this.props.error && this.props.error) {
+      this.setState({
+        message: "A system error has accured"
+      });
+    }
+  }
+
+  logout() {
+    sessionStorage.removeItem("accessToken");
+    sessionStorage.removeItem("refreshToken");
+    sessionStorage.removeItem("idToken");
+    sessionStorage.removeItem("lastLogin");
+
+    _ApplicationContext.default.clear();
+
+    this.props.history.push('/login');
+  }
+
+  render() {
+    return /*#__PURE__*/_react.default.createElement(_reactRouterDom.BrowserRouter, null, /*#__PURE__*/_react.default.createElement("div", {
+      className: "main w-100 h-100 d-inline-block"
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      className: "w-100 h-100"
+    }, this.state.dashboardSettings !== null ? /*#__PURE__*/_react.default.createElement(_ThemeProvider.default, {
+      theme: (0, _core.createMuiTheme)({
+        palette: {
+          primary: {
+            main: this.state.dashboardSettings.primaryColor
+          },
+          secondary: {
+            main: this.state.dashboardSettings.secondaryColor
+          }
+        }
+      })
+    }, /*#__PURE__*/_react.default.createElement(_BusinessPortalAppDashboard.default, {
+      logoutCallBack: () => {
+        this.logout();
+      },
+      settings: this.state.dashboardSettings,
+      avatar: !_Utils.default.isNull(this.state.avatarUrl) ? this.state.avatarUrl : null,
+      logo: this.state.dashboardSettings.logo,
+      appLogoPath: this.props.appLogoPath
+    })) : null), /*#__PURE__*/_react.default.createElement(_LoadingIndicator.default, {
+      color: this.state.loadingColor
+    })));
+  }
+
+}
+
+var _default = (0, _reactRouterDom.withRouter)((0, _reactRedux.connect)(propHandler, dispatch => (0, _redux.bindActionCreators)(_DashboardStore.actionCreators, dispatch))(BusinessPortalAppHome));
+
+exports.default = _default;

package/dist/RestUtils.js

@@ -43,7 +43,7 @@ const json = response => {
 
 class RestUtils {
   invokeRest(service, component, viewId, successCallback, errorCallback, invalidParamCallback, returnValueBinding, successMessage) {
-    let url = service.url.startsWith('http://') || service.url.startsWith('https://') ? service.url : location + "/agility".concat(service.url);
+    let url = service.url.startsWith('http://') || service.url.startsWith('https://') ? service.url : location + "".concat(_ApplicationContext.default.getContextRoot() + service.url);
     let requestBody = null;
 
     if (!_Utils.default.isNull(service.parameters)) {
@@ -97,9 +97,7 @@ class RestUtils {
 
           if (httpParameterType === 'PATH_VARIABLE') {
             if (!_Utils.default.isNull(parameterValue)) {
-              if (pathParameters.length > 0) {
-                pathParameters += '/' + JSON.stringify(parameterValue.value);
-              }
+              pathParameters += '/' + (typeof parameterValue.value === 'object' ? JSON.stringify(parameterValue.value) : parameterValue.value);
             }
           }
 
@@ -114,7 +112,9 @@ class RestUtils {
                 if (parameterValue.type === 'MapObject') {
                   requestBody.type = 'MapEntityDto';
                 } else {
-                  requestBody.type = parameterValue.type;
+                  if (typeof requestBody === 'object') {
+                    requestBody.type = parameterValue.type;
+                  }
                 }
               }
             }
@@ -143,7 +143,12 @@ class RestUtils {
       contentType = headers['Content-Type'];
     }
 
-    if (requestBody !== null) {
+    if (requestBody !== null && service.method === 'GET') {
+      console.error("A request body parameter cannot be specified for a GET request");
+      return;
+    }
+
+    if (requestBody !== null || service.method === 'POST') {
       postData(url, response => {
         let responseData = !_Utils.default.isNull(response) ? response.data : null;
 
@@ -250,8 +255,6 @@ class RestUtils {
         }
       }
     }, e => {
-      console.error(e);
-
       if (errorCallback !== null) {
         errorCallback(e);
       }
@@ -413,7 +416,7 @@ const postData = (url, successCallback, errorCallback, secure, data) => {
 exports.postData = postData;
 
 const sendRequest = (url, successCallback, errorCallback, secure, track) => {
-  instance.doFetch(url, successCallback, errorCallback, secure, null, null, null, null, null, _Utils.default.isNull(track) ? false : track);
+  instance.doFetch(url, successCallback, errorCallback, secure, null, null, null, null, null, track);
 };
 
 exports.sendRequest = sendRequest;

package/dist/assets/css/black-dashboard-react.css

@@ -78,8 +78,7 @@ body {
   font-weight: 400;
   line-height: 1.5;
   color: #525f7f;
-  text-align: left;
-  background-color: #1e1e2f; }
+  text-align: left; }
 
 [tabindex="-1"]:focus {
   outline: 0 !important; }

package/dist/assets/jss/components/footerStyle.js

@@ -16,23 +16,26 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 const footerStyle = {
   block: {},
   left: {
-    float: "left!important",
-    display: "block"
+    float: "left !important"
   },
   right: {
     margin: "0",
     fontSize: "14px",
-    float: "right!important",
+    float: "right !important",
     padding: "15px",
     paddingRight: "70px"
   },
   footer: _objectSpread(_objectSpread({
     bottom: "0",
-    borderTop: "1px solid " + _rootStyle.grayColor[15],
     padding: "15px 0"
   }, _rootStyle.defaultFont), {}, {
     zIndex: 4
   }),
+  wrapper: {
+    display: "inline-block",
+    textAlign: '-webkit-center',
+    width: '100%'
+  },
   container: _objectSpread(_objectSpread({
     zIndex: 3
   }, _rootStyle.container), {}, {

package/dist/assets/jss/views/loginBasicStyle.js

@@ -13,7 +13,6 @@ const styles = {
     maxWidth: 400,
     paddingTop: '56px',
     height: 'auto',
-    color: _colors.grey400,
     fontSize: '30px'
   },
   loginContainer: {

package/dist/assets/jss/views/loginBusinessPortalStyle.js

@@ -0,0 +1,76 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _colors = require("material-ui/styles/colors");
+
+const styles = {
+  title: {
+    minWidth: 320,
+    maxWidth: 400,
+    height: 'auto',
+    fontSize: '30px'
+  },
+  loginContainer: {
+    minWidth: 320,
+    maxWidth: 400,
+    padding: '16px',
+    height: 'auto'
+  },
+  paper: {
+    padding: 20,
+    overflow: 'auto'
+  },
+  buttonsDiv: {
+    display: "inline-block",
+    textAlign: "center",
+    marginTop: '8px'
+  },
+  flatButton: {
+    color: _colors.grey500
+  },
+  checkRemember: {
+    style: {
+      float: 'left',
+      maxWidth: 180,
+      paddingTop: 5
+    },
+    labelStyle: {
+      color: _colors.grey500
+    },
+    iconStyle: {
+      color: _colors.grey500,
+      borderColor: _colors.grey500,
+      fill: _colors.grey500
+    }
+  },
+  componentWrapper: {
+    display: "inline",
+    textAlign: "center"
+  },
+  loginBtn: {
+    float: 'right'
+  },
+  btn: {
+    background: '#4f81e9',
+    color: _colors.white,
+    padding: 7,
+    borderRadius: 2,
+    margin: 2,
+    fontSize: 13
+  },
+  btnFacebook: {
+    background: '#4f81e9'
+  },
+  btnGoogle: {
+    background: '#e14441'
+  },
+  btnSpan: {
+    marginLeft: 5
+  }
+};
+var _default = styles;
+exports.default = _default;

package/dist/assets/scss/black-dashboard-react/bootstrap/_reboot.scss

@@ -62,7 +62,6 @@ body {
   line-height: $line-height-base;
   color: $body-color;
   text-align: left; // 3
-  background-color: $body-bg; // 2
 }
 
 // Suppress the focus outline on elements that cannot be accessed via keyboard.

package/dist/components/DocumentView.css

@@ -0,0 +1,4 @@
+.react-pdf__Page__canvas {
+    margin: 0 auto;
+    height: auto !important;
+}

package/dist/components/DocumentViewer.js

@@ -7,10 +7,22 @@ exports.default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _reactPdf = require("react-pdf");
-
 var _Utils = _interopRequireDefault(require("../Utils"));
 
+var _Observable = _interopRequireDefault(require("../event/Observable"));
+
+var _ApplicationContext = _interopRequireDefault(require("../ApplicationContext"));
+
+var _RestUtils = require("../RestUtils");
+
+var _ServiceCallActionHandler = _interopRequireDefault(require("../event/ServiceCallActionHandler"));
+
+var _DynamicJS = _interopRequireDefault(require("../DynamicJS"));
+
+require("./DocumentView.css");
+
+var _DocumentViewerComponent = _interopRequireDefault(require("./DocumentViewerComponent"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
@@ -25,49 +37,93 @@ function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-_reactPdf.pdfjs.GlobalWorkerOptions.workerSrc = "//cdnjs.cloudflare.com/ajax/libs/pdf.js/".concat(_reactPdf.pdfjs.version, "/pdf.worker.js");
-
-const DocumentViewer = props => {
-  const _React$useState = _react.default.useState(1),
-        _React$useState2 = _slicedToArray(_React$useState, 1),
-        pageNumber = _React$useState2[0];
+const DocumentViewer = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const _React$useState = _react.default.useState(true),
+        _React$useState2 = _slicedToArray(_React$useState, 2),
+        initializing = _React$useState2[0],
+        setInitializing = _React$useState2[1];
 
   const _React$useState3 = _react.default.useState(null),
         _React$useState4 = _slicedToArray(_React$useState3, 2),
-        numPages = _React$useState4[0],
-        setNumPages = _React$useState4[1];
+        value = _React$useState4[0],
+        setValue = _React$useState4[1];
+
+  _react.default.useEffect(() => {
+    props.handle.api = api();
+
+    if (initializing) {
+      let parsedConfig = _Utils.default.parseConfig(props.config, props.viewId);
 
-  const onDocumentLoadSuccess = ({
-    numPages
-  }) => {
-    setNumPages(numPages);
+      _Observable.default.addSubscriptions(parsedConfig.eventHandlingConfig, props.handle, props.viewId);
 
-    if (!_Utils.default.isNull(props.onDocumentLoadSuccess)) {
-      props.onDocumentLoadSuccess(numPages);
+      _Observable.default.addSystemSubscriptions(parsedConfig);
+
+      setInitializing(false);
+
+      if (!_Utils.default.isNull(props.loadCompleteHandler)) {
+        props.loadCompleteHandler(props.config.id);
+      }
     }
+  });
+
+  const api = () => {
+    return {
+      get id() {
+        return props.config.id;
+      },
+
+      loadData: actionConfig => {
+        if (!_Utils.default.isNull(actionConfig) && !_Utils.default.isNull(actionConfig.value)) {
+          let value = _ApplicationContext.default.isExpression(actionConfig.value) ? _ApplicationContext.default.resolveExpressionValue(actionConfig.value) : actionConfig.value; // TODO : set value
+        } else {
+          let service = !_Utils.default.isNull(props.config.dataService) ? props.config.dataService : actionConfig !== null ? actionConfig.dataService : null;
+          let componentValue = !_Utils.default.isNull(props.config.value) ? props.config.value : actionConfig !== null ? actionConfig.value : null;
+
+          if (!_Utils.default.isNull(service)) {
+            if (service.type === 'remoteObjectProxy') {
+              (0, _RestUtils.invokeRpc)(service, props.handle, props.viewId, result => {}, e => {}, parameter => {});
+            } else {
+              if (_Utils.default.isNull(actionConfig)) {
+                actionConfig = {};
+              }
+
+              actionConfig.service = service; // TODO : Implement the invalid paramenter callback
+
+              _ServiceCallActionHandler.default.execute(actionConfig, null, null, props.viewId, data => {
+                let file = {};
+                file.base64 = data.payloadBase64;
+                file.type = props.config.fileType;
+                setValue(file);
+              }, () => {});
+            }
+          } else {
+            if (!_Utils.default.isNull(componentValue)) {
+              if (_ApplicationContext.default.isExpression(componentValue)) {
+                let path = _Utils.default.getPropertyChainPath(componentValue);
+
+                if (!_Utils.default.isNull(path.valueObject)) {
+                  _Observable.default.addSystemGeneratedSubscription(props.viewId, props.config.id, () => {
+                    let value = _DynamicJS.default.executeScript("".concat(props.config.id, "ValueEvaluator"), componentValue);
+
+                    if (!_Utils.default.isNull(value)) {// TODO : set value
+                    }
+                  });
+                }
+              }
+            }
+          }
+        }
+      }
+    };
   };
 
-  return /*#__PURE__*/_react.default.createElement("div", null, !_Utils.default.isNull(props.file) ? /*#__PURE__*/_react.default.createElement("div", {
-    style: {
-      border: "1px solid rgba(0, 0, 0, 0.23)",
-      borderRadius: "4px",
-      padding: "16px",
-      width: "calc(100% - 32px)"
-    }
-  }, props.file.type === "application/pdf" ? /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_reactPdf.Document, {
-    width: "100px",
-    file: props.file.base64,
-    onLoadSuccess: onDocumentLoadSuccess
-  }, /*#__PURE__*/_react.default.createElement(_reactPdf.Page, {
-    pageNumber: pageNumber
-  })), /*#__PURE__*/_react.default.createElement("p", null, "Page ", pageNumber, " of ", numPages)) : /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("img", {
-    src: props.file.base64,
-    style: {
-      width: "98%"
-    },
-    alt: ''
-  }), props.onDocumentLoadSuccess(1))) : null);
-};
+  return /*#__PURE__*/_react.default.createElement("div", {
+    ref: ref
+  }, !_Utils.default.isNull(value) ? /*#__PURE__*/_react.default.createElement(_DocumentViewerComponent.default, {
+    file: value,
+    onDocumentLoadSuccess: () => {}
+  }) : null);
+}));
 
 var _default = DocumentViewer;
 exports.default = _default;

package/dist/components/DocumentViewerComponent.js

@@ -0,0 +1,93 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactPdf = require("react-pdf");
+
+var _Utils = _interopRequireDefault(require("../Utils"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+
+function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+_reactPdf.pdfjs.GlobalWorkerOptions.workerSrc = "//cdnjs.cloudflare.com/ajax/libs/pdf.js/".concat(_reactPdf.pdfjs.version, "/pdf.worker.js");
+
+const DocumentViewerComponent = props => {
+  const _React$useState = _react.default.useState(1),
+        _React$useState2 = _slicedToArray(_React$useState, 2),
+        pageNumber = _React$useState2[0],
+        setPageNumber = _React$useState2[1];
+
+  const _React$useState3 = _react.default.useState(null),
+        _React$useState4 = _slicedToArray(_React$useState3, 2),
+        numPages = _React$useState4[0],
+        setNumPages = _React$useState4[1];
+
+  const onDocumentLoadSuccess = ({
+    numPages
+  }) => {
+    setNumPages(numPages);
+
+    if (!_Utils.default.isNull(props.onDocumentLoadSuccess)) {
+      props.onDocumentLoadSuccess(numPages);
+    }
+  };
+
+  const changePage = offset => {
+    setPageNumber(pageNumber + offset);
+  };
+
+  const previousPage = () => {
+    changePage(-1);
+  };
+
+  const nextPage = () => {
+    changePage(1);
+  };
+
+  return /*#__PURE__*/_react.default.createElement("div", null, !_Utils.default.isNull(props.file) ? /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      borderRadius: "4px",
+      padding: "16px",
+      margin: "16px",
+      width: "calc(100% - 32px)"
+    }
+  }, props.file.type === "application/pdf" ? /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_reactPdf.Document, {
+    file: "data:application/pdf;base64," + props.file.base64,
+    onLoadSuccess: onDocumentLoadSuccess
+  }, /*#__PURE__*/_react.default.createElement(_reactPdf.Page, {
+    pageNumber: pageNumber
+  })), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("p", null, "Page ", pageNumber || (numPages ? 1 : "--"), " of", " ", numPages || "--"), /*#__PURE__*/_react.default.createElement("button", {
+    type: "button",
+    disabled: pageNumber <= 1,
+    onClick: previousPage
+  }, "Previous"), /*#__PURE__*/_react.default.createElement("button", {
+    type: "button",
+    disabled: pageNumber >= numPages,
+    onClick: nextPage
+  }, "Next"))) : /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("img", {
+    src: props.file.base64,
+    style: {
+      width: "98%"
+    },
+    alt: ''
+  }), props.onDocumentLoadSuccess(1))) : null);
+};
+
+var _default = DocumentViewerComponent;
+exports.default = _default;