chayns-api 2.0.7 → 2.0.8
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/cjs/components/ChaynsContext.js +3 -3
- package/dist/cjs/hooks/context.js +12 -0
- package/dist/cjs/hooks/geoLocationListener.js +3 -3
- package/dist/cjs/hooks/scrollListener.js +4 -4
- package/dist/cjs/hooks/useAccessToken.js +2 -2
- package/dist/cjs/hooks/useCurrentPage.js +2 -2
- package/dist/cjs/hooks/useCustomData.js +2 -2
- package/dist/cjs/hooks/useDevice.js +2 -2
- package/dist/cjs/hooks/useDialogState.js +6 -7
- package/dist/cjs/hooks/useEnvironment.js +2 -2
- package/dist/cjs/hooks/useFunctions.js +2 -3
- package/dist/cjs/hooks/useIsAdminMode.js +3 -3
- package/dist/cjs/hooks/useLanguage.js +2 -2
- package/dist/cjs/hooks/usePages.js +3 -3
- package/dist/cjs/hooks/useParameters.js +2 -2
- package/dist/cjs/hooks/useSite.js +2 -2
- package/dist/cjs/hooks/useUser.js +2 -2
- package/dist/cjs/hooks/useValues.js +2 -3
- package/dist/cjs/hooks/windowMetricsListener.js +4 -4
- package/dist/esm/components/ChaynsContext.js +3 -3
- package/dist/esm/hooks/context.js +5 -0
- package/dist/esm/hooks/geoLocationListener.js +3 -3
- package/dist/esm/hooks/scrollListener.js +4 -4
- package/dist/esm/hooks/useAccessToken.js +2 -2
- package/dist/esm/hooks/useCurrentPage.js +2 -2
- package/dist/esm/hooks/useCustomData.js +2 -2
- package/dist/esm/hooks/useDevice.js +2 -2
- package/dist/esm/hooks/useDialogState.js +6 -7
- package/dist/esm/hooks/useEnvironment.js +2 -2
- package/dist/esm/hooks/useFunctions.js +3 -3
- package/dist/esm/hooks/useIsAdminMode.js +3 -3
- package/dist/esm/hooks/useLanguage.js +2 -2
- package/dist/esm/hooks/usePages.js +3 -3
- package/dist/esm/hooks/useParameters.js +2 -2
- package/dist/esm/hooks/useSite.js +2 -2
- package/dist/esm/hooks/useUser.js +2 -2
- package/dist/esm/hooks/useValues.js +3 -3
- package/dist/esm/hooks/windowMetricsListener.js +4 -4
- package/dist/types/components/ChaynsContext.d.ts +3 -2
- package/dist/types/hooks/context.d.ts +2 -0
- package/package.json +1 -2
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.ChaynsFunctionsContext = exports.ChaynsContext = void 0;
|
|
7
|
-
var
|
|
8
|
-
const ChaynsContext = exports.ChaynsContext = (0,
|
|
7
|
+
var _react = require("react");
|
|
8
|
+
const ChaynsContext = exports.ChaynsContext = /*#__PURE__*/(0, _react.createContext)(null);
|
|
9
9
|
// @ts-expect-error Functions cant be null, implementation of default values is redundant
|
|
10
|
-
const ChaynsFunctionsContext = exports.ChaynsFunctionsContext = (0,
|
|
10
|
+
const ChaynsFunctionsContext = exports.ChaynsFunctionsContext = /*#__PURE__*/(0, _react.createContext)(null);
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.useInternalContextSelector = void 0;
|
|
7
|
+
var _react = require("react");
|
|
8
|
+
const useInternalContextSelector = (context, selector) => {
|
|
9
|
+
const value = (0, _react.useContext)(context);
|
|
10
|
+
return selector(value);
|
|
11
|
+
};
|
|
12
|
+
exports.useInternalContextSelector = useInternalContextSelector;
|
|
@@ -4,15 +4,15 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.useGeoLocationListener = exports.useGeoLocation = void 0;
|
|
7
|
-
var _useContextSelector = require("use-context-selector");
|
|
8
7
|
var _react = require("react");
|
|
9
8
|
var _ChaynsContext = require("../components/ChaynsContext");
|
|
9
|
+
var _context = require("./context");
|
|
10
10
|
/**
|
|
11
11
|
* @category Hooks
|
|
12
12
|
*/
|
|
13
13
|
const useGeoLocationListener = () => {
|
|
14
|
-
const addListener = (0,
|
|
15
|
-
const removeListener = (0,
|
|
14
|
+
const addListener = (0, _context.useInternalContextSelector)(_ChaynsContext.ChaynsFunctionsContext, v => v.addGeoLocationListener);
|
|
15
|
+
const removeListener = (0, _context.useInternalContextSelector)(_ChaynsContext.ChaynsFunctionsContext, v => v.removeGeoLocationListener);
|
|
16
16
|
const promiseRef = (0, _react.useRef)();
|
|
17
17
|
return (0, _react.useCallback)((value, callback) => {
|
|
18
18
|
promiseRef.current = addListener(value, callback);
|
|
@@ -4,16 +4,16 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.useScrollPosition = exports.useScrollOffsetTop = exports.useScrollOffsetBottom = exports.useScrollListener = void 0;
|
|
7
|
-
var _useContextSelector = require("use-context-selector");
|
|
8
7
|
var _react = require("react");
|
|
9
8
|
var _ChaynsContext = require("../components/ChaynsContext");
|
|
10
9
|
var _windowMetricsListener = require("./windowMetricsListener");
|
|
10
|
+
var _context = require("./context");
|
|
11
11
|
/**
|
|
12
12
|
* @category Hooks
|
|
13
13
|
*/
|
|
14
14
|
const useScrollListener = () => {
|
|
15
|
-
const addListener = (0,
|
|
16
|
-
const removeListener = (0,
|
|
15
|
+
const addListener = (0, _context.useInternalContextSelector)(_ChaynsContext.ChaynsFunctionsContext, v => v.addScrollListener);
|
|
16
|
+
const removeListener = (0, _context.useInternalContextSelector)(_ChaynsContext.ChaynsFunctionsContext, v => v.removeScrollListener);
|
|
17
17
|
const promiseRef = (0, _react.useRef)();
|
|
18
18
|
return (0, _react.useCallback)((value, callback) => {
|
|
19
19
|
promiseRef.current = addListener(value, callback);
|
|
@@ -37,7 +37,7 @@ const useScrollPosition = ({
|
|
|
37
37
|
scrollX: null
|
|
38
38
|
});
|
|
39
39
|
const addListener = useScrollListener();
|
|
40
|
-
const getScrollPosition = (0,
|
|
40
|
+
const getScrollPosition = (0, _context.useInternalContextSelector)(_ChaynsContext.ChaynsFunctionsContext, v => v.getScrollPosition);
|
|
41
41
|
(0, _react.useEffect)(() => {
|
|
42
42
|
if (enabled) {
|
|
43
43
|
return addListener({
|
|
@@ -5,8 +5,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.useAccessToken = void 0;
|
|
7
7
|
var _react = require("react");
|
|
8
|
-
var _useContextSelector = require("use-context-selector");
|
|
9
8
|
var _ChaynsContext = require("../components/ChaynsContext");
|
|
9
|
+
var _context = require("./context");
|
|
10
10
|
/**
|
|
11
11
|
* @category Hooks
|
|
12
12
|
* @deprecated Use {@link getAccessToken} instead
|
|
@@ -14,7 +14,7 @@ var _ChaynsContext = require("../components/ChaynsContext");
|
|
|
14
14
|
const useAccessToken = accessToken => {
|
|
15
15
|
const [token, setToken] = (0, _react.useState)(null);
|
|
16
16
|
const [externalToken, setExternalToken] = (0, _react.useState)(null);
|
|
17
|
-
const getAccessToken = (0,
|
|
17
|
+
const getAccessToken = (0, _context.useInternalContextSelector)(_ChaynsContext.ChaynsFunctionsContext, s => s.getAccessToken);
|
|
18
18
|
(0, _react.useEffect)(() => {
|
|
19
19
|
if (accessToken !== null && accessToken !== void 0 && accessToken.external) {
|
|
20
20
|
void getAccessToken({
|
|
@@ -4,10 +4,10 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.useCurrentPage = void 0;
|
|
7
|
-
var _useContextSelector = require("use-context-selector");
|
|
8
7
|
var _ChaynsContext = require("../components/ChaynsContext");
|
|
8
|
+
var _context = require("./context");
|
|
9
9
|
/**
|
|
10
10
|
* @category Hooks
|
|
11
11
|
*/
|
|
12
|
-
const useCurrentPage = () => (0,
|
|
12
|
+
const useCurrentPage = () => (0, _context.useInternalContextSelector)(_ChaynsContext.ChaynsContext, v => v === null || v === void 0 ? void 0 : v.currentPage);
|
|
13
13
|
exports.useCurrentPage = useCurrentPage;
|
|
@@ -4,10 +4,10 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.useCustomData = void 0;
|
|
7
|
-
var _useContextSelector = require("use-context-selector");
|
|
8
7
|
var _ChaynsContext = require("../components/ChaynsContext");
|
|
8
|
+
var _context = require("./context");
|
|
9
9
|
/**
|
|
10
10
|
* @category Hooks
|
|
11
11
|
*/
|
|
12
|
-
const useCustomData = () => (0,
|
|
12
|
+
const useCustomData = () => (0, _context.useInternalContextSelector)(_ChaynsContext.ChaynsContext, v => v === null || v === void 0 ? void 0 : v.customData);
|
|
13
13
|
exports.useCustomData = useCustomData;
|
|
@@ -4,10 +4,10 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.useDevice = void 0;
|
|
7
|
-
var _useContextSelector = require("use-context-selector");
|
|
8
7
|
var _ChaynsContext = require("../components/ChaynsContext");
|
|
8
|
+
var _context = require("./context");
|
|
9
9
|
/**
|
|
10
10
|
* @category Hooks
|
|
11
11
|
*/
|
|
12
|
-
const useDevice = () => (0,
|
|
12
|
+
const useDevice = () => (0, _context.useInternalContextSelector)(_ChaynsContext.ChaynsContext, v => v === null || v === void 0 ? void 0 : v.device);
|
|
13
13
|
exports.useDevice = useDevice;
|
|
@@ -4,16 +4,16 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.useDialogState = exports.useDialogData = void 0;
|
|
7
|
-
var _useContextSelector = require("use-context-selector");
|
|
8
7
|
var _ChaynsContext = require("../components/ChaynsContext");
|
|
8
|
+
var _context = require("./context");
|
|
9
9
|
/**
|
|
10
10
|
* @category Hooks
|
|
11
11
|
*/
|
|
12
12
|
const useDialogState = () => {
|
|
13
|
-
const setResult = (0,
|
|
14
|
-
const sendData = (0,
|
|
15
|
-
const addDataListener = (0,
|
|
16
|
-
const isClosingRequested = (0,
|
|
13
|
+
const setResult = (0, _context.useInternalContextSelector)(_ChaynsContext.ChaynsFunctionsContext, v => v === null || v === void 0 ? void 0 : v.setDialogResult);
|
|
14
|
+
const sendData = (0, _context.useInternalContextSelector)(_ChaynsContext.ChaynsFunctionsContext, v => v === null || v === void 0 ? void 0 : v.dispatchEventToDialogHost);
|
|
15
|
+
const addDataListener = (0, _context.useInternalContextSelector)(_ChaynsContext.ChaynsFunctionsContext, v => v === null || v === void 0 ? void 0 : v.addDialogHostEventListener);
|
|
16
|
+
const isClosingRequested = (0, _context.useInternalContextSelector)(_ChaynsContext.ChaynsContext, v => {
|
|
17
17
|
var _v$dialog;
|
|
18
18
|
return v === null || v === void 0 || (_v$dialog = v.dialog) === null || _v$dialog === void 0 ? void 0 : _v$dialog.isClosingRequested;
|
|
19
19
|
});
|
|
@@ -30,10 +30,9 @@ const useDialogState = () => {
|
|
|
30
30
|
*/
|
|
31
31
|
exports.useDialogState = useDialogState;
|
|
32
32
|
const useDialogData = () => {
|
|
33
|
-
|
|
33
|
+
return (0, _context.useInternalContextSelector)(_ChaynsContext.ChaynsContext, v => {
|
|
34
34
|
var _v$dialog2;
|
|
35
35
|
return v === null || v === void 0 || (_v$dialog2 = v.dialog) === null || _v$dialog2 === void 0 ? void 0 : _v$dialog2.dialogInput;
|
|
36
36
|
});
|
|
37
|
-
return inputData;
|
|
38
37
|
};
|
|
39
38
|
exports.useDialogData = useDialogData;
|
|
@@ -4,10 +4,10 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.useEnvironment = void 0;
|
|
7
|
-
var _useContextSelector = require("use-context-selector");
|
|
8
7
|
var _ChaynsContext = require("../components/ChaynsContext");
|
|
8
|
+
var _context = require("./context");
|
|
9
9
|
/**
|
|
10
10
|
* @category Hooks
|
|
11
11
|
*/
|
|
12
|
-
const useEnvironment = () => (0,
|
|
12
|
+
const useEnvironment = () => (0, _context.useInternalContextSelector)(_ChaynsContext.ChaynsContext, v => v === null || v === void 0 ? void 0 : v.environment);
|
|
13
13
|
exports.useEnvironment = useEnvironment;
|
|
@@ -4,13 +4,12 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.useFunctions = void 0;
|
|
7
|
-
var _useContextSelector = require("use-context-selector");
|
|
8
7
|
var _ChaynsContext = require("../components/ChaynsContext");
|
|
8
|
+
var _context = require("./context");
|
|
9
9
|
/**
|
|
10
10
|
* @category Hooks
|
|
11
11
|
*/
|
|
12
12
|
const useFunctions = () => {
|
|
13
|
-
|
|
14
|
-
return t;
|
|
13
|
+
return (0, _context.useInternalContextSelector)(_ChaynsContext.ChaynsFunctionsContext, f => f || {});
|
|
15
14
|
};
|
|
16
15
|
exports.useFunctions = useFunctions;
|
|
@@ -4,13 +4,13 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.useIsAdminMode = void 0;
|
|
7
|
-
var _useContextSelector2 = require("use-context-selector");
|
|
8
7
|
var _ChaynsContext = require("../components/ChaynsContext");
|
|
8
|
+
var _context = require("./context");
|
|
9
9
|
/**
|
|
10
10
|
* @category Hooks
|
|
11
11
|
*/
|
|
12
12
|
const useIsAdminMode = () => {
|
|
13
|
-
var
|
|
14
|
-
return (
|
|
13
|
+
var _useInternalContextSe;
|
|
14
|
+
return (_useInternalContextSe = (0, _context.useInternalContextSelector)(_ChaynsContext.ChaynsContext, v => v === null || v === void 0 ? void 0 : v.isAdminModeActive)) !== null && _useInternalContextSe !== void 0 ? _useInternalContextSe : false;
|
|
15
15
|
};
|
|
16
16
|
exports.useIsAdminMode = useIsAdminMode;
|
|
@@ -4,10 +4,10 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.useLanguage = void 0;
|
|
7
|
-
var _useContextSelector = require("use-context-selector");
|
|
8
7
|
var _ChaynsContext = require("../components/ChaynsContext");
|
|
8
|
+
var _context = require("./context");
|
|
9
9
|
/**
|
|
10
10
|
* @category Hooks
|
|
11
11
|
*/
|
|
12
|
-
const useLanguage = () => (0,
|
|
12
|
+
const useLanguage = () => (0, _context.useInternalContextSelector)(_ChaynsContext.ChaynsContext, v => v === null || v === void 0 ? void 0 : v.language);
|
|
13
13
|
exports.useLanguage = useLanguage;
|
|
@@ -4,9 +4,9 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.usePages = exports.usePage = exports.getPage = void 0;
|
|
7
|
-
var _useContextSelector = require("use-context-selector");
|
|
8
7
|
var _ChaynsContext = require("../components/ChaynsContext");
|
|
9
8
|
var _moduleWrapper = require("../components/moduleWrapper");
|
|
9
|
+
var _context = require("./context");
|
|
10
10
|
/**
|
|
11
11
|
* @category Hooks
|
|
12
12
|
*/
|
|
@@ -15,7 +15,7 @@ const usePages = ({
|
|
|
15
15
|
} = {
|
|
16
16
|
siteId: undefined
|
|
17
17
|
}) => {
|
|
18
|
-
const pages = (0,
|
|
18
|
+
const pages = (0, _context.useInternalContextSelector)(_ChaynsContext.ChaynsContext, v => v.pages);
|
|
19
19
|
if (siteId) {
|
|
20
20
|
pages.filter(tapp => tapp.siteId === siteId);
|
|
21
21
|
}
|
|
@@ -29,7 +29,7 @@ const usePage = ({
|
|
|
29
29
|
id,
|
|
30
30
|
siteId
|
|
31
31
|
}) => {
|
|
32
|
-
const pages = (0,
|
|
32
|
+
const pages = (0, _context.useInternalContextSelector)(_ChaynsContext.ChaynsContext, v => v.pages);
|
|
33
33
|
if (id) {
|
|
34
34
|
var _pages$find;
|
|
35
35
|
return (_pages$find = pages.find(x => x.id === id && (!siteId || x.siteId === siteId))) !== null && _pages$find !== void 0 ? _pages$find : null;
|
|
@@ -4,10 +4,10 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.useParameters = void 0;
|
|
7
|
-
var _useContextSelector = require("use-context-selector");
|
|
8
7
|
var _ChaynsContext = require("../components/ChaynsContext");
|
|
8
|
+
var _context = require("./context");
|
|
9
9
|
/**
|
|
10
10
|
* @category Hooks
|
|
11
11
|
*/
|
|
12
|
-
const useParameters = () => (0,
|
|
12
|
+
const useParameters = () => (0, _context.useInternalContextSelector)(_ChaynsContext.ChaynsContext, v => (v === null || v === void 0 ? void 0 : v.parameters) || []);
|
|
13
13
|
exports.useParameters = useParameters;
|
|
@@ -4,10 +4,10 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.useSite = void 0;
|
|
7
|
-
var _useContextSelector = require("use-context-selector");
|
|
8
7
|
var _ChaynsContext = require("../components/ChaynsContext");
|
|
8
|
+
var _context = require("./context");
|
|
9
9
|
/**
|
|
10
10
|
* @category Hooks
|
|
11
11
|
*/
|
|
12
|
-
const useSite = () => (0,
|
|
12
|
+
const useSite = () => (0, _context.useInternalContextSelector)(_ChaynsContext.ChaynsContext, v => v === null || v === void 0 ? void 0 : v.site);
|
|
13
13
|
exports.useSite = useSite;
|
|
@@ -4,11 +4,11 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.useUser = void 0;
|
|
7
|
-
var _useContextSelector = require("use-context-selector");
|
|
8
7
|
var _ChaynsContext = require("../components/ChaynsContext");
|
|
8
|
+
var _context = require("./context");
|
|
9
9
|
const empty = {};
|
|
10
10
|
/**
|
|
11
11
|
* @category Hooks
|
|
12
12
|
*/
|
|
13
|
-
const useUser = () => (0,
|
|
13
|
+
const useUser = () => (0, _context.useInternalContextSelector)(_ChaynsContext.ChaynsContext, value => (value === null || value === void 0 ? void 0 : value.user) || empty);
|
|
14
14
|
exports.useUser = useUser;
|
|
@@ -4,13 +4,12 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.useValues = void 0;
|
|
7
|
-
var _useContextSelector = require("use-context-selector");
|
|
8
7
|
var _ChaynsContext = require("../components/ChaynsContext");
|
|
8
|
+
var _context = require("./context");
|
|
9
9
|
/**
|
|
10
10
|
* @category Hooks
|
|
11
11
|
*/
|
|
12
12
|
const useValues = () => {
|
|
13
|
-
|
|
14
|
-
return t;
|
|
13
|
+
return (0, _context.useInternalContextSelector)(_ChaynsContext.ChaynsContext, v => v || {});
|
|
15
14
|
};
|
|
16
15
|
exports.useValues = useValues;
|
|
@@ -4,16 +4,16 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.useWindowMetricsListener = exports.useWindowMetrics = void 0;
|
|
7
|
-
var _useContextSelector = require("use-context-selector");
|
|
8
7
|
var _react = require("react");
|
|
9
8
|
var _ChaynsContext = require("../components/ChaynsContext");
|
|
10
9
|
var _IChaynsReact = require("../types/IChaynsReact");
|
|
10
|
+
var _context = require("./context");
|
|
11
11
|
/**
|
|
12
12
|
* @category Hooks
|
|
13
13
|
*/
|
|
14
14
|
const useWindowMetricsListener = () => {
|
|
15
|
-
const addListener = (0,
|
|
16
|
-
const removeListener = (0,
|
|
15
|
+
const addListener = (0, _context.useInternalContextSelector)(_ChaynsContext.ChaynsFunctionsContext, v => v.addWindowMetricsListener);
|
|
16
|
+
const removeListener = (0, _context.useInternalContextSelector)(_ChaynsContext.ChaynsFunctionsContext, v => v.removeWindowMetricsListener);
|
|
17
17
|
const promiseRef = (0, _react.useRef)();
|
|
18
18
|
return (0, _react.useCallback)(callback => {
|
|
19
19
|
promiseRef.current = addListener(callback);
|
|
@@ -41,7 +41,7 @@ const useWindowMetrics = ({
|
|
|
41
41
|
pageSize: _IChaynsReact.ScreenSize.XS
|
|
42
42
|
});
|
|
43
43
|
const addListener = useWindowMetricsListener();
|
|
44
|
-
const getWindowMetrics = (0,
|
|
44
|
+
const getWindowMetrics = (0, _context.useInternalContextSelector)(_ChaynsContext.ChaynsFunctionsContext, v => v.getWindowMetrics);
|
|
45
45
|
(0, _react.useEffect)(() => {
|
|
46
46
|
if (enabled) {
|
|
47
47
|
return addListener(v => {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { createContext } from '
|
|
2
|
-
export const ChaynsContext = createContext(null);
|
|
1
|
+
import { createContext } from 'react';
|
|
2
|
+
export const ChaynsContext = /*#__PURE__*/createContext(null);
|
|
3
3
|
// @ts-expect-error Functions cant be null, implementation of default values is redundant
|
|
4
|
-
export const ChaynsFunctionsContext = createContext(null);
|
|
4
|
+
export const ChaynsFunctionsContext = /*#__PURE__*/createContext(null);
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import { useContextSelector } from 'use-context-selector';
|
|
2
1
|
import { useCallback, useEffect, useRef, useState } from 'react';
|
|
3
2
|
import { ChaynsFunctionsContext } from '../components/ChaynsContext';
|
|
3
|
+
import { useInternalContextSelector } from "./context";
|
|
4
4
|
/**
|
|
5
5
|
* @category Hooks
|
|
6
6
|
*/
|
|
7
7
|
export const useGeoLocationListener = () => {
|
|
8
|
-
const addListener =
|
|
9
|
-
const removeListener =
|
|
8
|
+
const addListener = useInternalContextSelector(ChaynsFunctionsContext, v => v.addGeoLocationListener);
|
|
9
|
+
const removeListener = useInternalContextSelector(ChaynsFunctionsContext, v => v.removeGeoLocationListener);
|
|
10
10
|
const promiseRef = useRef();
|
|
11
11
|
return useCallback((value, callback) => {
|
|
12
12
|
promiseRef.current = addListener(value, callback);
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import { useContextSelector } from 'use-context-selector';
|
|
2
1
|
import { useCallback, useEffect, useRef, useState } from 'react';
|
|
3
2
|
import { ChaynsFunctionsContext } from '../components/ChaynsContext';
|
|
4
3
|
import { useWindowMetrics } from './windowMetricsListener';
|
|
4
|
+
import { useInternalContextSelector } from "./context";
|
|
5
5
|
/**
|
|
6
6
|
* @category Hooks
|
|
7
7
|
*/
|
|
8
8
|
export const useScrollListener = () => {
|
|
9
|
-
const addListener =
|
|
10
|
-
const removeListener =
|
|
9
|
+
const addListener = useInternalContextSelector(ChaynsFunctionsContext, v => v.addScrollListener);
|
|
10
|
+
const removeListener = useInternalContextSelector(ChaynsFunctionsContext, v => v.removeScrollListener);
|
|
11
11
|
const promiseRef = useRef();
|
|
12
12
|
return useCallback((value, callback) => {
|
|
13
13
|
promiseRef.current = addListener(value, callback);
|
|
@@ -31,7 +31,7 @@ export const useScrollPosition = function () {
|
|
|
31
31
|
scrollX: null
|
|
32
32
|
});
|
|
33
33
|
const addListener = useScrollListener();
|
|
34
|
-
const getScrollPosition =
|
|
34
|
+
const getScrollPosition = useInternalContextSelector(ChaynsFunctionsContext, v => v.getScrollPosition);
|
|
35
35
|
useEffect(() => {
|
|
36
36
|
if (enabled) {
|
|
37
37
|
return addListener({
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { useEffect, useState } from "react";
|
|
2
|
-
import { useContextSelector } from "use-context-selector";
|
|
3
2
|
import { ChaynsFunctionsContext } from "../components/ChaynsContext";
|
|
3
|
+
import { useInternalContextSelector } from "./context";
|
|
4
4
|
|
|
5
5
|
/**
|
|
6
6
|
* @category Hooks
|
|
@@ -9,7 +9,7 @@ import { ChaynsFunctionsContext } from "../components/ChaynsContext";
|
|
|
9
9
|
export const useAccessToken = accessToken => {
|
|
10
10
|
const [token, setToken] = useState(null);
|
|
11
11
|
const [externalToken, setExternalToken] = useState(null);
|
|
12
|
-
const getAccessToken =
|
|
12
|
+
const getAccessToken = useInternalContextSelector(ChaynsFunctionsContext, s => s.getAccessToken);
|
|
13
13
|
useEffect(() => {
|
|
14
14
|
if (accessToken !== null && accessToken !== void 0 && accessToken.external) {
|
|
15
15
|
void getAccessToken({
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { useContextSelector } from 'use-context-selector';
|
|
2
1
|
import { ChaynsContext } from '../components/ChaynsContext';
|
|
2
|
+
import { useInternalContextSelector } from "./context";
|
|
3
3
|
|
|
4
4
|
/**
|
|
5
5
|
* @category Hooks
|
|
6
6
|
*/
|
|
7
|
-
export const useCurrentPage = () =>
|
|
7
|
+
export const useCurrentPage = () => useInternalContextSelector(ChaynsContext, v => v === null || v === void 0 ? void 0 : v.currentPage);
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { useContextSelector } from 'use-context-selector';
|
|
2
1
|
import { ChaynsContext } from '../components/ChaynsContext';
|
|
2
|
+
import { useInternalContextSelector } from "./context";
|
|
3
3
|
|
|
4
4
|
/**
|
|
5
5
|
* @category Hooks
|
|
6
6
|
*/
|
|
7
|
-
export const useCustomData = () =>
|
|
7
|
+
export const useCustomData = () => useInternalContextSelector(ChaynsContext, v => v === null || v === void 0 ? void 0 : v.customData);
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { useContextSelector } from 'use-context-selector';
|
|
2
1
|
import { ChaynsContext } from '../components/ChaynsContext';
|
|
2
|
+
import { useInternalContextSelector } from "./context";
|
|
3
3
|
/**
|
|
4
4
|
* @category Hooks
|
|
5
5
|
*/
|
|
6
|
-
export const useDevice = () =>
|
|
6
|
+
export const useDevice = () => useInternalContextSelector(ChaynsContext, v => v === null || v === void 0 ? void 0 : v.device);
|
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
import { useContextSelector } from 'use-context-selector';
|
|
2
1
|
import { ChaynsContext, ChaynsFunctionsContext } from '../components/ChaynsContext';
|
|
2
|
+
import { useInternalContextSelector } from "./context";
|
|
3
3
|
|
|
4
4
|
/**
|
|
5
5
|
* @category Hooks
|
|
6
6
|
*/
|
|
7
7
|
export const useDialogState = () => {
|
|
8
|
-
const setResult =
|
|
9
|
-
const sendData =
|
|
10
|
-
const addDataListener =
|
|
11
|
-
const isClosingRequested =
|
|
8
|
+
const setResult = useInternalContextSelector(ChaynsFunctionsContext, v => v === null || v === void 0 ? void 0 : v.setDialogResult);
|
|
9
|
+
const sendData = useInternalContextSelector(ChaynsFunctionsContext, v => v === null || v === void 0 ? void 0 : v.dispatchEventToDialogHost);
|
|
10
|
+
const addDataListener = useInternalContextSelector(ChaynsFunctionsContext, v => v === null || v === void 0 ? void 0 : v.addDialogHostEventListener);
|
|
11
|
+
const isClosingRequested = useInternalContextSelector(ChaynsContext, v => {
|
|
12
12
|
var _v$dialog;
|
|
13
13
|
return v === null || v === void 0 || (_v$dialog = v.dialog) === null || _v$dialog === void 0 ? void 0 : _v$dialog.isClosingRequested;
|
|
14
14
|
});
|
|
@@ -24,9 +24,8 @@ export const useDialogState = () => {
|
|
|
24
24
|
* @category Hooks
|
|
25
25
|
*/
|
|
26
26
|
export const useDialogData = () => {
|
|
27
|
-
|
|
27
|
+
return useInternalContextSelector(ChaynsContext, v => {
|
|
28
28
|
var _v$dialog2;
|
|
29
29
|
return v === null || v === void 0 || (_v$dialog2 = v.dialog) === null || _v$dialog2 === void 0 ? void 0 : _v$dialog2.dialogInput;
|
|
30
30
|
});
|
|
31
|
-
return inputData;
|
|
32
31
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { useContextSelector } from 'use-context-selector';
|
|
2
1
|
import { ChaynsContext } from '../components/ChaynsContext';
|
|
2
|
+
import { useInternalContextSelector } from "./context";
|
|
3
3
|
/**
|
|
4
4
|
* @category Hooks
|
|
5
5
|
*/
|
|
6
|
-
export const useEnvironment = () =>
|
|
6
|
+
export const useEnvironment = () => useInternalContextSelector(ChaynsContext, v => v === null || v === void 0 ? void 0 : v.environment);
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { useContextSelector } from "use-context-selector";
|
|
2
1
|
import { ChaynsFunctionsContext } from "../components/ChaynsContext";
|
|
2
|
+
import { useInternalContextSelector } from "./context";
|
|
3
|
+
|
|
3
4
|
/**
|
|
4
5
|
* @category Hooks
|
|
5
6
|
*/
|
|
6
7
|
export const useFunctions = () => {
|
|
7
|
-
|
|
8
|
-
return t;
|
|
8
|
+
return useInternalContextSelector(ChaynsFunctionsContext, f => f || {});
|
|
9
9
|
};
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { useContextSelector } from 'use-context-selector';
|
|
2
1
|
import { ChaynsContext } from '../components/ChaynsContext';
|
|
2
|
+
import { useInternalContextSelector } from "./context";
|
|
3
3
|
/**
|
|
4
4
|
* @category Hooks
|
|
5
5
|
*/
|
|
6
6
|
export const useIsAdminMode = () => {
|
|
7
|
-
var
|
|
8
|
-
return (
|
|
7
|
+
var _useInternalContextSe;
|
|
8
|
+
return (_useInternalContextSe = useInternalContextSelector(ChaynsContext, v => v === null || v === void 0 ? void 0 : v.isAdminModeActive)) !== null && _useInternalContextSe !== void 0 ? _useInternalContextSe : false;
|
|
9
9
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { useContextSelector } from 'use-context-selector';
|
|
2
1
|
import { ChaynsContext } from '../components/ChaynsContext';
|
|
2
|
+
import { useInternalContextSelector } from "./context";
|
|
3
3
|
/**
|
|
4
4
|
* @category Hooks
|
|
5
5
|
*/
|
|
6
|
-
export const useLanguage = () =>
|
|
6
|
+
export const useLanguage = () => useInternalContextSelector(ChaynsContext, v => v === null || v === void 0 ? void 0 : v.language);
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { useContextSelector } from 'use-context-selector';
|
|
2
1
|
import { ChaynsContext } from '../components/ChaynsContext';
|
|
3
2
|
import { moduleWrapper } from '../components/moduleWrapper';
|
|
3
|
+
import { useInternalContextSelector } from "./context";
|
|
4
4
|
/**
|
|
5
5
|
* @category Hooks
|
|
6
6
|
*/
|
|
@@ -10,7 +10,7 @@ export const usePages = function () {
|
|
|
10
10
|
} = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
|
|
11
11
|
siteId: undefined
|
|
12
12
|
};
|
|
13
|
-
const pages =
|
|
13
|
+
const pages = useInternalContextSelector(ChaynsContext, v => v.pages);
|
|
14
14
|
if (siteId) {
|
|
15
15
|
pages.filter(tapp => tapp.siteId === siteId);
|
|
16
16
|
}
|
|
@@ -24,7 +24,7 @@ export const usePage = _ref => {
|
|
|
24
24
|
id,
|
|
25
25
|
siteId
|
|
26
26
|
} = _ref;
|
|
27
|
-
const pages =
|
|
27
|
+
const pages = useInternalContextSelector(ChaynsContext, v => v.pages);
|
|
28
28
|
if (id) {
|
|
29
29
|
var _pages$find;
|
|
30
30
|
return (_pages$find = pages.find(x => x.id === id && (!siteId || x.siteId === siteId))) !== null && _pages$find !== void 0 ? _pages$find : null;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { useContextSelector } from 'use-context-selector';
|
|
2
1
|
import { ChaynsContext } from '../components/ChaynsContext';
|
|
2
|
+
import { useInternalContextSelector } from "./context";
|
|
3
3
|
/**
|
|
4
4
|
* @category Hooks
|
|
5
5
|
*/
|
|
6
|
-
export const useParameters = () =>
|
|
6
|
+
export const useParameters = () => useInternalContextSelector(ChaynsContext, v => (v === null || v === void 0 ? void 0 : v.parameters) || []);
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { useContextSelector } from 'use-context-selector';
|
|
2
1
|
import { ChaynsContext } from '../components/ChaynsContext';
|
|
2
|
+
import { useInternalContextSelector } from "./context";
|
|
3
3
|
/**
|
|
4
4
|
* @category Hooks
|
|
5
5
|
*/
|
|
6
|
-
export const useSite = () =>
|
|
6
|
+
export const useSite = () => useInternalContextSelector(ChaynsContext, v => v === null || v === void 0 ? void 0 : v.site);
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { useContextSelector } from 'use-context-selector';
|
|
2
1
|
import { ChaynsContext } from '../components/ChaynsContext';
|
|
2
|
+
import { useInternalContextSelector } from "./context";
|
|
3
3
|
const empty = {};
|
|
4
4
|
/**
|
|
5
5
|
* @category Hooks
|
|
6
6
|
*/
|
|
7
|
-
export const useUser = () =>
|
|
7
|
+
export const useUser = () => useInternalContextSelector(ChaynsContext, value => (value === null || value === void 0 ? void 0 : value.user) || empty);
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { useContextSelector } from 'use-context-selector';
|
|
2
1
|
import { ChaynsContext } from '../components/ChaynsContext';
|
|
2
|
+
import { useInternalContextSelector } from "./context";
|
|
3
|
+
|
|
3
4
|
/**
|
|
4
5
|
* @category Hooks
|
|
5
6
|
*/
|
|
6
7
|
export const useValues = () => {
|
|
7
|
-
|
|
8
|
-
return t;
|
|
8
|
+
return useInternalContextSelector(ChaynsContext, v => v || {});
|
|
9
9
|
};
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import { useContextSelector } from 'use-context-selector';
|
|
2
1
|
import { useCallback, useEffect, useRef, useState } from 'react';
|
|
3
2
|
import { ChaynsFunctionsContext } from '../components/ChaynsContext';
|
|
4
3
|
import { ScreenSize } from '../types/IChaynsReact';
|
|
4
|
+
import { useInternalContextSelector } from "./context";
|
|
5
5
|
/**
|
|
6
6
|
* @category Hooks
|
|
7
7
|
*/
|
|
8
8
|
export const useWindowMetricsListener = () => {
|
|
9
|
-
const addListener =
|
|
10
|
-
const removeListener =
|
|
9
|
+
const addListener = useInternalContextSelector(ChaynsFunctionsContext, v => v.addWindowMetricsListener);
|
|
10
|
+
const removeListener = useInternalContextSelector(ChaynsFunctionsContext, v => v.removeWindowMetricsListener);
|
|
11
11
|
const promiseRef = useRef();
|
|
12
12
|
return useCallback(callback => {
|
|
13
13
|
promiseRef.current = addListener(callback);
|
|
@@ -35,7 +35,7 @@ export const useWindowMetrics = function () {
|
|
|
35
35
|
pageSize: ScreenSize.XS
|
|
36
36
|
});
|
|
37
37
|
const addListener = useWindowMetricsListener();
|
|
38
|
-
const getWindowMetrics =
|
|
38
|
+
const getWindowMetrics = useInternalContextSelector(ChaynsFunctionsContext, v => v.getWindowMetrics);
|
|
39
39
|
useEffect(() => {
|
|
40
40
|
if (enabled) {
|
|
41
41
|
return addListener(v => {
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
1
2
|
import { ChaynsReactFunctions, ChaynsReactValues } from '../types/IChaynsReact';
|
|
2
|
-
export declare const ChaynsContext: import("
|
|
3
|
-
export declare const ChaynsFunctionsContext: import("
|
|
3
|
+
export declare const ChaynsContext: import("react").Context<ChaynsReactValues | null>;
|
|
4
|
+
export declare const ChaynsFunctionsContext: import("react").Context<ChaynsReactFunctions>;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "chayns-api",
|
|
3
|
-
"version": "2.0.
|
|
3
|
+
"version": "2.0.8",
|
|
4
4
|
"description": "new chayns api",
|
|
5
5
|
"main": "dist/cjs/index.js",
|
|
6
6
|
"module": "dist/esm/index.js",
|
|
@@ -53,7 +53,6 @@
|
|
|
53
53
|
"semaphore-async-await": "^1.5.1",
|
|
54
54
|
"semver": "^7.6.0",
|
|
55
55
|
"ua-parser-js": "^1.0.38",
|
|
56
|
-
"use-context-selector": "^1.4.4",
|
|
57
56
|
"util": "^0.12.5"
|
|
58
57
|
},
|
|
59
58
|
"devDependencies": {
|