@agilemotion/oui-react-js 1.6.0 → 1.6.2

package/dist/components/DocumentTemplateDesignerComponent.js

@@ -1,5 +1,7 @@
 "use strict";
 
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -9,56 +11,65 @@ var _ej2ReactRichtexteditor = require("@syncfusion/ej2-react-richtexteditor");
 
 var React = _interopRequireWildcard(require("react"));
 
-require("./DocumentTemplateDesignerComponent.css");
+var _DocumentTemplatePlaceholderDialog = _interopRequireDefault(require("./DocumentTemplatePlaceholderDialog"));
 
-require("@syncfusion/ej2-base/styles/material.css");
+var _mammoth = _interopRequireDefault(require("mammoth"));
 
-require("@syncfusion/ej2-icons/styles/material.css");
+var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
 
-require("@syncfusion/ej2-buttons/styles/material.css");
+var _this = void 0;
 
-require("@syncfusion/ej2-splitbuttons/styles/material.css");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-require("@syncfusion/ej2-inputs/styles/material.css");
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
 
-require("@syncfusion/ej2-lists/styles/material.css");
+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; }
 
-require("@syncfusion/ej2-navigations/styles/material.css");
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
 
-require("@syncfusion/ej2-popups/styles/material.css");
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
 
-require("@syncfusion/ej2-richtexteditor/styles/material.css");
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
-var _DocumentTemplatePlaceholderDialog = _interopRequireDefault(require("./DocumentTemplatePlaceholderDialog"));
+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."); }
 
-var _mammoth = _interopRequireDefault(require("mammoth"));
+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); }
 
