andoncloud-sdk 1.3.4 → 1.3.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/andoncloud-sdk.js +129 -121
- package/dist/andoncloud-sdk.js.map +1 -1
- package/package.json +1 -1
package/dist/andoncloud-sdk.js
CHANGED
|
@@ -2,11 +2,11 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
|
|
|
2
2
|
|
|
3
3
|
var React = require('react');
|
|
4
4
|
var React__default = _interopDefault(React);
|
|
5
|
-
var mobx = require('mobx');
|
|
6
5
|
var reactRouterDom = require('react-router-dom');
|
|
7
6
|
var propTypes = require('prop-types');
|
|
8
7
|
var CssBaseline = _interopDefault(require('@mui/material/CssBaseline'));
|
|
9
8
|
var styles = require('@mui/material/styles');
|
|
9
|
+
var mobx = require('mobx');
|
|
10
10
|
var material = require('@mui/material');
|
|
11
11
|
var loader = _interopDefault(require('./images/loader.svg'));
|
|
12
12
|
var mobxReactLite = require('mobx-react-lite');
|
|
@@ -792,104 +792,6 @@ function _extends$1() {
|
|
|
792
792
|
return _extends$1.apply(this, arguments);
|
|
793
793
|
}
|
|
794
794
|
|
|
795
|
-
var ModalContext = React__default.createContext({
|
|
796
|
-
showModal: null,
|
|
797
|
-
hideModal: null,
|
|
798
|
-
isOpenedModal: false
|
|
799
|
-
});
|
|
800
|
-
|
|
801
|
-
var ModalProvider = function ModalProvider(_ref) {
|
|
802
|
-
var children = _ref.children;
|
|
803
|
-
|
|
804
|
-
var _useState = React.useState({}),
|
|
805
|
-
modalsConfig = _useState[0],
|
|
806
|
-
setConfig = _useState[1];
|
|
807
|
-
|
|
808
|
-
var hideModal = React.useCallback(function (modalKey, onClose) {
|
|
809
|
-
setConfig(function (prevConfig) {
|
|
810
|
-
var _extends2;
|
|
811
|
-
|
|
812
|
-
return _extends$1({}, prevConfig, (_extends2 = {}, _extends2[modalKey] = _extends$1({}, prevConfig[modalKey], {
|
|
813
|
-
isOpen: false
|
|
814
|
-
}), _extends2));
|
|
815
|
-
});
|
|
816
|
-
|
|
817
|
-
if (onClose) {
|
|
818
|
-
onClose();
|
|
819
|
-
}
|
|
820
|
-
}, [setConfig]);
|
|
821
|
-
var showModal = React.useCallback(function (modalKey, component, modalData) {
|
|
822
|
-
setConfig(function (prevConfig) {
|
|
823
|
-
var _extends3;
|
|
824
|
-
|
|
825
|
-
return _extends$1({}, prevConfig, (_extends3 = {}, _extends3[modalKey] = {
|
|
826
|
-
isOpen: true,
|
|
827
|
-
component: component,
|
|
828
|
-
data: modalData
|
|
829
|
-
}, _extends3));
|
|
830
|
-
});
|
|
831
|
-
}, [setConfig]);
|
|
832
|
-
var contextValue = React.useMemo(function () {
|
|
833
|
-
return {
|
|
834
|
-
showModal: showModal,
|
|
835
|
-
hideModal: hideModal,
|
|
836
|
-
isOpenedModal: Object.values(modalsConfig).some(function (_ref2) {
|
|
837
|
-
var isOpen = _ref2.isOpen;
|
|
838
|
-
return isOpen;
|
|
839
|
-
})
|
|
840
|
-
};
|
|
841
|
-
}, [hideModal, showModal, modalsConfig]);
|
|
842
|
-
return /*#__PURE__*/React__default.createElement(ModalContext.Provider, {
|
|
843
|
-
value: contextValue
|
|
844
|
-
}, children, Object.keys(modalsConfig).map(function (modalKey) {
|
|
845
|
-
var _modalsConfig$modalKe = modalsConfig[modalKey],
|
|
846
|
-
Component = _modalsConfig$modalKe.component,
|
|
847
|
-
isOpen = _modalsConfig$modalKe.isOpen,
|
|
848
|
-
data = _modalsConfig$modalKe.data;
|
|
849
|
-
return isOpen && /*#__PURE__*/React__default.createElement(Component, _extends$1({
|
|
850
|
-
onClose: function onClose() {
|
|
851
|
-
return hideModal(modalKey);
|
|
852
|
-
},
|
|
853
|
-
key: modalKey,
|
|
854
|
-
isOpen: isOpen
|
|
855
|
-
}, data));
|
|
856
|
-
}));
|
|
857
|
-
};
|
|
858
|
-
|
|
859
|
-
var generateModalKey = function () {
|
|
860
|
-
var count = 0;
|
|
861
|
-
return function () {
|
|
862
|
-
return "" + ++count;
|
|
863
|
-
};
|
|
864
|
-
}();
|
|
865
|
-
|
|
866
|
-
function useModal(component, data, onClose) {
|
|
867
|
-
var key = React.useMemo(generateModalKey, []);
|
|
868
|
-
var context = React.useContext(ModalContext);
|
|
869
|
-
var showModal = React.useCallback(function (modalData) {
|
|
870
|
-
return context.showModal(key, component, modalData instanceof Event ? data : _extends$1({}, data, modalData));
|
|
871
|
-
}, [data, context.showModal]);
|
|
872
|
-
var hideModal = React.useCallback(function () {
|
|
873
|
-
return context.hideModal(key, onClose);
|
|
874
|
-
}, [context.hideModal, onClose, key]);
|
|
875
|
-
return [showModal, hideModal];
|
|
876
|
-
}
|
|
877
|
-
|
|
878
|
-
useModal.ModalContext = ModalContext;
|
|
879
|
-
useModal.ModalProvider = ModalProvider;
|
|
880
|
-
|
|
881
|
-
var AuthConfigContext = React.createContext();
|
|
882
|
-
var AuthConfigProvider = function AuthConfigProvider(_ref) {
|
|
883
|
-
var children = _ref.children,
|
|
884
|
-
config = _ref.config;
|
|
885
|
-
return /*#__PURE__*/React__default.createElement(AuthConfigContext.Provider, {
|
|
886
|
-
value: config
|
|
887
|
-
}, children);
|
|
888
|
-
};
|
|
889
|
-
var useAuthConfig = function useAuthConfig() {
|
|
890
|
-
return React.useContext(AuthConfigContext);
|
|
891
|
-
};
|
|
892
|
-
|
|
893
795
|
// A type of promise-like that resolves synchronously and supports only one observer
|
|
894
796
|
|
|
895
797
|
const _iteratorSymbol = /*#__PURE__*/ typeof Symbol !== "undefined" ? (Symbol.iterator || (Symbol.iterator = Symbol("Symbol.iterator"))) : "@@iterator";
|
|
@@ -1628,6 +1530,119 @@ var SessionStore = /*#__PURE__*/function () {
|
|
|
1628
1530
|
|
|
1629
1531
|
var sessionStore = new SessionStore();
|
|
1630
1532
|
|
|
1533
|
+
var useLoginStatus = function useLoginStatus() {
|
|
1534
|
+
var _useState = React.useState(sessionStore.loginStatus),
|
|
1535
|
+
loginStatus = _useState[0],
|
|
1536
|
+
setLoginStatus = _useState[1];
|
|
1537
|
+
|
|
1538
|
+
React.useEffect(function () {
|
|
1539
|
+
return mobx.reaction(function () {
|
|
1540
|
+
return mobx.toJS(sessionStore.loginStatus);
|
|
1541
|
+
}, function () {
|
|
1542
|
+
setLoginStatus(sessionStore.loginStatus);
|
|
1543
|
+
});
|
|
1544
|
+
}, []);
|
|
1545
|
+
return loginStatus;
|
|
1546
|
+
};
|
|
1547
|
+
|
|
1548
|
+
var ModalContext = React__default.createContext({
|
|
1549
|
+
showModal: null,
|
|
1550
|
+
hideModal: null,
|
|
1551
|
+
isOpenedModal: false
|
|
1552
|
+
});
|
|
1553
|
+
|
|
1554
|
+
var ModalProvider = function ModalProvider(_ref) {
|
|
1555
|
+
var children = _ref.children;
|
|
1556
|
+
|
|
1557
|
+
var _useState = React.useState({}),
|
|
1558
|
+
modalsConfig = _useState[0],
|
|
1559
|
+
setConfig = _useState[1];
|
|
1560
|
+
|
|
1561
|
+
var hideModal = React.useCallback(function (modalKey, onClose) {
|
|
1562
|
+
setConfig(function (prevConfig) {
|
|
1563
|
+
var _extends2;
|
|
1564
|
+
|
|
1565
|
+
return _extends$1({}, prevConfig, (_extends2 = {}, _extends2[modalKey] = _extends$1({}, prevConfig[modalKey], {
|
|
1566
|
+
isOpen: false
|
|
1567
|
+
}), _extends2));
|
|
1568
|
+
});
|
|
1569
|
+
|
|
1570
|
+
if (onClose) {
|
|
1571
|
+
onClose();
|
|
1572
|
+
}
|
|
1573
|
+
}, [setConfig]);
|
|
1574
|
+
var showModal = React.useCallback(function (modalKey, component, modalData) {
|
|
1575
|
+
setConfig(function (prevConfig) {
|
|
1576
|
+
var _extends3;
|
|
1577
|
+
|
|
1578
|
+
return _extends$1({}, prevConfig, (_extends3 = {}, _extends3[modalKey] = {
|
|
1579
|
+
isOpen: true,
|
|
1580
|
+
component: component,
|
|
1581
|
+
data: modalData
|
|
1582
|
+
}, _extends3));
|
|
1583
|
+
});
|
|
1584
|
+
}, [setConfig]);
|
|
1585
|
+
var contextValue = React.useMemo(function () {
|
|
1586
|
+
return {
|
|
1587
|
+
showModal: showModal,
|
|
1588
|
+
hideModal: hideModal,
|
|
1589
|
+
isOpenedModal: Object.values(modalsConfig).some(function (_ref2) {
|
|
1590
|
+
var isOpen = _ref2.isOpen;
|
|
1591
|
+
return isOpen;
|
|
1592
|
+
})
|
|
1593
|
+
};
|
|
1594
|
+
}, [hideModal, showModal, modalsConfig]);
|
|
1595
|
+
return /*#__PURE__*/React__default.createElement(ModalContext.Provider, {
|
|
1596
|
+
value: contextValue
|
|
1597
|
+
}, children, Object.keys(modalsConfig).map(function (modalKey) {
|
|
1598
|
+
var _modalsConfig$modalKe = modalsConfig[modalKey],
|
|
1599
|
+
Component = _modalsConfig$modalKe.component,
|
|
1600
|
+
isOpen = _modalsConfig$modalKe.isOpen,
|
|
1601
|
+
data = _modalsConfig$modalKe.data;
|
|
1602
|
+
return isOpen && /*#__PURE__*/React__default.createElement(Component, _extends$1({
|
|
1603
|
+
onClose: function onClose() {
|
|
1604
|
+
return hideModal(modalKey);
|
|
1605
|
+
},
|
|
1606
|
+
key: modalKey,
|
|
1607
|
+
isOpen: isOpen
|
|
1608
|
+
}, data));
|
|
1609
|
+
}));
|
|
1610
|
+
};
|
|
1611
|
+
|
|
1612
|
+
var generateModalKey = function () {
|
|
1613
|
+
var count = 0;
|
|
1614
|
+
return function () {
|
|
1615
|
+
return "" + ++count;
|
|
1616
|
+
};
|
|
1617
|
+
}();
|
|
1618
|
+
|
|
1619
|
+
function useModal(component, data, onClose) {
|
|
1620
|
+
var key = React.useMemo(generateModalKey, []);
|
|
1621
|
+
var context = React.useContext(ModalContext);
|
|
1622
|
+
var showModal = React.useCallback(function (modalData) {
|
|
1623
|
+
return context.showModal(key, component, modalData instanceof Event ? data : _extends$1({}, data, modalData));
|
|
1624
|
+
}, [data, context.showModal]);
|
|
1625
|
+
var hideModal = React.useCallback(function () {
|
|
1626
|
+
return context.hideModal(key, onClose);
|
|
1627
|
+
}, [context.hideModal, onClose, key]);
|
|
1628
|
+
return [showModal, hideModal];
|
|
1629
|
+
}
|
|
1630
|
+
|
|
1631
|
+
useModal.ModalContext = ModalContext;
|
|
1632
|
+
useModal.ModalProvider = ModalProvider;
|
|
1633
|
+
|
|
1634
|
+
var AuthConfigContext = React.createContext();
|
|
1635
|
+
var AuthConfigProvider = function AuthConfigProvider(_ref) {
|
|
1636
|
+
var children = _ref.children,
|
|
1637
|
+
config = _ref.config;
|
|
1638
|
+
return /*#__PURE__*/React__default.createElement(AuthConfigContext.Provider, {
|
|
1639
|
+
value: config
|
|
1640
|
+
}, children);
|
|
1641
|
+
};
|
|
1642
|
+
var useAuthConfig = function useAuthConfig() {
|
|
1643
|
+
return React.useContext(AuthConfigContext);
|
|
1644
|
+
};
|
|
1645
|
+
|
|
1631
1646
|
var defaultTheme = styles.createTheme(styles.adaptV4Theme({
|
|
1632
1647
|
props: {
|
|
1633
1648
|
MuiButton: {
|
|
@@ -3396,6 +3411,9 @@ var App = mobxReactLite.observer(function (_ref) {
|
|
|
3396
3411
|
authProps = _ref.authProps,
|
|
3397
3412
|
muiTheme = _ref.muiTheme;
|
|
3398
3413
|
|
|
3414
|
+
var _useLoginStatus = useLoginStatus(),
|
|
3415
|
+
status = _useLoginStatus.status;
|
|
3416
|
+
|
|
3399
3417
|
var _useState = React.useState(false),
|
|
3400
3418
|
appReady = _useState[0],
|
|
3401
3419
|
setAppReady = _useState[1];
|
|
@@ -3419,24 +3437,29 @@ var App = mobxReactLite.observer(function (_ref) {
|
|
|
3419
3437
|
React.useEffect(function () {
|
|
3420
3438
|
var recoverSession = function recoverSession() {
|
|
3421
3439
|
try {
|
|
3422
|
-
|
|
3423
|
-
|
|
3424
|
-
|
|
3440
|
+
var _temp2 = function () {
|
|
3441
|
+
if (authEnabled) {
|
|
3442
|
+
return Promise.resolve(sessionStore.recover()).then(function () {});
|
|
3443
|
+
}
|
|
3444
|
+
}();
|
|
3425
3445
|
|
|
3426
|
-
return Promise.resolve();
|
|
3446
|
+
return Promise.resolve(_temp2 && _temp2.then ? _temp2.then(function () {}) : void 0);
|
|
3427
3447
|
} catch (e) {
|
|
3428
3448
|
return Promise.reject(e);
|
|
3429
3449
|
}
|
|
3430
3450
|
};
|
|
3431
3451
|
|
|
3432
3452
|
if (authEnabled) {
|
|
3433
|
-
recoverSession()
|
|
3434
|
-
return setAppReady(true);
|
|
3435
|
-
});
|
|
3453
|
+
recoverSession();
|
|
3436
3454
|
} else {
|
|
3437
3455
|
setAppReady(true);
|
|
3438
3456
|
}
|
|
3439
3457
|
}, [authEnabled]);
|
|
3458
|
+
React.useEffect(function () {
|
|
3459
|
+
if (authEnabled && status !== "unknown") {
|
|
3460
|
+
setAppReady(true);
|
|
3461
|
+
}
|
|
3462
|
+
}, [authEnabled, status]);
|
|
3440
3463
|
return /*#__PURE__*/React__default.createElement(styles.ThemeProvider, {
|
|
3441
3464
|
theme: styles.createTheme(muiTheme)
|
|
3442
3465
|
}, /*#__PURE__*/React__default.createElement(CssBaseline, null), /*#__PURE__*/React__default.createElement(Toaster, null), /*#__PURE__*/React__default.createElement(AuthConfigProvider, {
|
|
@@ -3469,21 +3492,6 @@ App.defaultProps = {
|
|
|
3469
3492
|
muiTheme: defaultTheme
|
|
3470
3493
|
};
|
|
3471
3494
|
|
|
3472
|
-
var useLoginStatus = function useLoginStatus() {
|
|
3473
|
-
var _useState = React.useState(sessionStore.loginStatus),
|
|
3474
|
-
loginStatus = _useState[0],
|
|
3475
|
-
setLoginStatus = _useState[1];
|
|
3476
|
-
|
|
3477
|
-
React.useEffect(function () {
|
|
3478
|
-
return mobx.reaction(function () {
|
|
3479
|
-
return mobx.toJS(sessionStore.loginStatus);
|
|
3480
|
-
}, function () {
|
|
3481
|
-
setLoginStatus(sessionStore.loginStatus);
|
|
3482
|
-
});
|
|
3483
|
-
}, []);
|
|
3484
|
-
return loginStatus;
|
|
3485
|
-
};
|
|
3486
|
-
|
|
3487
3495
|
var logout = function logout() {
|
|
3488
3496
|
return sessionStore.logout();
|
|
3489
3497
|
};
|