chayns-api 2.1.3-3 → 2.1.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/.babelrc +31 -30
- package/.eslintrc +17 -17
- package/.github/workflows/deploy_docs.yml +28 -28
- package/.github/workflows/publish.yml +21 -21
- package/LICENSE +21 -21
- package/README.md +67 -67
- package/dist/cjs/calls/dialogs/chaynsDialog.js +0 -2
- package/dist/cjs/calls/dialogs/communication.js +0 -2
- package/dist/cjs/calls/dialogs/confirm.js +0 -1
- package/dist/cjs/calls/dialogs/date.js +0 -50
- package/dist/cjs/calls/dialogs/iFrame.js +1 -1
- package/dist/cjs/calls/index.js +1 -162
- package/dist/cjs/calls/sendMessage.js +0 -12
- package/dist/cjs/calls/visibilityChangeListener.js +0 -7
- package/dist/cjs/components/AppDialogWrapper.js +3 -3
- package/dist/cjs/components/ChaynsContext.js +1 -1
- package/dist/cjs/components/ChaynsProvider.js +6 -10
- package/dist/cjs/components/ErrorBoundary.js +1 -1
- package/dist/cjs/components/WaitUntil.js +0 -2
- package/dist/cjs/components/withCompatMode.js +9 -13
- package/dist/cjs/components/withHydrationBoundary.js +2 -2
- package/dist/cjs/constants/hydrationContext.js +1 -3
- package/dist/cjs/constants/languages.js +1 -1
- package/dist/cjs/handler/DialogHandler.js +0 -4
- package/dist/cjs/hooks/geoLocationListener.js +0 -7
- package/dist/cjs/hooks/scrollListener.js +0 -14
- package/dist/cjs/hooks/useAccessToken.js +0 -4
- package/dist/cjs/hooks/useCurrentPage.js +0 -3
- package/dist/cjs/hooks/useCustomCallbackFunction.js +0 -4
- package/dist/cjs/hooks/useCustomData.js +0 -3
- package/dist/cjs/hooks/useDevice.js +0 -3
- package/dist/cjs/hooks/useDialogState.js +0 -7
- package/dist/cjs/hooks/useEnvironment.js +0 -3
- package/dist/cjs/hooks/useFunctions.js +0 -3
- package/dist/cjs/hooks/useIsAdminMode.js +0 -3
- package/dist/cjs/hooks/useLanguage.js +0 -3
- package/dist/cjs/hooks/usePages.js +0 -6
- package/dist/cjs/hooks/useParameters.js +0 -3
- package/dist/cjs/hooks/useSite.js +0 -3
- package/dist/cjs/hooks/useUser.js +0 -3
- package/dist/cjs/hooks/useValues.js +0 -3
- package/dist/cjs/hooks/windowMetricsListener.js +0 -7
- package/dist/cjs/host/ChaynsHost.js +3 -4
- package/dist/cjs/host/iframe/HostIframe.js +4 -23
- package/dist/cjs/host/module/ModuleHost.js +5 -9
- package/dist/cjs/host/module/utils/loadComponent.js +4 -5
- package/dist/cjs/index.js +1 -1
- package/dist/cjs/types/IChaynsReact.js +39 -46
- package/dist/cjs/util/appCall.js +0 -2
- package/dist/cjs/util/deviceHelper.js +0 -4
- package/dist/cjs/util/heightHelper.js +1 -1
- package/dist/cjs/util/initModuleFederationSharing.js +2 -6
- package/dist/cjs/util/postIframeForm.js +0 -1
- package/dist/cjs/util/transferNestedFunctions.js +0 -3
- package/dist/cjs/wrapper/AppWrapper.js +6 -20
- package/dist/cjs/wrapper/FrameWrapper.js +2 -7
- package/dist/cjs/wrapper/ModuleFederationWrapper.js +1 -3
- package/dist/cjs/wrapper/StaticChaynsApi.js +1 -1
- package/dist/esm/calls/dialogs/chaynsDialog.js +0 -2
- package/dist/esm/calls/dialogs/communication.js +0 -2
- package/dist/esm/calls/dialogs/confirm.js +0 -1
- package/dist/esm/calls/dialogs/date.js +0 -51
- package/dist/esm/calls/dialogs/iFrame.js +1 -1
- package/dist/esm/calls/index.js +1 -162
- package/dist/esm/calls/sendMessage.js +0 -12
- package/dist/esm/calls/visibilityChangeListener.js +0 -7
- package/dist/esm/components/AppDialogWrapper.js +2 -2
- package/dist/esm/components/ChaynsContext.js +1 -1
- package/dist/esm/components/ChaynsProvider.js +5 -10
- package/dist/esm/components/WaitUntil.js +0 -2
- package/dist/esm/components/withCompatMode.js +8 -14
- package/dist/esm/components/withHydrationBoundary.js +2 -2
- package/dist/esm/constants/hydrationContext.js +1 -3
- package/dist/esm/constants/languages.js +1 -1
- package/dist/esm/handler/DialogHandler.js +1 -5
- package/dist/esm/hooks/geoLocationListener.js +0 -7
- package/dist/esm/hooks/scrollListener.js +0 -14
- package/dist/esm/hooks/useAccessToken.js +0 -5
- package/dist/esm/hooks/useCurrentPage.js +0 -4
- package/dist/esm/hooks/useCustomCallbackFunction.js +0 -5
- package/dist/esm/hooks/useCustomData.js +0 -4
- package/dist/esm/hooks/useDevice.js +0 -3
- package/dist/esm/hooks/useDialogState.js +0 -8
- package/dist/esm/hooks/useEnvironment.js +0 -3
- package/dist/esm/hooks/useFunctions.js +0 -4
- package/dist/esm/hooks/useIsAdminMode.js +0 -3
- package/dist/esm/hooks/useLanguage.js +0 -3
- package/dist/esm/hooks/usePages.js +0 -6
- package/dist/esm/hooks/useParameters.js +0 -3
- package/dist/esm/hooks/useSite.js +0 -3
- package/dist/esm/hooks/useUser.js +0 -3
- package/dist/esm/hooks/useValues.js +0 -4
- package/dist/esm/hooks/windowMetricsListener.js +0 -7
- package/dist/esm/host/ChaynsHost.js +2 -3
- package/dist/esm/host/iframe/HostIframe.js +3 -22
- package/dist/esm/host/module/ModuleHost.js +4 -8
- package/dist/esm/host/module/utils/loadComponent.js +3 -4
- package/dist/esm/types/IChaynsReact.js +39 -49
- package/dist/esm/util/appCall.js +0 -2
- package/dist/esm/util/deviceHelper.js +0 -4
- package/dist/esm/util/initModuleFederationSharing.js +1 -5
- package/dist/esm/util/postIframeForm.js +0 -1
- package/dist/esm/util/transferNestedFunctions.js +0 -2
- package/dist/esm/wrapper/AppWrapper.js +6 -20
- package/dist/esm/wrapper/FrameWrapper.js +2 -6
- package/dist/esm/wrapper/ModuleFederationWrapper.js +1 -3
- package/dist/esm/wrapper/SsrWrapper.js +1 -1
- package/dist/esm/wrapper/StaticChaynsApi.js +1 -1
- package/dist/types/calls/dialogs/alert.d.ts +1 -1
- package/dist/types/calls/dialogs/chaynsDialog.d.ts +24 -24
- package/dist/types/calls/dialogs/close.d.ts +1 -1
- package/dist/types/calls/dialogs/communication.d.ts +3 -3
- package/dist/types/calls/dialogs/confirm.d.ts +13 -13
- package/dist/types/calls/dialogs/date.d.ts +96 -96
- package/dist/types/calls/dialogs/dropUpAlert.d.ts +5 -5
- package/dist/types/calls/dialogs/fileSelect.d.ts +16 -16
- package/dist/types/calls/dialogs/iFrame.d.ts +10 -10
- package/dist/types/calls/dialogs/index.d.ts +14 -14
- package/dist/types/calls/dialogs/input.d.ts +15 -15
- package/dist/types/calls/dialogs/mediaSelect.d.ts +8 -8
- package/dist/types/calls/dialogs/open.d.ts +1 -1
- package/dist/types/calls/dialogs/select.d.ts +6 -6
- package/dist/types/calls/dialogs/signature.d.ts +7 -7
- package/dist/types/calls/dialogs/toast.d.ts +1 -1
- package/dist/types/calls/dialogs/utils/callback.d.ts +1 -1
- package/dist/types/calls/dialogs/utils/is.d.ts +4 -4
- package/dist/types/calls/getUserInfo.d.ts +9 -9
- package/dist/types/calls/index.d.ts +255 -255
- package/dist/types/calls/sendMessage.d.ts +13 -13
- package/dist/types/calls/visibilityChangeListener.d.ts +9 -9
- package/dist/types/components/AppDialogWrapper.d.ts +5 -5
- package/dist/types/components/ChaynsContext.d.ts +3 -3
- package/dist/types/components/ChaynsProvider.d.ts +11 -11
- package/dist/types/components/ErrorBoundary.d.ts +13 -13
- package/dist/types/components/WaitUntil.d.ts +7 -7
- package/dist/types/components/moduleWrapper.d.ts +4 -4
- package/dist/types/components/withCompatMode.d.ts +43 -43
- package/dist/types/components/withHydrationBoundary.d.ts +24 -24
- package/dist/types/constants/hydrationContext.d.ts +6 -6
- package/dist/types/constants/index.d.ts +1 -1
- package/dist/types/constants/languages.d.ts +12 -12
- package/dist/types/handler/DialogHandler.d.ts +24 -24
- package/dist/types/helper/apiListenerHelper.d.ts +6 -6
- package/dist/types/hooks/context.d.ts +3 -3
- package/dist/types/hooks/geoLocationListener.d.ts +18 -18
- package/dist/types/hooks/index.d.ts +18 -18
- package/dist/types/hooks/scrollListener.d.ts +28 -28
- package/dist/types/hooks/useAccessToken.d.ts +6 -6
- package/dist/types/hooks/useCurrentPage.d.ts +5 -5
- package/dist/types/hooks/useCustomCallbackFunction.d.ts +5 -5
- package/dist/types/hooks/useCustomData.d.ts +4 -4
- package/dist/types/hooks/useDevice.d.ts +5 -5
- package/dist/types/hooks/useDialogState.d.ts +9 -9
- package/dist/types/hooks/useEnvironment.d.ts +5 -5
- package/dist/types/hooks/useFunctions.d.ts +4 -4
- package/dist/types/hooks/useIsAdminMode.d.ts +4 -4
- package/dist/types/hooks/useLanguage.d.ts +5 -5
- package/dist/types/hooks/usePages.d.ts +18 -18
- package/dist/types/hooks/useParameters.d.ts +5 -5
- package/dist/types/hooks/useSite.d.ts +5 -5
- package/dist/types/hooks/useUser.d.ts +5 -5
- package/dist/types/hooks/useValues.d.ts +4 -4
- package/dist/types/hooks/windowMetricsListener.d.ts +11 -11
- package/dist/types/host/ChaynsHost.d.ts +29 -29
- package/dist/types/host/iframe/HostIframe.d.ts +26 -26
- package/dist/types/host/iframe/utils/useUpdateData.d.ts +3 -3
- package/dist/types/host/module/ModuleHost.d.ts +28 -28
- package/dist/types/host/module/utils/loadComponent.d.ts +3 -3
- package/dist/types/index.d.ts +20 -20
- package/dist/types/types/IChaynsReact.d.ts +898 -899
- package/dist/types/types/dialog.d.ts +41 -41
- package/dist/types/util/appCall.d.ts +2 -2
- package/dist/types/util/bindChaynsApi.d.ts +1 -1
- package/dist/types/util/deviceHelper.d.ts +9 -9
- package/dist/types/util/heightHelper.d.ts +1 -1
- package/dist/types/util/initModuleFederationSharing.d.ts +3 -3
- package/dist/types/util/is.d.ts +5 -5
- package/dist/types/util/postIframeForm.d.ts +1 -1
- package/dist/types/util/transferNestedFunctions.d.ts +1 -1
- package/dist/types/util/url.d.ts +1 -1
- package/dist/types/wrapper/AppWrapper.d.ts +22 -22
- package/dist/types/wrapper/FrameWrapper.d.ts +18 -18
- package/dist/types/wrapper/ModuleFederationWrapper.d.ts +13 -13
- package/dist/types/wrapper/SsrWrapper.d.ts +14 -14
- package/dist/types/wrapper/StaticChaynsApi.d.ts +16 -16
- package/package.json +88 -88
- package/toolkit.config.js +20 -20
- package/tsconfig.json +56 -56
|
@@ -5,8 +5,5 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.useCurrentPage = void 0;
|
|
7
7
|
var _context = require("./context");
|
|
8
|
-
/**
|
|
9
|
-
* @category Hooks
|
|
10
|
-
*/
|
|
11
8
|
const useCurrentPage = () => (0, _context.useValuesSelector)(v => v.currentPage);
|
|
12
9
|
exports.useCurrentPage = useCurrentPage;
|
|
@@ -5,9 +5,5 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.useCustomCallbackFunction = void 0;
|
|
7
7
|
var _context = require("./context");
|
|
8
|
-
/**
|
|
9
|
-
* @category Hooks
|
|
10
|
-
* Returns customCallbackFunction
|
|
11
|
-
*/
|
|
12
8
|
const useCustomCallbackFunction = () => (0, _context.useFunctionsSelector)(f => f.customCallbackFunction);
|
|
13
9
|
exports.useCustomCallbackFunction = useCustomCallbackFunction;
|
|
@@ -5,8 +5,5 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.useCustomData = void 0;
|
|
7
7
|
var _context = require("./context");
|
|
8
|
-
/**
|
|
9
|
-
* @category Hooks
|
|
10
|
-
*/
|
|
11
8
|
const useCustomData = () => (0, _context.useValuesSelector)(v => v.customData);
|
|
12
9
|
exports.useCustomData = useCustomData;
|
|
@@ -5,9 +5,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.useDialogState = exports.useDialogData = void 0;
|
|
7
7
|
var _context = require("./context");
|
|
8
|
-
/**
|
|
9
|
-
* @category Hooks
|
|
10
|
-
*/
|
|
11
8
|
const useDialogState = () => {
|
|
12
9
|
const setResult = (0, _context.useFunctionsSelector)(f => f.setDialogResult);
|
|
13
10
|
const sendData = (0, _context.useFunctionsSelector)(f => f.dispatchEventToDialogHost);
|
|
@@ -23,10 +20,6 @@ const useDialogState = () => {
|
|
|
23
20
|
isClosingRequested
|
|
24
21
|
};
|
|
25
22
|
};
|
|
26
|
-
|
|
27
|
-
/**
|
|
28
|
-
* @category Hooks
|
|
29
|
-
*/
|
|
30
23
|
exports.useDialogState = useDialogState;
|
|
31
24
|
const useDialogData = () => {
|
|
32
25
|
return (0, _context.useValuesSelector)(v => {
|
|
@@ -5,8 +5,5 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.useEnvironment = void 0;
|
|
7
7
|
var _context = require("./context");
|
|
8
|
-
/**
|
|
9
|
-
* @category Hooks
|
|
10
|
-
*/
|
|
11
8
|
const useEnvironment = () => (0, _context.useValuesSelector)(v => v.environment);
|
|
12
9
|
exports.useEnvironment = useEnvironment;
|
|
@@ -5,8 +5,5 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.useFunctions = void 0;
|
|
7
7
|
var _context = require("./context");
|
|
8
|
-
/**
|
|
9
|
-
* @category Hooks
|
|
10
|
-
*/
|
|
11
8
|
const useFunctions = () => (0, _context.useFunctionsSelector)(f => f);
|
|
12
9
|
exports.useFunctions = useFunctions;
|
|
@@ -5,9 +5,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.useIsAdminMode = void 0;
|
|
7
7
|
var _context = require("./context");
|
|
8
|
-
/**
|
|
9
|
-
* @category Hooks
|
|
10
|
-
*/
|
|
11
8
|
const useIsAdminMode = () => (0, _context.useValuesSelector)(v => {
|
|
12
9
|
var _v$isAdminModeActive;
|
|
13
10
|
return (_v$isAdminModeActive = v.isAdminModeActive) !== null && _v$isAdminModeActive !== void 0 ? _v$isAdminModeActive : false;
|
|
@@ -5,8 +5,5 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.useLanguage = void 0;
|
|
7
7
|
var _context = require("./context");
|
|
8
|
-
/**
|
|
9
|
-
* @category Hooks
|
|
10
|
-
*/
|
|
11
8
|
const useLanguage = () => (0, _context.useValuesSelector)(v => v.language);
|
|
12
9
|
exports.useLanguage = useLanguage;
|
|
@@ -6,9 +6,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.usePages = exports.usePage = exports.getPage = void 0;
|
|
7
7
|
var _moduleWrapper = require("../components/moduleWrapper");
|
|
8
8
|
var _context = require("./context");
|
|
9
|
-
/**
|
|
10
|
-
* @category Hooks
|
|
11
|
-
*/
|
|
12
9
|
const usePages = ({
|
|
13
10
|
siteId
|
|
14
11
|
} = {
|
|
@@ -20,9 +17,6 @@ const usePages = ({
|
|
|
20
17
|
}
|
|
21
18
|
return pages;
|
|
22
19
|
};
|
|
23
|
-
/**
|
|
24
|
-
* @category Hooks
|
|
25
|
-
*/
|
|
26
20
|
exports.usePages = usePages;
|
|
27
21
|
const usePage = ({
|
|
28
22
|
id,
|
|
@@ -5,8 +5,5 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.useParameters = void 0;
|
|
7
7
|
var _context = require("./context");
|
|
8
|
-
/**
|
|
9
|
-
* @category Hooks
|
|
10
|
-
*/
|
|
11
8
|
const useParameters = () => (0, _context.useValuesSelector)(v => v.parameters || []);
|
|
12
9
|
exports.useParameters = useParameters;
|
|
@@ -6,8 +6,5 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.useUser = void 0;
|
|
7
7
|
var _context = require("./context");
|
|
8
8
|
const empty = {};
|
|
9
|
-
/**
|
|
10
|
-
* @category Hooks
|
|
11
|
-
*/
|
|
12
9
|
const useUser = () => (0, _context.useValuesSelector)(v => v.user || empty);
|
|
13
10
|
exports.useUser = useUser;
|
|
@@ -7,9 +7,6 @@ exports.useWindowMetricsListener = exports.useWindowMetrics = void 0;
|
|
|
7
7
|
var _react = require("react");
|
|
8
8
|
var _IChaynsReact = require("../types/IChaynsReact");
|
|
9
9
|
var _context = require("./context");
|
|
10
|
-
/**
|
|
11
|
-
* @category Hooks
|
|
12
|
-
*/
|
|
13
10
|
const useWindowMetricsListener = () => {
|
|
14
11
|
const addListener = (0, _context.useFunctionsSelector)(f => f.addWindowMetricsListener);
|
|
15
12
|
const removeListener = (0, _context.useFunctionsSelector)(f => f.removeWindowMetricsListener);
|
|
@@ -20,12 +17,8 @@ const useWindowMetricsListener = () => {
|
|
|
20
17
|
var _promiseRef$current;
|
|
21
18
|
void ((_promiseRef$current = promiseRef.current) === null || _promiseRef$current === void 0 ? void 0 : _promiseRef$current.then(removeListener));
|
|
22
19
|
};
|
|
23
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
24
20
|
}, []);
|
|
25
21
|
};
|
|
26
|
-
/**
|
|
27
|
-
* @category Hooks
|
|
28
|
-
*/
|
|
29
22
|
exports.useWindowMetricsListener = useWindowMetricsListener;
|
|
30
23
|
const useWindowMetrics = ({
|
|
31
24
|
enabled = true
|
|
@@ -7,7 +7,7 @@ exports.default = void 0;
|
|
|
7
7
|
var _react = _interopRequireWildcard(require("react"));
|
|
8
8
|
var _HostIframe = _interopRequireDefault(require("./iframe/HostIframe"));
|
|
9
9
|
var _ModuleHost = _interopRequireDefault(require("./module/ModuleHost"));
|
|
10
|
-
function _interopRequireDefault(
|
|
10
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
11
11
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
12
12
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
13
13
|
const ChaynsHost = ({
|
|
@@ -18,7 +18,6 @@ const ChaynsHost = ({
|
|
|
18
18
|
iFrameRef = undefined,
|
|
19
19
|
loadingComponent = undefined,
|
|
20
20
|
system,
|
|
21
|
-
// shallow data
|
|
22
21
|
pages,
|
|
23
22
|
language,
|
|
24
23
|
isAdminModeActive,
|
|
@@ -49,7 +48,7 @@ const ChaynsHost = ({
|
|
|
49
48
|
switch (type) {
|
|
50
49
|
case 'client-iframe':
|
|
51
50
|
case 'server-iframe':
|
|
52
|
-
return
|
|
51
|
+
return _react.default.createElement(_HostIframe.default, {
|
|
53
52
|
iFrameRef: iFrameRef,
|
|
54
53
|
iFrameProps: iFrameProps,
|
|
55
54
|
pages: pages,
|
|
@@ -70,7 +69,7 @@ const ChaynsHost = ({
|
|
|
70
69
|
});
|
|
71
70
|
case 'client-module':
|
|
72
71
|
case 'server-module':
|
|
73
|
-
return
|
|
72
|
+
return _react.default.createElement(_ModuleHost.default, {
|
|
74
73
|
system: system,
|
|
75
74
|
pages: pages,
|
|
76
75
|
isAdminModeActive: isAdminModeActive,
|
|
@@ -9,16 +9,15 @@ var comlink = _interopRequireWildcard(require("comlink"));
|
|
|
9
9
|
var _postIframeForm = _interopRequireDefault(require("../../util/postIframeForm"));
|
|
10
10
|
var _useUpdateData = _interopRequireDefault(require("./utils/useUpdateData"));
|
|
11
11
|
var _url = require("../../util/url");
|
|
12
|
-
function _interopRequireDefault(
|
|
12
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
13
13
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
14
14
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
15
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (
|
|
15
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
16
16
|
const HostIframe = ({
|
|
17
17
|
iFrameProps,
|
|
18
18
|
src,
|
|
19
19
|
postForm = false,
|
|
20
20
|
iFrameRef,
|
|
21
|
-
// shallow data
|
|
22
21
|
pages,
|
|
23
22
|
isAdminModeActive,
|
|
24
23
|
site,
|
|
@@ -37,15 +36,13 @@ const HostIframe = ({
|
|
|
37
36
|
const ref = (0, _react.useRef)();
|
|
38
37
|
const currentDataRef = (0, _react.useRef)();
|
|
39
38
|
if (!eventTarget.current) {
|
|
40
|
-
eventTarget.current = global.document ? document.createElement('div') : undefined;
|
|
39
|
+
eventTarget.current = global.document ? document.createElement('div') : undefined;
|
|
41
40
|
}
|
|
42
41
|
const setHeight = value => {
|
|
43
42
|
if (ref.current) {
|
|
44
43
|
ref.current.style.height = `${value}px`;
|
|
45
44
|
}
|
|
46
45
|
};
|
|
47
|
-
|
|
48
|
-
// region initialData
|
|
49
46
|
const initialData = {
|
|
50
47
|
site,
|
|
51
48
|
isAdminModeActive,
|
|
@@ -59,11 +56,7 @@ const HostIframe = ({
|
|
|
59
56
|
customData,
|
|
60
57
|
dialog
|
|
61
58
|
};
|
|
62
|
-
// endregion
|
|
63
|
-
|
|
64
59
|
currentDataRef.current = initialData;
|
|
65
|
-
|
|
66
|
-
// region postIframeForm
|
|
67
60
|
(0, _react.useEffect)(() => {
|
|
68
61
|
(async () => {
|
|
69
62
|
if (postForm) {
|
|
@@ -76,11 +69,7 @@ const HostIframe = ({
|
|
|
76
69
|
}), 'chayns', iFrameProps.name);
|
|
77
70
|
}
|
|
78
71
|
})();
|
|
79
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
80
72
|
}, []);
|
|
81
|
-
// endregion
|
|
82
|
-
|
|
83
|
-
// region expose data and functions to iframe
|
|
84
73
|
(0, _react.useEffect)(() => {
|
|
85
74
|
var _ref$current;
|
|
86
75
|
if ((_ref$current = ref.current) !== null && _ref$current !== void 0 && _ref$current.contentWindow) {
|
|
@@ -98,17 +87,12 @@ const HostIframe = ({
|
|
|
98
87
|
};
|
|
99
88
|
comlink.expose(obj, comlink.windowEndpoint(ref.current.contentWindow));
|
|
100
89
|
ref.current.contentWindow.postMessage('chayns-api-host-ready', '*');
|
|
101
|
-
// https://github.com/GoogleChromeLabs/comlink/pull/469 might be better approach once released
|
|
102
90
|
return () => {
|
|
103
91
|
delete obj[iFrameProps.name];
|
|
104
92
|
};
|
|
105
93
|
}
|
|
106
94
|
return undefined;
|
|
107
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
108
95
|
}, []);
|
|
109
|
-
// endregion
|
|
110
|
-
|
|
111
|
-
// region dispatch data update
|
|
112
96
|
(0, _useUpdateData.default)(eventTarget.current, 'isAdminModeActive', isAdminModeActive);
|
|
113
97
|
(0, _useUpdateData.default)(eventTarget.current, 'user', user);
|
|
114
98
|
(0, _useUpdateData.default)(eventTarget.current, 'site', site);
|
|
@@ -118,13 +102,10 @@ const HostIframe = ({
|
|
|
118
102
|
(0, _useUpdateData.default)(eventTarget.current, 'environment', environment);
|
|
119
103
|
(0, _useUpdateData.default)(eventTarget.current, 'customData', customData);
|
|
120
104
|
(0, _useUpdateData.default)(eventTarget.current, 'dialog', dialog);
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
return /*#__PURE__*/_react.default.createElement("iframe", _extends({
|
|
105
|
+
return _react.default.createElement("iframe", _extends({
|
|
124
106
|
ref: r => {
|
|
125
107
|
ref.current = r;
|
|
126
108
|
if (iFrameRef) {
|
|
127
|
-
// eslint-disable-next-line no-param-reassign
|
|
128
109
|
iFrameRef.current = r;
|
|
129
110
|
}
|
|
130
111
|
},
|
|
@@ -7,7 +7,7 @@ exports.default = void 0;
|
|
|
7
7
|
var _react = _interopRequireWildcard(require("react"));
|
|
8
8
|
var _loadComponent = _interopRequireDefault(require("./utils/loadComponent"));
|
|
9
9
|
var _url = require("../../util/url");
|
|
10
|
-
function _interopRequireDefault(
|
|
10
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
11
11
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
12
12
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
13
13
|
const System = ({
|
|
@@ -16,15 +16,14 @@ const System = ({
|
|
|
16
16
|
...props
|
|
17
17
|
}) => {
|
|
18
18
|
const Component = (0, _react.useMemo)(() => (0, _loadComponent.default)(system.scope, system.module, globalThis.window ? system.url : system.serverUrl, undefined, system.preventSingleton), [system.scope, system.module, system.url, system.serverUrl, system.preventSingleton]);
|
|
19
|
-
return
|
|
19
|
+
return _react.default.createElement(_react.default.Suspense, {
|
|
20
20
|
fallback: fallback || ''
|
|
21
|
-
},
|
|
21
|
+
}, _react.default.createElement(Component, props));
|
|
22
22
|
};
|
|
23
23
|
const ModuleHost = ({
|
|
24
24
|
system,
|
|
25
25
|
children = null,
|
|
26
26
|
functions,
|
|
27
|
-
// shallow data
|
|
28
27
|
pages,
|
|
29
28
|
isAdminModeActive,
|
|
30
29
|
site,
|
|
@@ -38,7 +37,6 @@ const ModuleHost = ({
|
|
|
38
37
|
environment,
|
|
39
38
|
preventStagingReplacement
|
|
40
39
|
}) => {
|
|
41
|
-
// region initialData
|
|
42
40
|
const initialData = {
|
|
43
41
|
site,
|
|
44
42
|
isAdminModeActive,
|
|
@@ -56,11 +54,9 @@ const ModuleHost = ({
|
|
|
56
54
|
if (dialog) {
|
|
57
55
|
initialData.dialog = dialog;
|
|
58
56
|
}
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
|
|
57
|
+
return _react.default.createElement(_react.default.Fragment, null, _react.default.createElement("div", {
|
|
62
58
|
className: "module-css"
|
|
63
|
-
}),
|
|
59
|
+
}), _react.default.createElement(System, {
|
|
64
60
|
system: {
|
|
65
61
|
scope: system.scope,
|
|
66
62
|
url: (0, _url.replaceStagingUrl)(preventStagingReplacement, system.url, environment.buildEnvironment),
|
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.loadModule = exports.default = void 0;
|
|
7
7
|
var _react = _interopRequireDefault(require("react"));
|
|
8
|
-
function _interopRequireDefault(
|
|
8
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
9
9
|
const loadModule = (scope, module, url, preventSingleton = false) => {
|
|
10
10
|
const {
|
|
11
11
|
loadRemote,
|
|
@@ -37,7 +37,6 @@ const loadModule = (scope, module, url, preventSingleton = false) => {
|
|
|
37
37
|
const promise = loadRemote(path);
|
|
38
38
|
promise.catch(e => {
|
|
39
39
|
console.error("[chayns-api] Failed to load module", scope, url, e);
|
|
40
|
-
// causes registerRemote with force = true on next attempt to load the component which tries to load the component again
|
|
41
40
|
registeredScopes[scope] = '';
|
|
42
41
|
});
|
|
43
42
|
return promise;
|
|
@@ -88,7 +87,7 @@ const loadComponent = (scope, module, url, skipCompatMode = false, preventSingle
|
|
|
88
87
|
class CompatComponent extends _react.default.Component {
|
|
89
88
|
constructor(props) {
|
|
90
89
|
super(props);
|
|
91
|
-
this.ref =
|
|
90
|
+
this.ref = _react.default.createRef();
|
|
92
91
|
}
|
|
93
92
|
componentDidMount() {
|
|
94
93
|
OriginalCompatComponent.componentDidMount.apply(this);
|
|
@@ -100,7 +99,7 @@ const loadComponent = (scope, module, url, skipCompatMode = false, preventSingle
|
|
|
100
99
|
OriginalCompatComponent.componentWillUnmount.apply(this);
|
|
101
100
|
}
|
|
102
101
|
render() {
|
|
103
|
-
return
|
|
102
|
+
return _react.default.createElement('div', {
|
|
104
103
|
ref: this.ref
|
|
105
104
|
});
|
|
106
105
|
}
|
|
@@ -117,7 +116,7 @@ const loadComponent = (scope, module, url, skipCompatMode = false, preventSingle
|
|
|
117
116
|
console.error("[chayns-api] Failed to load component", scope, url, e);
|
|
118
117
|
delete componentMap[scope][module];
|
|
119
118
|
});
|
|
120
|
-
componentMap[scope][module] =
|
|
119
|
+
componentMap[scope][module] = _react.default.lazy(() => promise);
|
|
121
120
|
}
|
|
122
121
|
return componentMap[scope][module];
|
|
123
122
|
};
|
package/dist/cjs/index.js
CHANGED
|
@@ -204,4 +204,4 @@ Object.keys(_bindChaynsApi).forEach(function (key) {
|
|
|
204
204
|
});
|
|
205
205
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
206
206
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
207
|
-
function _interopRequireDefault(
|
|
207
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|