chayns-api 1.0.30 → 1.0.32-0

package/dist/esm/hooks/scrollListener.js

@@ -2,8 +2,8 @@ import { useContextSelector } from 'use-context-selector';
 import { useCallback, useEffect, useRef, useState } from 'react';
 import { ChaynsFunctionsContext } from '../components/ChaynsContext';
 import { useWindowMetrics } from './windowMetricsListener';
-/**
- * @category Hooks
+/**
+ * @category Hooks
  */
 export const useScrollListener = () => {
   const addListener = useContextSelector(ChaynsFunctionsContext, v => v.addScrollListener);
@@ -18,8 +18,8 @@ export const useScrollListener = () => {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
 };
-/**
- * @category Hooks
+/**
+ * @category Hooks
  */
 export const useScrollPosition = function () {
   let {
@@ -46,8 +46,8 @@ export const useScrollPosition = function () {
   }, [getScrollPosition]);
   return value;
 };
-/**
- * @category Hooks
+/**
+ * @category Hooks
  */
 export const useScrollOffsetTop = function () {
   let {
@@ -69,8 +69,8 @@ export const useScrollOffsetTop = function () {
   }
   return 0;
 };
-/**
- * @category Hooks
+/**
+ * @category Hooks
  */
 export const useScrollOffsetBottom = function () {
   let {

package/dist/esm/hooks/useAccessToken.js

@@ -2,8 +2,8 @@ import { useEffect, useState } from "react";
 import { useContextSelector } from "use-context-selector";
 import { ChaynsFunctionsContext } from "../components/ChaynsContext";
 
-/**
- * @category Hooks
+/**
+ * @category Hooks
  */
 export const useAccessToken = accessToken => {
   const [token, setToken] = useState(null);

package/dist/esm/hooks/useCurrentPage.js

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

package/dist/esm/hooks/useCustomData.js

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

package/dist/esm/hooks/useDevice.js

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

package/dist/esm/hooks/useDialogState.js

@@ -1,8 +1,8 @@
 import { useContextSelector } from 'use-context-selector';
 import { ChaynsContext, ChaynsFunctionsContext } from '../components/ChaynsContext';
 
-/**
- * @category Hooks
+/**
+ * @category Hooks
  */
 export const useDialogState = () => {
   const setResult = useContextSelector(ChaynsFunctionsContext, v => v === null || v === void 0 ? void 0 : v.setDialogResult);
@@ -20,8 +20,8 @@ export const useDialogState = () => {
   };
 };
 
-/**
- * @category Hooks
+/**
+ * @category Hooks
  */
 export const useDialogData = () => {
   const inputData = useContextSelector(ChaynsContext, v => {

package/dist/esm/hooks/useEnvironment.js

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

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/ChaynsProvider";
-/**
- * @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/utils/loadComponent.js

@@ -48,7 +48,7 @@ export default function loadComponent(scope, module, url) {
     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);
     });
-    if (!matchReactVersion || environment !== 'production') {
+    if (!matchReactVersion || environment !== 'production' || process.env.NODE_ENV === 'development') {
       return {
         default: Module.default.CompatComponent
       };

package/dist/esm/index.js

@@ -1,3 +1,4 @@
+import './util/transferNestedFunctions';
 export { default as ChaynsProvider } from './components/ChaynsProvider';
 export { default as getDeviceInfo, getScreenSize, getClientDeviceInfo } from './util/deviceHelper';
 export { default as ChaynsHost } from './host/ChaynsHost';

package/dist/esm/util/comlinkHelper.js

@@ -0,0 +1,33 @@
+import * as Comlink from 'comlink';
+const isProxy = obj => {
+  var _obj$create;
+  return obj[Comlink.proxyMarker] || (obj === null || obj === void 0 ? void 0 : (_obj$create = obj.create) === null || _obj$create === void 0 ? void 0 : _obj$create[Comlink.proxyMarker]);
+};
+export default function initComlinkTransferHandler() {
+  Comlink.transferHandlers.set('FUNCTION', {
+    // @ts-ignore
+    canHandle: obj => {
+      if (isProxy(obj) || typeof obj !== 'object') return false;
+      Object.entries(obj).forEach(_ref => {
+        let [k, v] = _ref;
+        if (typeof v === 'function' && !isProxy(v)) {
+          return true;
+        }
+      });
+      return typeof obj === 'function';
+    },
+    // @ts-ignore
+    serialize: obj => {
+      const {
+        port1,
+        port2
+      } = new MessageChannel();
+      Comlink.expose(obj, port1);
+      return [port2, [port2]];
+    },
+    deserialize: port => {
+      port.start();
+      return Comlink.wrap(port);
+    }
+  });
+}

package/dist/esm/util/transferNestedFunctions.js

@@ -0,0 +1,32 @@
+// @ts-nocheck
+import * as Comlink from 'comlink';
+Comlink.transferHandlers.set("FUNCTION", {
+  canHandle: obj => {
+    return typeof obj === "object" && Object.values(obj).some(x => typeof x === 'function');
+  },
+  serialize(obj) {
+    obj._functionKeys = [];
+    const ports = [];
+    Object.entries(obj).forEach(_ref => {
+      let [k, v] = _ref;
+      if (typeof v === 'function') {
+        const {
+          port1,
+          port2
+        } = new MessageChannel();
+        obj._functionKeys.push(k);
+        Comlink.expose(obj[k], port1);
+        obj[k] = port2;
+        ports.push(port2);
+      }
+    });
+    return [obj, ports];
+  },
+  deserialize(obj) {
+    obj._functionKeys.forEach(x => {
+      obj[x].start();
+      obj[x] = Comlink.wrap(obj[x]);
+    });
+    return obj;
+  }
+});

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 {};