chayns-api 2.6.10 → 2.6.12

package/dist/cjs/host/iframe/HostIframe.js

@@ -9,6 +9,7 @@ var comlink = _interopRequireWildcard(require("comlink"));
 var _postIframeForm = _interopRequireDefault(require("../../util/postIframeForm"));
 var _useUpdateData = _interopRequireDefault(require("./utils/useUpdateData"));
 var _url = require("../../util/url");
+var _transferNestedFunctions = require("../../util/transferNestedFunctions");
 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); }
 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); }
@@ -77,6 +78,7 @@ const HostIframe = ({
   (0, _react.useEffect)(() => {
     var _ref$current;
     if ((_ref$current = ref.current) !== null && _ref$current !== void 0 && _ref$current.contentWindow) {
+      (0, _transferNestedFunctions.initTransferNestedFunctions)();
       const obj = {
         [iFrameProps.name]: {
           functions: {

package/dist/cjs/index.js

@@ -91,7 +91,6 @@ Object.defineProperty(exports, "withHydrationBoundary", {
     return _withHydrationBoundary.default;
   }
 });
-require("./util/transferNestedFunctions");
 var _ChaynsProvider = _interopRequireDefault(require("./components/ChaynsProvider"));
 var _deviceHelper = _interopRequireWildcard(require("./util/deviceHelper"));
 var _ChaynsHost = _interopRequireDefault(require("./host/ChaynsHost"));

package/dist/cjs/umd.index.js

@@ -42,7 +42,6 @@ Object.defineProperty(exports, "getScreenSize", {
     return _deviceHelper.getScreenSize;
   }
 });
-require("./util/transferNestedFunctions");
 var _deviceHelper = _interopRequireWildcard(require("./util/deviceHelper"));
 var _calls = require("./calls");
 Object.keys(_calls).forEach(function (key) {

package/dist/cjs/util/transferNestedFunctions.js

@@ -1,35 +1,49 @@
 "use strict";
 
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.initTransferNestedFunctions = void 0;
 var Comlink = _interopRequireWildcard(require("comlink"));
 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); }
-Comlink.transferHandlers.set("FUNCTION", {
-  canHandle: obj => {
-    return obj && typeof obj === "object" && Object.values(obj).some(x => typeof x === 'function');
-  },
-  serialize(obj) {
-    obj._functionKeys = [];
-    const ports = [];
-    Object.entries(obj).forEach(([k, v]) => {
-      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 => {
-      if (obj[x] instanceof MessagePort) {
-        obj[x].start();
-        obj[x] = Comlink.wrap(obj[x]);
-      }
-    });
-    return obj;
+const TRANSFER_HANDLER_NAME = 'FUNCTION';
+let isInitialized = false;
+const initTransferNestedFunctions = () => {
+  if (isInitialized || Comlink.transferHandlers.has(TRANSFER_HANDLER_NAME)) {
+    isInitialized = true;
+    return;
   }
-});
+  Comlink.transferHandlers.set(TRANSFER_HANDLER_NAME, {
+    canHandle: obj => {
+      return obj && typeof obj === 'object' && Object.values(obj).some(x => typeof x === 'function');
+    },
+    serialize(obj) {
+      obj._functionKeys = [];
+      const ports = [];
+      Object.entries(obj).forEach(([k, v]) => {
+        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 => {
+        if (obj[x] instanceof MessagePort) {
+          obj[x].start();
+          obj[x] = Comlink.wrap(obj[x]);
+        }
+      });
+      return obj;
+    }
+  });
+  isInitialized = true;
+};
+exports.initTransferNestedFunctions = initTransferNestedFunctions;

package/dist/cjs/wrapper/AppWrapper.js

@@ -617,7 +617,8 @@ class AppWrapper {
     },
     createDialog: config => {
       if (config.type === _IChaynsReact.DialogType.INPUT && typeof config.formatter === 'function') {
-        config.formatter = config.formatter.toString();
+        console.warn('[chayns-api] passing a function as formatter is not supported in the app environment, the formatter will be ignored');
+        delete config.formatter;
       }
       return new _DialogHandler.default(config, this.functions.openDialog, this.functions.closeDialog, this.functions.dispatchEventToDialogClient, this.functions.addDialogClientEventListener);
     },

package/dist/cjs/wrapper/FrameWrapper.js

@@ -9,8 +9,8 @@ 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");
+var _transferNestedFunctions = require("../util/transferNestedFunctions");
 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); }
 class FrameWrapper {
@@ -249,9 +249,6 @@ 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 => {
@@ -320,6 +317,7 @@ class FrameWrapper {
   });
   initialized = false;
   constructor() {
+    (0, _transferNestedFunctions.initTransferNestedFunctions)();
     const initialDataTag = document.querySelector('#__CHAYNS_DATA__');
     if (initialDataTag) {
       this.values = JSON.parse(initialDataTag.innerHTML);

package/dist/esm/host/iframe/HostIframe.js

@@ -4,6 +4,7 @@ import * as comlink from 'comlink';
 import postIframeForm from '../../util/postIframeForm';
 import useUpdateData from './utils/useUpdateData';
 import { replaceStagingUrl } from "../../util/url";
+import { initTransferNestedFunctions } from '../../util/transferNestedFunctions';
 const HostIframe = ({
   iFrameProps,
   src,
@@ -69,6 +70,7 @@ const HostIframe = ({
   useEffect(() => {
     var _ref$current;
     if ((_ref$current = ref.current) !== null && _ref$current !== void 0 && _ref$current.contentWindow) {
+      initTransferNestedFunctions();
       const obj = {
         [iFrameProps.name]: {
           functions: {

package/dist/esm/index.js

@@ -1,4 +1,3 @@
-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/umd.index.js

@@ -1,4 +1,3 @@
-import './util/transferNestedFunctions';
 export { default as getDeviceInfo, getScreenSize, getClientDeviceInfo } from './util/deviceHelper';
 export * from './calls';
 export * from './types/IChaynsReact';

package/dist/esm/util/transferNestedFunctions.js

@@ -1,32 +1,41 @@
 import * as Comlink from 'comlink';
-Comlink.transferHandlers.set("FUNCTION", {
-  canHandle: obj => {
-    return obj && typeof obj === "object" && Object.values(obj).some(x => typeof x === 'function');
-  },
-  serialize(obj) {
-    obj._functionKeys = [];
-    const ports = [];
-    Object.entries(obj).forEach(([k, v]) => {
-      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 => {
-      if (obj[x] instanceof MessagePort) {
-        obj[x].start();
-        obj[x] = Comlink.wrap(obj[x]);
-      }
-    });
-    return obj;
+const TRANSFER_HANDLER_NAME = 'FUNCTION';
+let isInitialized = false;
+export const initTransferNestedFunctions = () => {
+  if (isInitialized || Comlink.transferHandlers.has(TRANSFER_HANDLER_NAME)) {
+    isInitialized = true;
+    return;
   }
-});
+  Comlink.transferHandlers.set(TRANSFER_HANDLER_NAME, {
+    canHandle: obj => {
+      return obj && typeof obj === 'object' && Object.values(obj).some(x => typeof x === 'function');
+    },
+    serialize(obj) {
+      obj._functionKeys = [];
+      const ports = [];
+      Object.entries(obj).forEach(([k, v]) => {
+        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 => {
+        if (obj[x] instanceof MessagePort) {
+          obj[x].start();
+          obj[x] = Comlink.wrap(obj[x]);
+        }
+      });
+      return obj;
+    }
+  });
+  isInitialized = true;
+};

package/dist/esm/wrapper/AppWrapper.js

@@ -579,7 +579,8 @@ export class AppWrapper {
       },
       createDialog: config => {
         if (config.type === DialogType.INPUT && typeof config.formatter === 'function') {
-          config.formatter = config.formatter.toString();
+          console.warn('[chayns-api] passing a function as formatter is not supported in the app environment, the formatter will be ignored');
+          delete config.formatter;
         }
         return new DialogHandler(config, this.functions.openDialog, this.functions.closeDialog, this.functions.dispatchEventToDialogClient, this.functions.addDialogClientEventListener);
       },

package/dist/esm/wrapper/FrameWrapper.js

@@ -6,8 +6,8 @@ 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';
+import { initTransferNestedFunctions } from '../util/transferNestedFunctions';
 export class FrameWrapper {
   constructor() {
     _defineProperty(this, "resolve", null);
@@ -245,9 +245,6 @@ 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 => {
@@ -324,6 +321,7 @@ export class FrameWrapper {
     _defineProperty(this, "emitChange", () => {
       this.listeners.forEach(l => l());
     });
+    initTransferNestedFunctions();
     const initialDataTag = document.querySelector('#__CHAYNS_DATA__');
     if (initialDataTag) {
       this.values = JSON.parse(initialDataTag.innerHTML);

package/dist/types/index.d.ts

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

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

@@ -128,6 +128,11 @@ export interface DialogInput {
     placeholder?: string;
     inputType?: DialogInputType;
     defaultValue?: string;
+    /**
+     * Formats the input value shown in the dialog.
+     * Not supported in app environments due to security reasons.
+     * @param input
+     */
     formatter?: (input: string) => string;
     regex?: string;
 }

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

@@ -1,4 +1,3 @@
-import './util/transferNestedFunctions';
 export { default as getDeviceInfo, getScreenSize, getClientDeviceInfo } from './util/deviceHelper';
 export * from './calls';
 export * from './types/IChaynsReact';

package/dist/types/util/transferNestedFunctions.d.ts

@@ -1 +1 @@
-export {};
+export declare const initTransferNestedFunctions: () => void;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "chayns-api",
-    "version": "2.6.10",
+    "version": "2.6.12",
     "description": "new chayns api",
     "main": "dist/cjs/index.js",
     "module": "dist/esm/index.js",
@@ -16,9 +16,7 @@
             "default": "./dist/esm/index.js"
         }
     },
-    "sideEffects": [
-        "**/utils/transferNestedFunctions.*"
-    ],
+    "sideEffects": false,
     "keywords": [
         "chayns",
         "chayns-toolkit",