chayns-api 1.0.58 → 1.1.0-1

package/dist/esm/hooks/useFunctions.js

@@ -1,7 +1,7 @@
 import { useContextSelector } from "use-context-selector";
 import { ChaynsFunctionsContext } from "../components/ChaynsContext";
-/**
- * @category Hooks
+/**
+ * @category Hooks
  */
 export const useFunctions = () => {
   const t = useContextSelector(ChaynsFunctionsContext, f => f || {});

package/dist/esm/hooks/useIsAdminMode.js

@@ -1,7 +1,7 @@
 import { useContextSelector } from 'use-context-selector';
 import { ChaynsContext } from '../components/ChaynsContext';
-/**
- * @category Hooks
+/**
+ * @category Hooks
  */
 export const useIsAdminMode = () => {
   var _useContextSelector;

package/dist/esm/hooks/useLanguage.js

@@ -1,6 +1,6 @@
 import { useContextSelector } from 'use-context-selector';
 import { ChaynsContext } from '../components/ChaynsContext';
-/**
- * @category Hooks
+/**
+ * @category Hooks
  */
 export const useLanguage = () => useContextSelector(ChaynsContext, v => v === null || v === void 0 ? void 0 : v.language);

package/dist/esm/hooks/usePages.js

@@ -1,8 +1,8 @@
 import { useContextSelector } from 'use-context-selector';
 import { ChaynsContext } from '../components/ChaynsContext';
 import { moduleWrapper } from '../components/moduleWrapper';
-/**
- * @category Hooks
+/**
+ * @category Hooks
  */
 export const usePages = function () {
   let {
@@ -16,8 +16,8 @@ export const usePages = function () {
   }
   return pages;
 };
-/**
- * @category Hooks
+/**
+ * @category Hooks
  */
 export const usePage = _ref => {
   let {

package/dist/esm/hooks/useParameters.js

@@ -1,6 +1,6 @@
 import { useContextSelector } from 'use-context-selector';
 import { ChaynsContext } from '../components/ChaynsContext';
-/**
- * @category Hooks
+/**
+ * @category Hooks
  */
 export const useParameters = () => useContextSelector(ChaynsContext, v => (v === null || v === void 0 ? void 0 : v.parameters) || []);

package/dist/esm/hooks/useSite.js

@@ -1,6 +1,6 @@
 import { useContextSelector } from 'use-context-selector';
 import { ChaynsContext } from '../components/ChaynsContext';
-/**
- * @category Hooks
+/**
+ * @category Hooks
  */
 export const useSite = () => useContextSelector(ChaynsContext, v => v === null || v === void 0 ? void 0 : v.site);

package/dist/esm/hooks/useUser.js

@@ -1,6 +1,6 @@
 import { useContextSelector } from 'use-context-selector';
 import { ChaynsContext } from '../components/ChaynsContext';
-/**
- * @category Hooks
+/**
+ * @category Hooks
  */
 export const useUser = () => useContextSelector(ChaynsContext, v => (v === null || v === void 0 ? void 0 : v.user) || {});

package/dist/esm/hooks/useValues.js

@@ -1,7 +1,7 @@
 import { useContextSelector } from 'use-context-selector';
 import { ChaynsContext } from '../components/ChaynsContext';
-/**
- * @category Hooks
+/**
+ * @category Hooks
  */
 export const useValues = () => {
   const t = useContextSelector(ChaynsContext, v => v || {});

package/dist/esm/hooks/windowMetricsListener.js

@@ -2,8 +2,8 @@ import { useContextSelector } from 'use-context-selector';
 import { useCallback, useEffect, useRef, useState } from 'react';
 import { ChaynsFunctionsContext } from '../components/ChaynsContext';
 import { ScreenSize } from '../types/IChaynsReact';
-/**
- * @category Hooks
+/**
+ * @category Hooks
  */
 export const useWindowMetricsListener = () => {
   const addListener = useContextSelector(ChaynsFunctionsContext, v => v.addWindowMetricsListener);
@@ -18,8 +18,8 @@ export const useWindowMetricsListener = () => {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
 };
-/**
- * @category Hooks
+/**
+ * @category Hooks
  */
 export const useWindowMetrics = function () {
   let {

package/dist/esm/host/module/ModuleHost.js

@@ -1,5 +1,4 @@
 import React, { useMemo } from 'react';
-import useDynamicScript from './utils/useDynamicScript';
 import loadComponent from './utils/loadComponent';
 import { replaceStagingUrl } from "../../util/url";
 const System = _ref => {
@@ -8,25 +7,10 @@ const System = _ref => {
     fallback,
     ...props
   } = _ref;
-  const {
-    ready,
-    failed
-  } = useDynamicScript({
-    url: system === null || system === void 0 ? void 0 : system.url,
-    scope: system === null || system === void 0 ? void 0 : system.scope
-  });
-  const Component = useMemo(() => {
-    // maybe return waitcursor instead
-    if (!system || !ready || failed) {
-      return null;
-    }
-    return /*#__PURE__*/React.lazy(loadComponent(system.scope, system.module, system.url, undefined, system.preventSingleton));
-
-    /* eslint-disable react-hooks/exhaustive-deps */
-  }, [system === null || system === void 0 ? void 0 : system.scope, ready, system === null || system === void 0 ? void 0 : system.url]);
-  return Component ? /*#__PURE__*/React.createElement(React.Suspense, {
+  const Component = useMemo(() => loadComponent(system.scope, system.module, system.url, undefined, system.preventSingleton), [system.scope, system.module, system.url, system.preventSingleton]);
+  return /*#__PURE__*/React.createElement(React.Suspense, {
     fallback: fallback || ''
-  }, /*#__PURE__*/React.createElement(Component, props)) : fallback;
+  }, /*#__PURE__*/React.createElement(Component, props));
 };
 const ModuleHost = _ref2 => {
   let {

package/dist/esm/host/module/utils/loadComponent.js

@@ -1,60 +1,53 @@
-/* eslint-disable */
-// @ts-nocheck
-
 import semver from 'semver';
 import React from 'react';
-import { semaphore } from './useDynamicScript';
-let instances = {};
+import { loadRemote, registerRemotes } from '@module-federation/runtime';
+const registeredScopes = {};
+const dynamicMap = {};
 export default function loadComponent(scope, module, url) {
   let skipCompatMode = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
   let preventSingleton = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
-  return async () => {
-    // Initializes the shared scope. Fills it with known provided modules from this build and all remotes
-    await __webpack_init_sharing__('default');
-    const {
-      container
-    } = window[scope + "_list"].find(x => x.url === url); // or get the container somewhere else
-    // Initialize the container, it may provide shared modules
-    await container.init(__webpack_share_scopes__.default);
-    const factory = await container.get(module);
-    semaphore[scope].release();
-    let ModuleMap = instances[`${scope}__${module}`];
-    let Module;
-    if (!ModuleMap) {
-      ModuleMap = {};
-      instances[`${scope}__${module}`] = ModuleMap;
-    }
-    if (Object.keys(ModuleMap).length > 0) {
-      const newModule = factory();
-      Module = ModuleMap[`${newModule.default.buildEnv}__${newModule.default.appVersion}`];
-      if (!Module) {
-        Module = newModule;
-        ModuleMap[`${newModule.default.buildEnv}__${newModule.default.appVersion}`] = newModule;
-      }
-    } else {
-      Module = factory();
-      ModuleMap[`${Module.default.buildEnv}__${Module.default.appVersion}`] = Module;
-    }
-    if (preventSingleton) {
-      // Intercom :)
-      window[scope + "_list"] = null;
-    }
-    if (skipCompatMode) return Module;
-    const hostVersion = semver.minVersion(React.version);
-    const {
-      requiredVersion,
-      environment
-    } = Module.default;
-    const matchReactVersion = requiredVersion && semver.satisfies(hostVersion, requiredVersion) && !Object.keys(__webpack_share_scopes__.default.react).some(version => {
-      return semver.gt(version, hostVersion) && semver.satisfies(version, requiredVersion) || scope === __webpack_share_scopes__.default.react[version].from.split('-').join('_');
+  if (skipCompatMode) {
+    console.warn('[chayns-api] skipCompatMode-option is deprecated and is set automatically now');
+  }
+  if (registeredScopes[scope] !== url || preventSingleton) {
+    registerRemotes([{
+      name: scope,
+      entry: url,
+      alias: scope
+    }], {
+      force: scope in registeredScopes
     });
-    if (!matchReactVersion || environment !== 'production' || process.env.NODE_ENV === 'development') {
-      return {
-        default: Module.default.CompatComponent
-      };
-    }
-    return {
-      default: Module.default.Component
-    };
-  };
+    registeredScopes[scope] = url;
+    dynamicMap[scope] = {};
+  }
+  if (!(module in dynamicMap[scope])) {
+    const path = `${scope}/${module.replace(/^\.\//, '')}`;
+    dynamicMap[scope][module] = /*#__PURE__*/React.lazy(() => {
+      return loadRemote(path).then(Module => {
+        // semantically equals skipCompatMode
+        if (typeof Module.default === 'function') {
+          return Module;
+        }
+        const hostVersion = semver.minVersion(React.version);
+        const {
+          requiredVersion,
+          environment
+        } = Module.default;
+        // @ts-expect-error
+        const webpackShareScopes = __webpack_share_scopes__.default;
+        const matchReactVersion = requiredVersion && semver.satisfies(hostVersion, requiredVersion) && !Object.keys(webpackShareScopes.react).some(version => {
+          return semver.gt(version, hostVersion) && semver.satisfies(version, requiredVersion) || scope === webpackShareScopes.react[version].from.split('-').join('_');
+        });
+        if (!matchReactVersion || environment !== 'production' || process.env.NODE_ENV === 'development') {
+          return {
+            default: Module.default.CompatComponent
+          };
+        }
+        return {
+          default: Module.default.Component
+        };
+      });
+    });
+  }
+  return dynamicMap[scope][module];
 }

package/dist/esm/index.js

@@ -8,6 +8,8 @@ export * from './hooks';
 export * from './components/WaitUntil';
 export * from './types/IChaynsReact';
 export * from './components/withCompatMode';
+export * from './constants';
+export { default as withHydrationBoundary } from './components/withHydrationBoundary';
 export { default as StaticChaynsApi } from './wrapper/StaticChaynsApi';
 export { default as DialogHandler } from './handler/DialogHandler';
 import * as _dialog from './calls/dialogs/index';

package/dist/esm/types/IChaynsReact.js

@@ -40,12 +40,12 @@ export let ScreenSize = /*#__PURE__*/function (ScreenSize) {
   return ScreenSize;
 }({});
 
-/**
- * @ignore
+/**
+ * @ignore
  */
 
-/**
- * @ignore
+/**
+ * @ignore
  */
 
 export let AccessMode = /*#__PURE__*/function (AccessMode) {

package/dist/types/calls/dialogs/alert.d.ts

@@ -1 +1 @@
-export declare function alert(title?: string, message?: string): Promise<any> | "unsupported";
+export declare function alert(title?: string, message?: string): Promise<any> | "unsupported";

package/dist/types/calls/dialogs/chaynsDialog.d.ts

@@ -1,24 +1,24 @@
-export declare const buttonText: {
-    YES: string;
-    NO: string;
-    OK: string;
-    CANCEL: string;
-};
-export declare const buttonType: {
-    CANCEL: number;
-    NEGATIVE: number;
-    POSITIVE: number;
-};
-export declare const dialogAction: {
-    ALERT_CONFIRM: number;
-    INPUT: number;
-    SELECT: number;
-    DATE: number;
-    ADVANCED_DATE: number;
-    DROP_UP_ALERT: number;
-    MEDIA_SELECT: number;
-    FILE_SELECT: number;
-    SIGNATURE: number;
-    IFRAME: number;
-};
-export declare function chaynsDialog(config: any): Promise<any> | "unsupported";
+export declare const buttonText: {
+    YES: string;
+    NO: string;
+    OK: string;
+    CANCEL: string;
+};
+export declare const buttonType: {
+    CANCEL: number;
+    NEGATIVE: number;
+    POSITIVE: number;
+};
+export declare const dialogAction: {
+    ALERT_CONFIRM: number;
+    INPUT: number;
+    SELECT: number;
+    DATE: number;
+    ADVANCED_DATE: number;
+    DROP_UP_ALERT: number;
+    MEDIA_SELECT: number;
+    FILE_SELECT: number;
+    SIGNATURE: number;
+    IFRAME: number;
+};
+export declare function chaynsDialog(config: any): Promise<any> | "unsupported";

package/dist/types/calls/dialogs/close.d.ts

@@ -1 +1 @@
-export declare function close(): Promise<any>;
+export declare function close(): Promise<any>;

package/dist/types/calls/dialogs/communication.d.ts

@@ -1,3 +1,3 @@
-export declare function sendData(data: any, isApiEvent: any): Promise<any>;
-export declare function addDialogDataListener(callback: any, getApiEvents?: boolean): boolean;
-export declare function removeDialogDataListener(callback: any, getApiEvents?: boolean): boolean;
+export declare function sendData(data: any, isApiEvent: any): Promise<any>;
+export declare function addDialogDataListener(callback: any, getApiEvents?: boolean): boolean;
+export declare function removeDialogDataListener(callback: any, getApiEvents?: boolean): boolean;

package/dist/types/calls/dialogs/confirm.d.ts

@@ -1,13 +1,13 @@
-import { DialogButtonOld } from "../../types/dialog";
-type Confirm = {
-    headline?: string;
-    text?: string;
-    buttons?: DialogButtonOld[] | {
-        buttons?: DialogButtonOld[];
-        links?: DialogButtonOld[];
-    };
-    links?: unknown;
-    select?: unknown;
-};
-export declare function confirm(title?: string, message?: string, config?: Confirm): Promise<any> | "unsupported";
-export {};
+import { DialogButtonOld } from "../../types/dialog";
+type Confirm = {
+    headline?: string;
+    text?: string;
+    buttons?: DialogButtonOld[] | {
+        buttons?: DialogButtonOld[];
+        links?: DialogButtonOld[];
+    };
+    links?: unknown;
+    select?: unknown;
+};
+export declare function confirm(title?: string, message?: string, config?: Confirm): Promise<any> | "unsupported";
+export {};

package/dist/types/calls/dialogs/date.d.ts

@@ -1,96 +1,96 @@
-import { DialogButtonOld, DialogTextBlock, IntervalItem, WeekDayIntervalObject } from "../../types/dialog";
-/**
- * The config object for date dialog
- * @typedef {Object} dateConfig
- * @property {Date} preSelect  - The date object which should be preselected.
- * @property {Date} minDate   - The min date which you could select.
- * @property {Date} maxDate  - The max date which you could select.
- * @property {dateDialogType} dateType  - The type of dialog you want to display.
- * @property {number} minuteIntervall - The interval for special minutes, possible are 2, 3, 4, 5, 6, 12, 15, 20, 30. Default is 1.
- * @property {string} message - The message that is displayed above the date dialog, only in apps supported
- * @property {string} title - The title that is displayed above the message, only in apps supported
- */
-/**
- * This call will open a date select dialog.
- * <div>Call: 30</div>
- * @param {dateConfig} config - Define the configuration of this call
- * @return {Promise} contains a timestamp as result
- * @example chayns.dialog.date({
- *  'dateType': chayns.dialog.dateType.DATE_TIME,
- *  'preSelect': new Date(2018, 6, 14, 0, 0, 0),
- *  'minDate':  new Date(2018, 6, 1, 15, 0, 0),
- *  'maxDate': new Date(2019, 6, 1, 0, 23, 0),
- *  'minuteInterval': 15
- * ).then(function (data) {
- *  console.log(data);
- * });
- */
-type DateConfig = {
-    title?: string;
-    message?: string;
-    buttons?: DialogButtonOld[];
-    minDate?: Date | number;
-    maxDate?: Date | number;
-    minuteInterval?: number;
-    preSelect?: Date | undefined | number;
-    multiselect?: boolean;
-    disabledDates?: Date[] | number[];
-    textBlocks?: DialogTextBlock[];
-    yearSelect?: boolean;
-    monthSelect?: boolean;
-    interval?: boolean;
-    minInterval?: number;
-    maxInterval?: number;
-    disabledIntervals?: Array<IntervalItem>;
-    disabledWeekDayIntervals?: Array<WeekDayIntervalObject>[7];
-    getLocalTime?: boolean;
-    dateType?: number;
-    autoSelectDate?: boolean;
-};
-export declare function date(config?: DateConfig): Promise<any>;
-type preSelectObj = {
-    start?: number | undefined | Date;
-    end?: number | undefined | Date;
-};
-type preSelect = preSelectObj | Date | undefined | number | number[];
-type AdvancedDateConfig = {
-    title?: string;
-    message?: string;
-    buttons?: DialogButtonOld[];
-    minDate?: Date | number;
-    maxDate?: Date | number;
-    minuteInterval?: number;
-    preSelect?: preSelect;
-    multiselect?: boolean;
-    disabledDates?: Date[] | number[];
-    textBlocks?: DialogTextBlock[];
-    yearSelect?: boolean;
-    monthSelect?: boolean;
-    interval?: boolean;
-    minInterval?: number;
-    maxInterval?: number;
-    disabledIntervals?: Array<IntervalItem>;
-    disabledWeekDayIntervals?: Array<WeekDayIntervalObject>[7];
-    getLocalTime?: boolean;
-    dateType?: number;
-    autoSelectDate?: boolean;
-};
-export declare function advancedDate(config?: AdvancedDateConfig): Promise<unknown>;
-/**
- * @typedef {number} dateDialogType
- */
-/**
- * Enum for date dialog
- * <div>DATE will open a dialog where you can select a special day</div>
- * <div>TIME will open a dialog where you can only select a special time</div>
- * <div>DATE_TIME will open a dialog where you can select a special time on a special day</div>
- * @readonly
- * @enum {dateDialogType}
- * @type {{DATE: number, TIME: number, DATE_TIME: number}}
- */
-export declare const dateType: {
-    DATE: number;
-    TIME: number;
-    DATE_TIME: number;
-};
-export {};
+import { DialogButtonOld, DialogTextBlock, IntervalItem, WeekDayIntervalObject } from "../../types/dialog";
+/**
+ * The config object for date dialog
+ * @typedef {Object} dateConfig
+ * @property {Date} preSelect  - The date object which should be preselected.
+ * @property {Date} minDate   - The min date which you could select.
+ * @property {Date} maxDate  - The max date which you could select.
+ * @property {dateDialogType} dateType  - The type of dialog you want to display.
+ * @property {number} minuteIntervall - The interval for special minutes, possible are 2, 3, 4, 5, 6, 12, 15, 20, 30. Default is 1.
+ * @property {string} message - The message that is displayed above the date dialog, only in apps supported
+ * @property {string} title - The title that is displayed above the message, only in apps supported
+ */
+/**
+ * This call will open a date select dialog.
+ * <div>Call: 30</div>
+ * @param {dateConfig} config - Define the configuration of this call
+ * @return {Promise} contains a timestamp as result
+ * @example chayns.dialog.date({
+ *  'dateType': chayns.dialog.dateType.DATE_TIME,
+ *  'preSelect': new Date(2018, 6, 14, 0, 0, 0),
+ *  'minDate':  new Date(2018, 6, 1, 15, 0, 0),
+ *  'maxDate': new Date(2019, 6, 1, 0, 23, 0),
+ *  'minuteInterval': 15
+ * ).then(function (data) {
+ *  console.log(data);
+ * });
+ */
+type DateConfig = {
+    title?: string;
+    message?: string;
+    buttons?: DialogButtonOld[];
+    minDate?: Date | number;
+    maxDate?: Date | number;
+    minuteInterval?: number;
+    preSelect?: Date | undefined | number;
+    multiselect?: boolean;
+    disabledDates?: Date[] | number[];
+    textBlocks?: DialogTextBlock[];
+    yearSelect?: boolean;
+    monthSelect?: boolean;
+    interval?: boolean;
+    minInterval?: number;
+    maxInterval?: number;
+    disabledIntervals?: Array<IntervalItem>;
+    disabledWeekDayIntervals?: Array<WeekDayIntervalObject>[7];
+    getLocalTime?: boolean;
+    dateType?: number;
+    autoSelectDate?: boolean;
+};
+export declare function date(config?: DateConfig): Promise<any>;
+type preSelectObj = {
+    start?: number | undefined | Date;
+    end?: number | undefined | Date;
+};
+type preSelect = preSelectObj | Date | undefined | number | number[];
+type AdvancedDateConfig = {
+    title?: string;
+    message?: string;
+    buttons?: DialogButtonOld[];
+    minDate?: Date | number;
+    maxDate?: Date | number;
+    minuteInterval?: number;
+    preSelect?: preSelect;
+    multiselect?: boolean;
+    disabledDates?: Date[] | number[];
+    textBlocks?: DialogTextBlock[];
+    yearSelect?: boolean;
+    monthSelect?: boolean;
+    interval?: boolean;
+    minInterval?: number;
+    maxInterval?: number;
+    disabledIntervals?: Array<IntervalItem>;
+    disabledWeekDayIntervals?: Array<WeekDayIntervalObject>[7];
+    getLocalTime?: boolean;
+    dateType?: number;
+    autoSelectDate?: boolean;
+};
+export declare function advancedDate(config?: AdvancedDateConfig): Promise<unknown>;
+/**
+ * @typedef {number} dateDialogType
+ */
+/**
+ * Enum for date dialog
+ * <div>DATE will open a dialog where you can select a special day</div>
+ * <div>TIME will open a dialog where you can only select a special time</div>
+ * <div>DATE_TIME will open a dialog where you can select a special time on a special day</div>
+ * @readonly
+ * @enum {dateDialogType}
+ * @type {{DATE: number, TIME: number, DATE_TIME: number}}
+ */
+export declare const dateType: {
+    DATE: number;
+    TIME: number;
+    DATE_TIME: number;
+};
+export {};

package/dist/types/calls/dialogs/dropUpAlert.d.ts

@@ -1,5 +1,5 @@
-type DropUpAlert = {
-    callType?: number;
-};
-export declare function dropUpAlert(dialog?: DropUpAlert): Promise<unknown>;
-export {};
+type DropUpAlert = {
+    callType?: number;
+};
+export declare function dropUpAlert(dialog?: DropUpAlert): Promise<unknown>;
+export {};

package/dist/types/calls/dialogs/fileSelect.d.ts

@@ -1,16 +1,16 @@
-import { DialogButtonOld } from "../../types/dialog";
-export declare const fileType: {
-    IMAGE: string;
-    VIDEO: string;
-    AUDIO: string;
-    DOCUMENT: string[];
-};
-type FileSelectInput = {
-    buttons?: DialogButtonOld[];
-    callType?: number;
-    multiselect?: boolean;
-    directory?: boolean;
-    chaynsToken?: string;
-};
-export declare function fileSelect(dialog?: FileSelectInput): Promise<unknown>;
-export {};
+import { DialogButtonOld } from "../../types/dialog";
+export declare const fileType: {
+    IMAGE: string;
+    VIDEO: string;
+    AUDIO: string;
+    DOCUMENT: string[];
+};
+type FileSelectInput = {
+    buttons?: DialogButtonOld[];
+    callType?: number;
+    multiselect?: boolean;
+    directory?: boolean;
+    chaynsToken?: string;
+};
+export declare function fileSelect(dialog?: FileSelectInput): Promise<unknown>;
+export {};

package/dist/types/calls/dialogs/iFrame.d.ts

@@ -1,10 +1,10 @@
-import { DialogButtonOld } from "../../types/dialog";
-type iFrameDialog = {
-    buttons?: DialogButtonOld[];
-    callType?: number;
-    tappIframeName?: string;
-    url: string;
-};
-export declare function iFrame(dialog?: iFrameDialog): Promise<unknown>;
-export declare function _chaynsCallResponder(obj: any): void;
-export {};
+import { DialogButtonOld } from "../../types/dialog";
+type iFrameDialog = {
+    buttons?: DialogButtonOld[];
+    callType?: number;
+    tappIframeName?: string;
+    url: string;
+};
+export declare function iFrame(dialog?: iFrameDialog): Promise<unknown>;
+export declare function _chaynsCallResponder(obj: any): void;
+export {};