-var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
+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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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 _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { 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 DocumentTemplateDesignerComponent = props => {
-  const {
-    contractTemplate,
-    uploadTrigger
-  } = props;
-  const [open, setOpen] = React.useState(false);
-  const [error, setError] = React.useState(null);
-  const [documentLoaded, setDocumentLoaded] = React.useState(false);
-  const fileInputRef = (0, React.useRef)(null);
-  const btnRef = (0, React.useRef)(null);
-  let rteObj;
-  let items = ['Bold', 'Italic', 'Underline', '|', 'Formats', '|', 'CreateLink', '|', {
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+var DocumentTemplateDesignerComponent = function DocumentTemplateDesignerComponent(props) {
+  var contractTemplate = props.contractTemplate,
+      uploadTrigger = props.uploadTrigger;
+
+  var _React$useState = React.useState(false),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      open = _React$useState2[0],
+      setOpen = _React$useState2[1];
+
+  var _React$useState3 = React.useState(null),
+      _React$useState4 = _slicedToArray(_React$useState3, 2),
+      error = _React$useState4[0],
+      setError = _React$useState4[1];
+
+  var _React$useState5 = React.useState(false),
+      _React$useState6 = _slicedToArray(_React$useState5, 2),
+      documentLoaded = _React$useState6[0],
+      setDocumentLoaded = _React$useState6[1];
+
+  var fileInputRef = (0, React.useRef)(null);
+  var btnRef = (0, React.useRef)(null);
+  var rteObj;
+  var items = ['Bold', 'Italic', 'Underline', '|', 'Formats', '|', 'CreateLink', '|', {
     template: '' + '<button class="e-tbar-btn e-btn" tabindex="-1" id="custom_tbar"  style="width:100%"><div class="e-tbar-btn-text" style="font-weight: normal; font-size: inherit;"> Placeholders</div></button>',
     undo: true,
-    click: onClick.bind(void 0),
+    click: onClick.bind(_this),
     tooltipText: 'Insert Placeholders'
   }, '|', 'Undo', 'Redo'];
-  let toolbarSettings = {
+  var toolbarSettings = {
     items: items
   };
 
@@ -70,37 +81,80 @@ const DocumentTemplateDesignerComponent = props => {
     setOpen(true);
   }
 
-  const handleFileChange = async event => {
-    const file = event.target.files[0];
-    setError(null);
-
-    if (file) {
-      if (file.type === 'application/vnd.openxmlformats-officedocument.wordprocessingml.document') {
-        const reader = new FileReader();
-
-        reader.onload = async e => {
-          const arrayBuffer = e.target.result;
-
-          try {
-            const {
-              value
-            } = await _mammoth.default.convertToHtml({
-              arrayBuffer
-            });
-            rteObj.executeCommand('insertHTML', value);
-          } catch (error) {
-            setError('Error processing the file. Please ensure it is a valid .docx file.');
+  var handleFileChange = /*#__PURE__*/function () {
+    var _ref = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2(event) {
+      var file, reader;
+      return regeneratorRuntime.wrap(function _callee2$(_context2) {
+        while (1) {
+          switch (_context2.prev = _context2.next) {
+            case 0:
+              file = event.target.files[0];
+              setError(null);
+
+              if (file) {
+                if (file.type === 'application/vnd.openxmlformats-officedocument.wordprocessingml.document') {
+                  reader = new FileReader();
+
+                  reader.onload = /*#__PURE__*/function () {
+                    var _ref2 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(e) {
+                      var arrayBuffer, _yield$mammoth$conver, value;
+
+                      return regeneratorRuntime.wrap(function _callee$(_context) {
+                        while (1) {
+                          switch (_context.prev = _context.next) {
+                            case 0:
+                              arrayBuffer = e.target.result;
+                              _context.prev = 1;
+                              _context.next = 4;
+                              return _mammoth.default.convertToHtml({
+                                arrayBuffer: arrayBuffer
+                              });
+
+                            case 4:
+                              _yield$mammoth$conver = _context.sent;
+                              value = _yield$mammoth$conver.value;
+                              rteObj.executeCommand('insertHTML', value);
+                              _context.next = 12;
+                              break;
+
+                            case 9:
+                              _context.prev = 9;
+                              _context.t0 = _context["catch"](1);
+                              setError('Error processing the file. Please ensure it is a valid .docx file.');
+
+                            case 12:
+                            case "end":
+                              return _context.stop();
+                          }
+                        }
+                      }, _callee, null, [[1, 9]]);
+                    }));
+
+                    return function (_x2) {
+                      return _ref2.apply(this, arguments);
+                    };
+                  }();
+
+                  reader.readAsArrayBuffer(file);
+                } else {
+                  setError('Unsupported file type. Please upload a .docx file.');
+                }
+              }
+
+            case 3:
+            case "end":
+              return _context2.stop();
           }
-        };
+        }
+      }, _callee2);
+    }));
 
-        reader.readAsArrayBuffer(file);
-      } else {
-        setError('Unsupported file type. Please upload a .docx file.');
-      }
-    }
-  };
+    return function handleFileChange(_x) {
+      return _ref.apply(this, arguments);
+    };
+  }();
 
-  (0, React.useEffect)(() => {
+  (0, React.useEffect)(function () {
     if (uploadTrigger != null && btnRef.current) {
       btnRef.current.click();
     }
@@ -121,7 +175,7 @@ const DocumentTemplateDesignerComponent = props => {
     accept: ".docx"
   })), /*#__PURE__*/React.createElement(_ej2ReactRichtexteditor.RichTextEditorComponent, {
     id: "defaultRTE",
-    ref: scope => {
+    ref: function ref(scope) {
       rteObj = scope;
     },
     toolbarSettings: toolbarSettings
@@ -129,7 +183,9 @@ const DocumentTemplateDesignerComponent = props => {
     services: [_ej2ReactRichtexteditor.HtmlEditor, _ej2ReactRichtexteditor.Toolbar, _ej2ReactRichtexteditor.Link, _ej2ReactRichtexteditor.Image, _ej2ReactRichtexteditor.QuickToolbar]
   })), /*#__PURE__*/React.createElement(_DocumentTemplatePlaceholderDialog.default, {
     open: open,
-    onClose: () => setOpen(false),
+    onClose: function onClose() {
+      return setOpen(false);
+    },
     onInsertHandler: onInsert
   }));
 };

package/dist/components/DocumentTemplatePlaceholderDialog.js

@@ -1,5 +1,7 @@
 "use strict";
 
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -13,17 +15,33 @@ var _icons = require("@material-ui/icons");
 
 require("./DocumentTemplateDesignerComponent.css");
 
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+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; }
+
+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 _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; }
+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; }
 
-const DocumentTemplatePlaceholderDialog = ({
-  open,
-  onClose,
-  onInsertHandler
-}) => {
-  const [selectedIndex, setSelectedIndex] = (0, _react.useState)(null);
-  const placeholders = [{
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+var DocumentTemplatePlaceholderDialog = function DocumentTemplatePlaceholderDialog(_ref) {
+  var open = _ref.open,
+      onClose = _ref.onClose,
+      onInsertHandler = _ref.onInsertHandler;
+
+  var _useState = (0, _react.useState)(null),
+      _useState2 = _slicedToArray(_useState, 2),
+      selectedIndex = _useState2[0],
+      setSelectedIndex = _useState2[1];
+
+  var placeholders = [{
     title: 'Placeholder 1',
     description: '{{placeholder_1}}'
   }, {
@@ -36,15 +54,15 @@ const DocumentTemplatePlaceholderDialog = ({
     title: 'Placeholder 4',
     description: '{{placeholder_4}}'
   }];
-  const {
-    palette
-  } = (0, _core.useTheme)();
 
-  const handleListItemClick = index => {
+  var _useTheme = (0, _core.useTheme)(),
+      palette = _useTheme.palette;
+
+  var handleListItemClick = function handleListItemClick(index) {
     setSelectedIndex(index);
   };
 
-  const handleInsert = () => {
+  var handleInsert = function handleInsert() {
     if (selectedIndex !== null) {
       console.log("Selected placeholder: ".concat(placeholders[selectedIndex].title));
       onInsertHandler(placeholders[selectedIndex].description);
@@ -60,22 +78,26 @@ const DocumentTemplatePlaceholderDialog = ({
     maxWidth: 'md'
   }, /*#__PURE__*/_react.default.createElement(_core.DialogTitle, null, "Select a Placeholder"), /*#__PURE__*/_react.default.createElement(_core.DialogContent, null, /*#__PURE__*/_react.default.createElement("div", {
     id: "customTbarDialog"
-  }, /*#__PURE__*/_react.default.createElement(_core.List, null, placeholders.map((placeholder, index) => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
-    key: index
-  }, /*#__PURE__*/_react.default.createElement(_core.ListItem, {
-    button: true,
-    selected: selectedIndex === index,
-    onClick: () => handleListItemClick(index) // className="char_block"
-    ,
-    style: {
-      border: selectedIndex === index ? "1px solid ".concat(palette.primary.main) : null,
-      margin: '4px 0',
-      borderRadius: '4px'
-    }
-  }, /*#__PURE__*/_react.default.createElement(_core.ListItemAvatar, null, /*#__PURE__*/_react.default.createElement(_core.Avatar, null, /*#__PURE__*/_react.default.createElement(_icons.AddCircle, null))), /*#__PURE__*/_react.default.createElement(_core.ListItemText, {
-    primary: placeholder.title,
-    secondary: placeholder.description
-  })), index < placeholders.length - 1 && /*#__PURE__*/_react.default.createElement(_core.Divider, null)))))), /*#__PURE__*/_react.default.createElement(_core.DialogActions, null, /*#__PURE__*/_react.default.createElement(_core.Button, {
+  }, /*#__PURE__*/_react.default.createElement(_core.List, null, placeholders.map(function (placeholder, index) {
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
+      key: index
+    }, /*#__PURE__*/_react.default.createElement(_core.ListItem, {
+      button: true,
+      selected: selectedIndex === index,
+      onClick: function onClick() {
+        return handleListItemClick(index);
+      } // className="char_block"
+      ,
+      style: {
+        border: selectedIndex === index ? "1px solid ".concat(palette.primary.main) : null,
+        margin: '4px 0',
+        borderRadius: '4px'
+      }
+    }, /*#__PURE__*/_react.default.createElement(_core.ListItemAvatar, null, /*#__PURE__*/_react.default.createElement(_core.Avatar, null, /*#__PURE__*/_react.default.createElement(_icons.AddCircle, null))), /*#__PURE__*/_react.default.createElement(_core.ListItemText, {
+      primary: placeholder.title,
+      secondary: placeholder.description
+    })), index < placeholders.length - 1 && /*#__PURE__*/_react.default.createElement(_core.Divider, null));
+  })))), /*#__PURE__*/_react.default.createElement(_core.DialogActions, null, /*#__PURE__*/_react.default.createElement(_core.Button, {
     onClick: onClose,
     color: "primary"
   }, "Cancel"), /*#__PURE__*/_react.default.createElement(_core.Button, {

package/dist/components/DocumentViewer.js

@@ -25,37 +25,53 @@ var _DocumentViewerComponent = _interopRequireDefault(require("./DocumentViewerC
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const DocumentViewer = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
-  const [value, setValue] = _react.default.useState(null);
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
-  _react.default.useEffect(() => {
+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; }
+
+var DocumentViewer = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
+  var _React$useState = _react.default.useState(null),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      value = _React$useState2[0],
+      setValue = _React$useState2[1];
+
+  _react.default.useEffect(function () {
     props.handle.api = api();
   });
 
-  _react.default.useEffect(() => {
-    let parsedConfig = _Utils.default.parseConfig(props.config, props.viewId);
+  _react.default.useEffect(function () {
+    var parsedConfig = _Utils.default.parseConfig(props.config, props.viewId);
 
     _Observable.default.addSubscriptions(parsedConfig.eventHandlingConfig, props.handle, props.viewId);
 
     _Observable.default.addSystemSubscriptions(props.viewId, parsedConfig);
   }, []);
 
-  const api = () => {
+  var api = function api() {
     return {
       get id() {
         return props.config.id;
       },
 
-      loadData: actionConfig => {
+      loadData: function loadData(actionConfig) {
         if (!_Utils.default.isNull(actionConfig) && !_Utils.default.isNull(actionConfig.value)) {
-          let value = _ApplicationManager.default.isExpression(actionConfig.value) ? _ApplicationManager.default.resolveExpressionValue(actionConfig.value) : actionConfig.value; // TODO : set value
+          var _value = _ApplicationManager.default.isExpression(actionConfig.value) ? _ApplicationManager.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;
+          var service = !_Utils.default.isNull(props.config.dataService) ? props.config.dataService : actionConfig !== null ? actionConfig.dataService : null;
+          var componentValue = !_Utils.default.isNull(props.config.value) ? props.config.value : actionConfig !== null ? actionConfig.value : null;
 
           if (!_Utils.default.isNull(service)) {
             if (service.type === 'rpc') {
-              (0, _RestUtils.invokeRpc)(service, props.handle, props.viewId, result => {}, e => {}, parameter => {});
+              (0, _RestUtils.invokeRpc)(service, props.handle, props.viewId, function (result) {}, function (e) {}, function (parameter) {});
             } else {
               if (_Utils.default.isNull(actionConfig)) {
                 actionConfig = {};
@@ -63,8 +79,8 @@ const DocumentViewer = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.def
 
               actionConfig.service = service; // TODO : Implement the invalid paramenter callback
 
-              _ServiceCallActionHandler.default.execute(actionConfig, null, null, props.viewId, data => {
-                let file = {};
+              _ServiceCallActionHandler.default.execute(actionConfig, null, null, props.viewId, function (data) {
+                var file = {};
 
                 if (data.payloadBase64) {
                   file.base64 = data.payloadBase64;
@@ -74,16 +90,16 @@ const DocumentViewer = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.def
 
                 file.type = props.config.fileType;
                 setValue(file);
-              }, () => {});
+              }, function () {});
             }
           } else {
             if (!_Utils.default.isNull(componentValue)) {
               if (_ApplicationManager.default.isExpression(componentValue)) {
-                let path = _Utils.default.getPropertyChainPath(componentValue);
+                var path = _Utils.default.getPropertyChainPath(componentValue);
 
                 if (!_Utils.default.isNull(path.valueObject)) {
-                  _Observable.default.addSystemGeneratedSubscription(props.viewId, props.viewId, props.config.id, () => {
-                    let value = _DynamicJS.default.executeScript("".concat(props.config.id, "ValueEvaluator"), componentValue);
+                  _Observable.default.addSystemGeneratedSubscription(props.viewId, props.viewId, props.config.id, function () {
+                    var value = _DynamicJS.default.executeScript("".concat(props.config.id, "ValueEvaluator"), componentValue);
 
                     if (!_Utils.default.isNull(value)) {// TODO : set value
                     }
@@ -101,7 +117,7 @@ const DocumentViewer = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.def
     ref: ref
   }, !_Utils.default.isNull(value) ? /*#__PURE__*/_react.default.createElement(_DocumentViewerComponent.default, {
     file: value,
-    onDocumentLoadSuccess: () => {}
+    onDocumentLoadSuccess: function onDocumentLoadSuccess() {}
   }) : null);
 }));
 

package/dist/components/DocumentViewerComponent.js

@@ -13,16 +13,33 @@ 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 [pageNumber, setPageNumber] = _react.default.useState(1);
+var DocumentViewerComponent = function DocumentViewerComponent(props) {
+  var _React$useState = _react.default.useState(1),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      pageNumber = _React$useState2[0],
+      setPageNumber = _React$useState2[1];
 
-  const [numPages, setNumPages] = _react.default.useState(null);
+  var _React$useState3 = _react.default.useState(null),
+      _React$useState4 = _slicedToArray(_React$useState3, 2),
+      numPages = _React$useState4[0],
+      setNumPages = _React$useState4[1];
 
-  const onDocumentLoadSuccess = ({
-    numPages
-  }) => {
+  var onDocumentLoadSuccess = function onDocumentLoadSuccess(_ref) {
+    var numPages = _ref.numPages;
     setNumPages(numPages);
 
     if (!_Utils.default.isNull(props.onDocumentLoadSuccess)) {
@@ -30,15 +47,15 @@ const DocumentViewerComponent = props => {
     }
   };
 
-  const changePage = offset => {
+  var changePage = function changePage(offset) {
     setPageNumber(pageNumber + offset);
   };
 
-  const previousPage = () => {
+  var previousPage = function previousPage() {
     changePage(-1);
   };
 
-  const nextPage = () => {
+  var nextPage = function nextPage() {
     changePage(1);
   };