code7-leia 0.1.71 → 0.1.73

package/dist/code7-leia.esm.js

@@ -1,6 +1,6 @@
+import { useDispatch, useSelector, Provider } from 'react-redux';
 import React, { forwardRef, useRef, useCallback, useEffect, useState, createContext, useContext, useMemo, Suspense } from 'react';
 import { useRouteMatch, useLocation, useHistory, Switch, Route } from 'react-router-dom';
-import { useDispatch, Provider } from 'react-redux';
 import PropTypes from 'prop-types';
 import cc from 'classcat';
 import styled from 'styled-components';
@@ -8,11 +8,12 @@ import { FaSearch, FaUpload, FaList, FaPlus, FaMicrophone } from 'react-icons/fa
 import unorm from 'unorm';
 import { MdClose, MdPerson2 } from 'react-icons/md';
 import { useDropzone } from 'react-dropzone';
-import 'redux-saga/effects';
+import { put, call } from 'redux-saga/effects';
 import axios from 'axios';
 import { PiWaveformBold } from 'react-icons/pi';
-import { createStore, applyMiddleware, combineReducers } from 'redux';
-import reduxPromise from 'redux-promise';
+import { createStore } from 'redux';
+import 'redux-persist';
+import { produce } from 'immer';
 
 function _regeneratorRuntime() {
   _regeneratorRuntime = function () {
@@ -315,36 +316,6 @@ function _regeneratorRuntime() {
     }
   }, e;
 }
-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);
-  }
-}
-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);
-    });
-  };
-}
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
@@ -1017,31 +988,25 @@ var Types = {
   GET_FILES_SUCCESS: '@files/GET_FILES_SUCCESS'
 };
 
-// import actions from './Files.actions'
-var getFiles = /*#__PURE__*/function () {
-  var _ref = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(id) {
-    var _yield$api$get, data;
-    return _regeneratorRuntime().wrap(function _callee$(_context) {
-      while (1) switch (_context.prev = _context.next) {
-        case 0:
-          _context.next = 2;
-          return api.get("/files/" + id);
-        case 2:
-          _yield$api$get = _context.sent;
-          data = _yield$api$get.data;
-          console.log('DATA ----------------------->', data);
-          console.log('DATA.FILES ----------------------->', data.files);
-          return _context.abrupt("return", data.files);
-        case 7:
-        case "end":
-          return _context.stop();
-      }
-    }, _callee);
-  }));
-  return function getFiles(_x) {
-    return _ref.apply(this, arguments);
-  };
-}();
+var _marked = /*#__PURE__*/_regeneratorRuntime().mark(getFiles);
+function getFiles(id) {
+  var _yield$call, data;
+  return _regeneratorRuntime().wrap(function getFiles$(_context) {
+    while (1) switch (_context.prev = _context.next) {
+      case 0:
+        _context.next = 2;
+        return call(api.get, "/files/" + id);
+      case 2:
+        _yield$call = _context.sent;
+        data = _yield$call.data;
+        _context.next = 6;
+        return put(getFilesActionSuccess(data.files));
+      case 6:
+      case "end":
+        return _context.stop();
+    }
+  }, _marked);
+}
 
 function getFilesAction(id) {
   return {
@@ -1049,6 +1014,12 @@ function getFilesAction(id) {
     payload: getFiles(id)
   };
 }
+function getFilesActionSuccess(data) {
+  return {
+    type: Types.GET_FILES_SUCCESS,
+    payload: data
+  };
+}
 
 var FileArea = function FileArea() {
   var _useState = useState([]),
@@ -1068,15 +1039,19 @@ var FileArea = function FileArea() {
     language = _useSharedProps.language;
   var t = getLanguage(language);
   var dispatch = useDispatch();
-  // const initFiles = useSelector((state: any) => state.files);
+  var initFiles = useSelector(function (state) {
+    return state.files;
+  });
   var tags = ["pae", "boteria", "vr", "code7", "vidalink"];
   useEffect(function () {
     console.log('useEffect, []');
     dispatch(getFilesAction(id));
   }, []);
-  // useEffect(() => {
-  //   console.log(initFiles)
-  // }, [initFiles])
+  useEffect(function () {
+    console.log(initFiles);
+    setFiles(initFiles);
+    setInitialFiles(initFiles);
+  }, [initFiles]);
   useEffect(function () {
     console.log('language, id: ', language, id);
     setInitialFiles([]);
@@ -1280,28 +1255,6 @@ var TestArea = function TestArea() {
   }, results.message)));
 };
 
-var initState = {
-  files: []
-};
-function filesReducer(state, action) {
-  if (state === void 0) {
-    state = initState;
-  }
-  console.log('STATE: ', state);
-  console.log('ACTION: ', action);
-  switch (action.type) {
-    case 'GET_FILES_SUCCESS':
-      return action.payload;
-    default:
-      return action.payload;
-  }
-}
-
-var rootReducer = /*#__PURE__*/combineReducers({
-  files: filesReducer
-});
-var store = /*#__PURE__*/createStore(rootReducer, /*#__PURE__*/applyMiddleware(reduxPromise));
-
 var Leia = function Leia(props) {
   var match = useRouteMatch();
   var _useLocation = useLocation(),
@@ -1311,9 +1264,7 @@ var Leia = function Leia(props) {
   var activeTab = useMemo(function () {
     return pathname.split('/')[5] || 'files';
   }, [pathname]);
-  return React.createElement(Provider, {
-    store: store
-  }, React.createElement(SharedPropsProvider, Object.assign({}, props), React.createElement(React.Fragment, null, React.createElement(Tabs, {
+  return React.createElement(SharedPropsProvider, Object.assign({}, props), React.createElement(React.Fragment, null, React.createElement(Tabs, {
     value: activeTab,
     onChange: function onChange(value) {
       return history.push(match.url + "/" + value);
@@ -1334,11 +1285,38 @@ var Leia = function Leia(props) {
   }), React.createElement(Route, {
     path: match.path + "/test",
     component: TestArea
-  }))))));
+  })))));
 };
 
+var initState = {
+  files: []
+};
+function filesReducer(state, action) {
+  if (state === void 0) {
+    state = initState;
+  }
+  return produce(state, function (draft) {
+    switch (action.type) {
+      case 'GET_FILES_SUCCESS':
+        console.log('PAYLOAD: ', action.payload);
+        draft.files = action.payload;
+        break;
+      default:
+        return action.payload;
+    }
+  });
+}
+
+// import { FileData } from '../interface/FileData'
+// const rootReducer = combineReducers({
+//   files: FilesReducer as unknown as [FileData],
+// });
+var store = /*#__PURE__*/createStore(filesReducer);
+
 function Code7(props) {
-  return React.createElement(Leia, Object.assign({}, props));
+  return React.createElement(Provider, {
+    store: store
+  }, React.createElement(Leia, Object.assign({}, props)));
 }
 
 export { Code7 };