chayns-api 2.6.8 → 2.6.10

package/dist/cjs/components/ChaynsProvider.js

@@ -39,10 +39,12 @@ const ChaynsProvider = ({
   functions,
   customFunctions,
   renderedByServer,
-  isModule
+  isModule,
+  chaynsApiId
 }) => {
-  var _customWrapper$curren, _customWrapper$curren2;
+  var _ref, _crypto, _customWrapper$curren, _customWrapper$curren2;
   const customWrapper = (0, _react.useRef)(null);
+  const idRef = (0, _react.useRef)((_ref = chaynsApiId !== null && chaynsApiId !== void 0 ? chaynsApiId : (_crypto = crypto) === null || _crypto === void 0 ? void 0 : _crypto.randomUUID()) !== null && _ref !== void 0 ? _ref : Math.random().toString());
   if (!customWrapper.current) {
     if (isModule) {
       if (data && functions) {
@@ -66,6 +68,8 @@ const ChaynsProvider = ({
       }
     }
     _moduleWrapper.moduleWrapper.current = customWrapper.current;
+    _moduleWrapper.chaynsApis[idRef.current] = customWrapper.current.functions;
+    customWrapper.current.chaynsApiId = idRef.current;
   }
   const [isInitialized, setIsInitialized] = (0, _react.useState)(!!((_customWrapper$curren = customWrapper.current) !== null && _customWrapper$curren !== void 0 && _customWrapper$curren.values));
   (0, _react.useEffect)(() => {

package/dist/cjs/components/moduleWrapper.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.removeModuleWrapper = exports.moduleWrapper = exports.addModuleWrapper = void 0;
+exports.removeModuleWrapper = exports.moduleWrapper = exports.getChaynsApi = exports.chaynsApis = exports.addModuleWrapper = void 0;
 const moduleWrapperStack = [];
 let current = undefined;
 const moduleWrapper = exports.moduleWrapper = {
@@ -17,6 +17,11 @@ const moduleWrapper = exports.moduleWrapper = {
     current = chayns;
   }
 };
+const chaynsApis = exports.chaynsApis = {};
+const getChaynsApi = id => {
+  return chaynsApis[id];
+};
+exports.getChaynsApi = getChaynsApi;
 const addModuleWrapper = chayns => {
   moduleWrapperStack.push(chayns);
 };

package/dist/cjs/hooks/context.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useValuesSelector = exports.useFunctionsSelector = exports.useCustomFunctionsSelector = void 0;
+exports.useValuesSelector = exports.useFunctionsSelector = exports.useCustomFunctionsSelector = exports.useChaynsApiIdSelector = void 0;
 var _react = require("react");
 var _shim = require("use-sync-external-store/shim");
 var _ChaynsContext = require("../components/ChaynsContext");
@@ -17,4 +17,5 @@ const createChaynsSelector = key => selector => {
 };
 const useValuesSelector = exports.useValuesSelector = createChaynsSelector('values');
 const useFunctionsSelector = exports.useFunctionsSelector = createChaynsSelector('functions');
-const useCustomFunctionsSelector = exports.useCustomFunctionsSelector = createChaynsSelector('customFunctions');
+const useCustomFunctionsSelector = exports.useCustomFunctionsSelector = createChaynsSelector('customFunctions');
+const useChaynsApiIdSelector = exports.useChaynsApiIdSelector = createChaynsSelector('chaynsApiId');

package/dist/cjs/hooks/index.js

@@ -15,6 +15,12 @@ Object.defineProperty(exports, "useAccessToken", {
     return _useAccessToken.useAccessToken;
   }
 });
+Object.defineProperty(exports, "useChaynsApiId", {
+  enumerable: true,
+  get: function () {
+    return _useChaynsApiId.useChaynsApiId;
+  }
+});
 Object.defineProperty(exports, "useCurrentPage", {
   enumerable: true,
   get: function () {
@@ -190,4 +196,5 @@ var _useCustomData = require("./useCustomData");
 var _useDialogState = require("./useDialogState");
 var _useCustomCallbackFunction = require("./useCustomCallbackFunction");
 var _useCustomFunction = require("./useCustomFunction");
-var _useStyleSettings = require("./useStyleSettings");
+var _useStyleSettings = require("./useStyleSettings");
+var _useChaynsApiId = require("./useChaynsApiId");

package/dist/cjs/hooks/useChaynsApiId.js

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useChaynsApiId = void 0;
+var _context = require("./context");
+const useChaynsApiId = () => {
+  return (0, _context.useChaynsApiIdSelector)(chaynsApiId => chaynsApiId);
+};
+exports.useChaynsApiId = useChaynsApiId;

package/dist/cjs/index.js

@@ -15,7 +15,8 @@ var _exportNames = {
   loadComponent: true,
   loadModule: true,
   DialogHandler: true,
-  dialog: true
+  dialog: true,
+  getChaynsApi: true
 };
 Object.defineProperty(exports, "ChaynsHost", {
   enumerable: true,
@@ -42,6 +43,12 @@ Object.defineProperty(exports, "StaticChaynsApi", {
   }
 });
 exports.dialog = void 0;
+Object.defineProperty(exports, "getChaynsApi", {
+  enumerable: true,
+  get: function () {
+    return _moduleWrapper.getChaynsApi;
+  }
+});
 Object.defineProperty(exports, "getClientDeviceInfo", {
   enumerable: true,
   get: function () {
@@ -227,5 +234,6 @@ Object.keys(_collectCssChunks).forEach(function (key) {
     }
   });
 });
+var _moduleWrapper = require("./components/moduleWrapper");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

package/dist/cjs/wrapper/AppWrapper.js

@@ -616,6 +616,9 @@ class AppWrapper {
       });
     },
     createDialog: config => {
+      if (config.type === _IChaynsReact.DialogType.INPUT && typeof config.formatter === 'function') {
+        config.formatter = config.formatter.toString();
+      }
       return new _DialogHandler.default(config, this.functions.openDialog, this.functions.closeDialog, this.functions.dispatchEventToDialogClient, this.functions.addDialogClientEventListener);
     },
     openDialog: async (config, callback) => {

package/dist/cjs/wrapper/FrameWrapper.js

@@ -5,10 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.FrameWrapper = void 0;
 var comlink = _interopRequireWildcard(require("comlink"));
-var _DialogHandler = _interopRequireDefault(require("../handler/DialogHandler"));
-var _visibilityChangeListener = require("../calls/visibilityChangeListener");
 var _getUserInfo = _interopRequireDefault(require("../calls/getUserInfo"));
 var _sendMessage = require("../calls/sendMessage");
+var _visibilityChangeListener = require("../calls/visibilityChangeListener");
+var _DialogHandler = _interopRequireDefault(require("../handler/DialogHandler"));
+var _IChaynsReact = require("../types/IChaynsReact");
 var _heightHelper = require("../util/heightHelper");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
@@ -22,6 +23,7 @@ class FrameWrapper {
     this.resolve = res;
   });
   values = null;
+  chaynsApiId = null;
   listeners = [];
   functions = {
     addGeoLocationListener: async (value, callback) => {
@@ -247,6 +249,9 @@ class FrameWrapper {
       return this.exposedFunctions.scrollByY(value, duration);
     },
     createDialog: config => {
+      if (config.type === _IChaynsReact.DialogType.INPUT && typeof config.formatter === 'function') {
+        config.formatter = comlink.proxy(config.formatter);
+      }
       return new _DialogHandler.default(config, this.functions.openDialog, this.exposedFunctions.closeDialog, this.functions.dispatchEventToDialogClient, this.functions.addDialogClientEventListener);
     },
     closeDialog: async dialogId => {

package/dist/cjs/wrapper/ModuleFederationWrapper.js

@@ -12,6 +12,7 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
 class ModuleFederationWrapper {
   customFunctions = {};
   listeners = [];
+  chaynsApiId = null;
   constructor(values, functions, customFunctions) {
     this.values = values;
     this.functions = {};

package/dist/cjs/wrapper/SsrWrapper.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.SsrWrapper = void 0;
 class SsrWrapper {
   listeners = [];
+  chaynsApiId = null;
   constructor(values, functions, customFunctions) {
     this.initialData = values;
     this.values = values;

package/dist/esm/components/ChaynsProvider.js

@@ -8,7 +8,7 @@ import { FrameWrapper } from '../wrapper/FrameWrapper';
 import { ModuleFederationWrapper } from '../wrapper/ModuleFederationWrapper';
 import { SsrWrapper } from '../wrapper/SsrWrapper';
 import { ChaynsContext } from './ChaynsContext';
-import { addModuleWrapper, moduleWrapper, removeModuleWrapper } from './moduleWrapper';
+import { addModuleWrapper, chaynsApis, moduleWrapper, removeModuleWrapper } from './moduleWrapper';
 const isServer = typeof window === 'undefined';
 const InitialDataProvider = React.memo(({
   data,
@@ -31,10 +31,12 @@ const ChaynsProvider = ({
   functions,
   customFunctions,
   renderedByServer,
-  isModule
+  isModule,
+  chaynsApiId
 }) => {
-  var _customWrapper$curren, _customWrapper$curren2;
+  var _ref, _crypto, _customWrapper$curren, _customWrapper$curren2;
   const customWrapper = useRef(null);
+  const idRef = useRef((_ref = chaynsApiId !== null && chaynsApiId !== void 0 ? chaynsApiId : (_crypto = crypto) === null || _crypto === void 0 ? void 0 : _crypto.randomUUID()) !== null && _ref !== void 0 ? _ref : Math.random().toString());
   if (!customWrapper.current) {
     if (isModule) {
       if (data && functions) {
@@ -58,6 +60,8 @@ const ChaynsProvider = ({
       }
     }
     moduleWrapper.current = customWrapper.current;
+    chaynsApis[idRef.current] = customWrapper.current.functions;
+    customWrapper.current.chaynsApiId = idRef.current;
   }
   const [isInitialized, setIsInitialized] = useState(!!((_customWrapper$curren = customWrapper.current) !== null && _customWrapper$curren !== void 0 && _customWrapper$curren.values));
   useEffect(() => {

package/dist/esm/components/moduleWrapper.js

@@ -11,6 +11,10 @@ export const moduleWrapper = {
     current = chayns;
   }
 };
+export const chaynsApis = {};
+export const getChaynsApi = id => {
+  return chaynsApis[id];
+};
 export const addModuleWrapper = chayns => {
   moduleWrapperStack.push(chayns);
 };

package/dist/esm/hooks/context.js

@@ -11,4 +11,5 @@ const createChaynsSelector = key => selector => {
 };
 export const useValuesSelector = createChaynsSelector('values');
 export const useFunctionsSelector = createChaynsSelector('functions');
-export const useCustomFunctionsSelector = createChaynsSelector('customFunctions');
+export const useCustomFunctionsSelector = createChaynsSelector('customFunctions');
+export const useChaynsApiIdSelector = createChaynsSelector('chaynsApiId');

package/dist/esm/hooks/index.js

@@ -17,4 +17,5 @@ export { useCustomData } from './useCustomData';
 export { useDialogState, useDialogData } from './useDialogState';
 export { useCustomCallbackFunction } from './useCustomCallbackFunction';
 export { useCustomFunction } from './useCustomFunction';
-export { useStyleSettings } from './useStyleSettings';
+export { useStyleSettings } from './useStyleSettings';
+export { useChaynsApiId } from './useChaynsApiId';

package/dist/esm/hooks/useChaynsApiId.js

@@ -0,0 +1,4 @@
+import { useChaynsApiIdSelector } from './context';
+export const useChaynsApiId = () => {
+  return useChaynsApiIdSelector(chaynsApiId => chaynsApiId);
+};

package/dist/esm/index.js

@@ -19,4 +19,5 @@ export * from './plugins';
 export * from './util/initModuleFederationSharing';
 export * from './util/bindChaynsApi';
 export * from './util/appStorage';
-export * from './util/collectCssChunks';
+export * from './util/collectCssChunks';
+export { getChaynsApi } from './components/moduleWrapper';

package/dist/esm/wrapper/AppWrapper.js

@@ -578,6 +578,9 @@ export class AppWrapper {
         });
       },
       createDialog: config => {
+        if (config.type === DialogType.INPUT && typeof config.formatter === 'function') {
+          config.formatter = config.formatter.toString();
+        }
         return new DialogHandler(config, this.functions.openDialog, this.functions.closeDialog, this.functions.dispatchEventToDialogClient, this.functions.addDialogClientEventListener);
       },
       openDialog: async (config, callback) => {

package/dist/esm/wrapper/FrameWrapper.js

@@ -2,10 +2,11 @@ function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import * as comlink from 'comlink';
-import DialogHandler from '../handler/DialogHandler';
-import { addVisibilityChangeListener, removeVisibilityChangeListener } from '../calls/visibilityChangeListener';
 import getUserInfo from '../calls/getUserInfo';
 import { sendMessageToGroup, sendMessageToPage, sendMessageToUser } from '../calls/sendMessage';
+import { addVisibilityChangeListener, removeVisibilityChangeListener } from '../calls/visibilityChangeListener';
+import DialogHandler from '../handler/DialogHandler';
+import { DialogType } from '../types/IChaynsReact';
 import { setTappHeight } from '../util/heightHelper';
 export class FrameWrapper {
   constructor() {
@@ -18,6 +19,7 @@ export class FrameWrapper {
       this.resolve = res;
     }));
     _defineProperty(this, "values", null);
+    _defineProperty(this, "chaynsApiId", null);
     _defineProperty(this, "listeners", []);
     _defineProperty(this, "functions", {
       addGeoLocationListener: async (value, callback) => {
@@ -243,6 +245,9 @@ export class FrameWrapper {
         return this.exposedFunctions.scrollByY(value, duration);
       },
       createDialog: config => {
+        if (config.type === DialogType.INPUT && typeof config.formatter === 'function') {
+          config.formatter = comlink.proxy(config.formatter);
+        }
         return new DialogHandler(config, this.functions.openDialog, this.exposedFunctions.closeDialog, this.functions.dispatchEventToDialogClient, this.functions.addDialogClientEventListener);
       },
       closeDialog: async dialogId => {

package/dist/esm/wrapper/ModuleFederationWrapper.js

@@ -9,6 +9,7 @@ export class ModuleFederationWrapper {
   constructor(values, functions, customFunctions) {
     _defineProperty(this, "customFunctions", {});
     _defineProperty(this, "listeners", []);
+    _defineProperty(this, "chaynsApiId", null);
     _defineProperty(this, "subscribe", listener => {
       this.listeners.push(listener);
       return () => {

package/dist/esm/wrapper/SsrWrapper.js

@@ -4,6 +4,7 @@ function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e =
 export class SsrWrapper {
   constructor(values, functions, customFunctions) {
     _defineProperty(this, "listeners", []);
+    _defineProperty(this, "chaynsApiId", null);
     _defineProperty(this, "subscribe", listener => {
       this.listeners.push(listener);
       return () => {

package/dist/types/components/ChaynsProvider.d.ts

@@ -7,6 +7,7 @@ export type ChaynsProviderProps = {
     renderedByServer?: boolean;
     isModule?: boolean;
     children?: ReactNode;
+    chaynsApiId?: string;
 };
 declare const ChaynsProvider: React.FC<ChaynsProviderProps>;
 export default ChaynsProvider;

package/dist/types/components/moduleWrapper.d.ts

@@ -1,6 +1,8 @@
-import { IChaynsReact } from '../types/IChaynsReact';
+import { ChaynsReactFunctions, IChaynsReact } from '../types/IChaynsReact';
 export declare const moduleWrapper: {
     current: IChaynsReact;
 };
+export declare const chaynsApis: Record<string, ChaynsReactFunctions>;
+export declare const getChaynsApi: (id: string) => ChaynsReactFunctions;
 export declare const addModuleWrapper: (chayns: IChaynsReact) => void;
 export declare const removeModuleWrapper: (chayns: IChaynsReact) => void;

package/dist/types/hooks/context.d.ts

@@ -1,3 +1,4 @@
 export declare const useValuesSelector: <Result>(selector: (value: import("../types/IChaynsReact").ChaynsReactValues) => Result) => Result;
 export declare const useFunctionsSelector: <Result>(selector: (value: import("../types/IChaynsReact").ChaynsReactFunctions) => Result) => Result;
 export declare const useCustomFunctionsSelector: <Result>(selector: (value: import("../types/IChaynsReact").ChaynsReactCustomFunctions) => Result) => Result;
+export declare const useChaynsApiIdSelector: <Result>(selector: (value: string) => Result) => Result;

package/dist/types/hooks/index.d.ts

@@ -18,3 +18,4 @@ export { useDialogState, useDialogData } from './useDialogState';
 export { useCustomCallbackFunction } from './useCustomCallbackFunction';
 export { useCustomFunction } from './useCustomFunction';
 export { useStyleSettings } from './useStyleSettings';
+export { useChaynsApiId } from './useChaynsApiId';

package/dist/types/hooks/useChaynsApiId.d.ts

@@ -0,0 +1,4 @@
+/**
+ * @category Hooks
+ */
+export declare const useChaynsApiId: () => string;

package/dist/types/index.d.ts

@@ -19,3 +19,4 @@ export * from './util/initModuleFederationSharing';
 export * from './util/bindChaynsApi';
 export * from './util/appStorage';
 export * from './util/collectCssChunks';
+export { getChaynsApi } from './components/moduleWrapper';

package/dist/types/types/IChaynsReact.d.ts

@@ -336,6 +336,7 @@ export interface ChaynsReactValues {
         isClosingRequested: boolean;
     };
     styleSettings?: ChaynsStyleSettings;
+    chaynsApiId: string;
 }
 export interface DialogResultFile {
     blockDownload?: boolean;
@@ -666,6 +667,7 @@ export interface IChaynsReact {
     getInitialData: () => ChaynsReactValues;
     subscribe: (listener: () => void) => () => void;
     emitChange: () => void;
+    chaynsApiId: string;
 }
 export interface OpenUrl {
     sameWindow?: boolean;

package/dist/types/wrapper/AppWrapper.d.ts

@@ -8,6 +8,7 @@ export declare class AppWrapper implements IChaynsReact {
     loadStyleSettings(siteId: string): Promise<ChaynsStyleSettings | undefined>;
     mapOldApiToNew(retVal: any): ChaynsReactValues;
     constructor();
+    chaynsApiId: string;
     notImplemented(call: string): void;
     counter: number;
     appCall(action: any, value?: unknown, { callback, awaitResult }?: {

package/dist/types/wrapper/FrameWrapper.d.ts

@@ -7,6 +7,7 @@ export declare class FrameWrapper implements IChaynsReact {
     private resizeListener;
     ready: Promise<unknown>;
     values: ChaynsReactValues;
+    chaynsApiId: string;
     listeners: (() => void)[];
     functions: ChaynsReactFunctions;
     customFunctions: {};

package/dist/types/wrapper/ModuleFederationWrapper.d.ts

@@ -4,6 +4,7 @@ export declare class ModuleFederationWrapper implements IChaynsReact {
     functions: ChaynsReactFunctions;
     customFunctions: IChaynsReact["customFunctions"];
     listeners: (() => void)[];
+    chaynsApiId: string;
     constructor(values: ChaynsReactValues, functions: ChaynsReactFunctions, customFunctions?: IChaynsReact["customFunctions"]);
     init(): Promise<undefined>;
     addDataListener(cb: DataChangeCallback): () => void;

package/dist/types/wrapper/SsrWrapper.d.ts

@@ -5,6 +5,7 @@ export declare class SsrWrapper implements IChaynsReact {
     functions: ChaynsReactFunctions;
     customFunctions: IChaynsReact["customFunctions"];
     listeners: (() => void)[];
+    chaynsApiId: string;
     constructor(values: ChaynsReactValues, functions: ChaynsReactFunctions, customFunctions?: IChaynsReact["customFunctions"]);
     init(): Promise<undefined>;
     addDataListener(cb: DataChangeCallback): CleanupCallback;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "chayns-api",
-    "version": "2.6.8",
+    "version": "2.6.10",
     "description": "new chayns api",
     "main": "dist/cjs/index.js",
     "module": "dist/esm/index.js",
@@ -44,7 +44,8 @@
     "prettier": {
         "proseWrap": "always",
         "singleQuote": true,
-        "tabWidth": 4
+        "tabWidth": 4,
+        "printWidth": 2000
     },
     "eslintConfig": {
         "extends": "@chayns-toolkit"