chayns-api 1.0.7 → 1.0.9

package/dist/cjs/host/ChaynsHost.js

@@ -27,7 +27,8 @@ const ChaynsHost = ({
   device,
   parameters,
   customData,
-  environment
+  environment,
+  preventStagingReplacement
 }) => {
   switch (type) {
     case 'client-iframe':
@@ -45,7 +46,8 @@ const ChaynsHost = ({
         language: language,
         parameters: parameters,
         environment: environment,
-        customData: customData
+        customData: customData,
+        preventStagingReplacement: preventStagingReplacement
       });
     case 'client-module':
       return /*#__PURE__*/_react.default.createElement(_ModuleHost.default, {
@@ -61,7 +63,8 @@ const ChaynsHost = ({
         language: language,
         parameters: parameters,
         customData: customData,
-        environment: environment
+        environment: environment,
+        preventStagingReplacement: preventStagingReplacement
       });
     case 'server-iframe':
       return /*#__PURE__*/_react.default.createElement(_HostIframe.default, {
@@ -79,7 +82,8 @@ const ChaynsHost = ({
         language: language,
         parameters: parameters,
         environment: environment,
-        customData: customData
+        customData: customData,
+        preventStagingReplacement: preventStagingReplacement
       });
     case 'server-module':
       return /*#__PURE__*/_react.default.createElement(_ModuleHost.default, {
@@ -94,7 +98,8 @@ const ChaynsHost = ({
         language: language,
         parameters: parameters,
         customData: customData,
-        environment: environment
+        environment: environment,
+        preventStagingReplacement: preventStagingReplacement
       }, children);
     default:
       return null;

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

@@ -8,6 +8,7 @@ var _react = _interopRequireWildcard(require("react"));
 var comlink = _interopRequireWildcard(require("comlink"));
 var _postIframeForm = _interopRequireDefault(require("../../util/postIframeForm"));
 var _useUpdateData = _interopRequireDefault(require("./utils/useUpdateData"));
+var _url = require("../../util/url");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -28,7 +29,8 @@ const HostIframe = ({
   language,
   parameters,
   environment,
-  customData
+  customData,
+  preventStagingReplacement
 }) => {
   const eventTarget = (0, _react.useRef)();
   const ref = (0, _react.useRef)();
@@ -66,7 +68,7 @@ const HostIframe = ({
       if (postForm) {
         var _await$functions$getA;
         const accessToken = (_await$functions$getA = await functions.getAccessToken()) !== null && _await$functions$getA !== void 0 ? _await$functions$getA : {};
-        void (0, _postIframeForm.default)(src, JSON.stringify({
+        void (0, _postIframeForm.default)((0, _url.replaceStagingUrl)(preventStagingReplacement, src, environment.runtimeEnvironment), JSON.stringify({
           ...initialData,
           pages: undefined,
           ...accessToken
@@ -126,7 +128,7 @@ const HostIframe = ({
     },
     title: " "
   }, iFrameProps, {
-    src: postForm ? undefined : src
+    src: postForm ? undefined : (0, _url.replaceStagingUrl)(preventStagingReplacement, src, environment.runtimeEnvironment)
   }));
 };
 var _default = HostIframe;

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

@@ -7,6 +7,7 @@ exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _useDynamicScript = _interopRequireDefault(require("./utils/useDynamicScript"));
 var _loadComponent = _interopRequireDefault(require("./utils/loadComponent"));
+var _url = require("../../util/url");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -49,7 +50,8 @@ const ModuleHost = ({
   language,
   parameters,
   customData,
-  environment
+  environment,
+  preventStagingReplacement
 }) => {
   // region initialData
   const initialData = {
@@ -71,7 +73,11 @@ const ModuleHost = ({
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
     className: "module-css"
   }), /*#__PURE__*/_react.default.createElement(System, {
-    system: system,
+    system: {
+      scope: system.scope,
+      url: (0, _url.replaceStagingUrl)(preventStagingReplacement, system.url, environment.runtimeEnvironment),
+      module: system.module
+    },
     data: initialData,
     functions: functions,
     fallback: children,

package/dist/cjs/util/url.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.replaceStagingUrl = void 0;
+var _IChaynsReact = require("../types/IChaynsReact");
+const replaceStagingUrl = (prevent, url, environment) => {
+  if (prevent) return url;
+  let replacedUrl = url;
+  if (environment === _IChaynsReact.Environment.Qa || environment === _IChaynsReact.Environment.Development) {
+    replacedUrl = replacedUrl.replace('tapp.chayns-static.space', 'tapp-dev.chayns-static.space');
+  }
+  if (environment === _IChaynsReact.Environment.Staging) {
+    replacedUrl = replacedUrl.replace('tapp.chayns-static.space', 'tapp-staging.chayns-static.space');
+  }
+  return replacedUrl;
+};
+exports.replaceStagingUrl = replaceStagingUrl;

package/dist/cjs/wrapper/AppWrapper.js

@@ -4,10 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.AppWrapper = void 0;
+var _lodash = _interopRequireDefault(require("lodash.throttle"));
 var _IChaynsReact = require("../types/IChaynsReact");
 var _appCall = _interopRequireDefault(require("../util/appCall"));
 var _deviceHelper = _interopRequireWildcard(require("../util/deviceHelper"));
-var _visibilityChangeListener = require("../calls/visibilityChangeListener");
 var _getUserInfo = _interopRequireDefault(require("../calls/getUserInfo"));
 var _sendMessage = require("../calls/sendMessage");
 var _apiListenerHelper = require("../helper/apiListenerHelper");
@@ -19,7 +19,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 class AppWrapper {
   values = null;
-  accessToken = "";
+  accessToken = '';
   mapOldApiToNew(retVal) {
     var _window, _window2, _AppInfo$TappSelected;
     const {
@@ -122,7 +122,7 @@ class AppWrapper {
         }
         resolve((_v$retVal2 = v === null || v === void 0 ? void 0 : v.retVal) !== null && _v$retVal2 !== void 0 ? _v$retVal2 : v);
       };
-      value.callback = "window." + callbackName;
+      value.callback = 'window.' + callbackName;
       (0, _appCall.default)({
         action,
         value
@@ -133,50 +133,83 @@ class AppWrapper {
     getAccessToken: async () => ({
       accessToken: this.accessToken
     }),
-    // addGeoLocationListener: async (value , callback) => {
-    //     return invokeAppCall({
-    //         'action': 14,
-    //         'value': {
-    //             'permanent': false,
-    //             callback: callback
-    //         }
-    //     });
-    // },
-    // addScrollListener: async (value, callback) => {
-    //
-    // },
+    addGeoLocationListener: async (value, callback) => {
+      const {
+        id,
+        shouldInitialize
+      } = (0, _apiListenerHelper.addApiListener)('geoLocationListener', callback);
+      if (shouldInitialize) {
+        this.appCall(14, {
+          permanent: true
+        }, {
+          callback: v => {
+            var _v$accuracy, _v$code;
+            (0, _apiListenerHelper.dispatchApiEvent)('geoLocationListener', {
+              latitude: v.latitude,
+              longitude: v.longitude,
+              accuracy: (_v$accuracy = v.accuracy) !== null && _v$accuracy !== void 0 ? _v$accuracy : null,
+              speed: v.speed,
+              code: (_v$code = v.code) !== null && _v$code !== void 0 ? _v$code : null
+            });
+          }
+        });
+      }
+      return id;
+    },
+    addScrollListener: async (value, callback) => {
+      let throttledCallback = callback;
+      if (value.throttle) {
+        throttledCallback = (0, _lodash.default)(callback, value.throttle);
+      }
+      const {
+        id,
+        shouldInitialize
+      } = (0, _apiListenerHelper.addApiListener)('scrollListener', throttledCallback);
+      if (shouldInitialize) {
+        window.addEventListener('scroll', this.scrollListener = () => {
+          void (async () => {
+            (0, _apiListenerHelper.dispatchApiEvent)('scrollListener', {
+              scrollX: window.scrollX,
+              scrollY: window.scrollY
+            });
+          })();
+        });
+      }
+      return id;
+    },
     addVisibilityChangeListener: async callback => {
+      const {
+        id,
+        shouldInitialize
+      } = (0, _apiListenerHelper.addApiListener)('visibilityChangeListener', callback);
+      if (shouldInitialize) {
+        this.appCall(60, {}, {
+          callback: v => {
+            (0, _apiListenerHelper.dispatchApiEvent)('visibilityChangeListener', {
+              isVisible: v.tappEvent === _IChaynsReact.TappEvent.OnShow,
+              tappEvent: v.tappEvent
+            });
+          }
+        });
+      }
+      return id;
+    },
+    addWindowMetricsListener: async callback => {
       const {
         id,
         shouldInitialize
       } = (0, _apiListenerHelper.addApiListener)('windowMetricsListener', callback);
-      this.appCall(60, {}, {
-        callback: v => {
-          console.log("v", v);
-          (0, _apiListenerHelper.dispatchApiEvent)("windowMetricsListener", {
-            isVisible: v.tappEvent === _IChaynsReact.TappEvent.OnShow,
-            tappEvent: v.tappEvent
-          });
-        }
-      });
+      if (shouldInitialize) {
+        window.addEventListener('resize', this.resizeListener = () => {
+          void (async () => {
+            (0, _apiListenerHelper.dispatchApiEvent)('windowMetricsListener', await this.functions.getWindowMetrics());
+          })();
+        });
+      }
       return id;
     },
-    // addWindowMetricsListener: async (callback) => {
-    //     const { id, shouldInitialize } = addApiListener('windowMetricsListener', callback);
-    //
-    //     if (shouldInitialize) {
-    //         window.addEventListener('resize', this.resizeListener = () => {
-    //             void (async() => {
-    //                 dispatchApiEvent('windowMetricsListener', {
-    //
-    //                 });
-    //             })();
-    //         })
-    //     }
-    //     return id;
-    // },
     customCallbackFunction: async () => {
-      this.notImplemented("customCallbackFunction");
+      this.notImplemented('customCallbackFunction');
     },
     getAvailableSharingServices: async () => {
       const res = await this.appCall(79);
@@ -264,9 +297,9 @@ class AppWrapper {
         awaitResult: false
       });
     },
-    // openUrl: async (value) => {
-    //
-    // },
+    openUrl: async value => {
+      window.open(value.url);
+    },
     openVideo: async value => {
       this.appCall(15, {
         url: value.url
@@ -280,19 +313,41 @@ class AppWrapper {
       });
     },
     refreshData: async value => {
-      this.notImplemented("refreshData");
-    },
-    // removeGeoLocationListener: async (id) => {
-    // },
-    // removeScrollListener: async (id) => {
-    // },
-    removeVisibilityChangeListener(number) {
-      (0, _visibilityChangeListener.removeVisibilityChangeListener)(number);
-      return Promise.resolve();
-    },
-    // removeWindowMetricsListener: async (id) => {
-    //
-    // },
+      this.notImplemented('refreshData');
+    },
+    removeGeoLocationListener: async id => {
+      const {
+        shouldRemove
+      } = (0, _apiListenerHelper.removeApiListener)('geoLocationListener', id);
+      if (shouldRemove) {
+        // App does not support removal of request geo location call with permanent true which makes this a no-op
+      }
+    },
+    removeScrollListener: async id => {
+      const {
+        shouldRemove
+      } = (0, _apiListenerHelper.removeApiListener)('scrollListener', id);
+      if (shouldRemove && this.scrollListener) {
+        window.removeEventListener('scroll', this.scrollListener);
+        this.scrollListener = null;
+      }
+    },
+    removeVisibilityChangeListener: async id => {
+      const {
+        shouldRemove
+      } = (0, _apiListenerHelper.removeApiListener)('visibilityChangeListener', id);
+      if (shouldRemove) {
+        // App does not support removal of onActivate callback which makes this a no-op
+      }
+    },
+    removeWindowMetricsListener: async id => {
+      const shouldRemove = (0, _apiListenerHelper.removeApiListener)('windowMetricsListener', id);
+      if (shouldRemove) {
+        void this.exposedFunctions.removeWindowMetricsListener(id);
+        if (this.resizeListener) window.removeEventListener('resize', this.resizeListener);
+        this.resizeListener = null;
+      }
+    },
     selectPage: async options => {
       void this.appCall(2, {
         id: options.id,
@@ -323,7 +378,7 @@ class AppWrapper {
       return (0, _sendMessage.sendMessageToUser)(this, message, userId);
     },
     setAdminMode: async () => {
-      this.notImplemented("setAdminMode");
+      this.notImplemented('setAdminMode');
     },
     setDisplayTimeout: async enabled => {
       this.appCall(94, {
@@ -348,10 +403,10 @@ class AppWrapper {
       }, callback));
     },
     setHeight: async () => {
-      this.notImplemented("setOverlay");
+      this.notImplemented('setOverlay');
     },
     setOverlay: async () => {
-      this.notImplemented("setOverlay");
+      this.notImplemented('setOverlay');
     },
     setRefreshScrollEnabled: async isEnabled => {
       this.appCall(0, {
@@ -367,7 +422,7 @@ class AppWrapper {
       return await this.appCall(34, value);
     },
     setTempDesignSettings: async () => {
-      this.notImplemented("setTempDesignSettings");
+      this.notImplemented('setTempDesignSettings');
     },
     setWaitCursor: async value => {
       void this.appCall(1, {

package/dist/esm/host/ChaynsHost.js

@@ -21,7 +21,8 @@ const ChaynsHost = _ref => {
     device,
     parameters,
     customData,
-    environment
+    environment,
+    preventStagingReplacement
   } = _ref;
   switch (type) {
     case 'client-iframe':
@@ -39,7 +40,8 @@ const ChaynsHost = _ref => {
         language: language,
         parameters: parameters,
         environment: environment,
-        customData: customData
+        customData: customData,
+        preventStagingReplacement: preventStagingReplacement
       });
     case 'client-module':
       return /*#__PURE__*/React.createElement(ModuleHost, {
@@ -55,7 +57,8 @@ const ChaynsHost = _ref => {
         language: language,
         parameters: parameters,
         customData: customData,
-        environment: environment
+        environment: environment,
+        preventStagingReplacement: preventStagingReplacement
       });
     case 'server-iframe':
       return /*#__PURE__*/React.createElement(HostIframe, {
@@ -73,7 +76,8 @@ const ChaynsHost = _ref => {
         language: language,
         parameters: parameters,
         environment: environment,
-        customData: customData
+        customData: customData,
+        preventStagingReplacement: preventStagingReplacement
       });
     case 'server-module':
       return /*#__PURE__*/React.createElement(ModuleHost, {
@@ -88,7 +92,8 @@ const ChaynsHost = _ref => {
         language: language,
         parameters: parameters,
         customData: customData,
-        environment: environment
+        environment: environment,
+        preventStagingReplacement: preventStagingReplacement
       }, children);
     default:
       return null;

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

@@ -3,6 +3,7 @@ import React, { useEffect, useRef } from 'react';
 import * as comlink from 'comlink';
 import postIframeForm from '../../util/postIframeForm';
 import useUpdateData from './utils/useUpdateData';
+import { replaceStagingUrl } from "../../util/url";
 const HostIframe = _ref => {
   let {
     iFrameProps,
@@ -20,7 +21,8 @@ const HostIframe = _ref => {
     language,
     parameters,
     environment,
-    customData
+    customData,
+    preventStagingReplacement
   } = _ref;
   const eventTarget = useRef();
   const ref = useRef();
@@ -58,7 +60,7 @@ const HostIframe = _ref => {
       if (postForm) {
         var _await$functions$getA;
         const accessToken = (_await$functions$getA = await functions.getAccessToken()) !== null && _await$functions$getA !== void 0 ? _await$functions$getA : {};
-        void postIframeForm(src, JSON.stringify({
+        void postIframeForm(replaceStagingUrl(preventStagingReplacement, src, environment.runtimeEnvironment), JSON.stringify({
           ...initialData,
           pages: undefined,
           ...accessToken
@@ -118,7 +120,7 @@ const HostIframe = _ref => {
     },
     title: " "
   }, iFrameProps, {
-    src: postForm ? undefined : src
+    src: postForm ? undefined : replaceStagingUrl(preventStagingReplacement, src, environment.runtimeEnvironment)
   }));
 };
 export default HostIframe;

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

@@ -1,6 +1,7 @@
 import React, { useMemo } from 'react';
 import useDynamicScript from './utils/useDynamicScript';
 import loadComponent from './utils/loadComponent';
+import { replaceStagingUrl } from "../../util/url";
 const System = _ref => {
   let {
     system,
@@ -42,7 +43,8 @@ const ModuleHost = _ref2 => {
     language,
     parameters,
     customData,
-    environment
+    environment,
+    preventStagingReplacement
   } = _ref2;
   // region initialData
   const initialData = {
@@ -64,7 +66,11 @@ const ModuleHost = _ref2 => {
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     className: "module-css"
   }), /*#__PURE__*/React.createElement(System, {
-    system: system,
+    system: {
+      scope: system.scope,
+      url: replaceStagingUrl(preventStagingReplacement, system.url, environment.runtimeEnvironment),
+      module: system.module
+    },
     data: initialData,
     functions: functions,
     fallback: children,

package/dist/esm/util/url.js

@@ -0,0 +1,12 @@
+import { Environment } from "../types/IChaynsReact";
+export const replaceStagingUrl = (prevent, url, environment) => {
+  if (prevent) return url;
+  let replacedUrl = url;
+  if (environment === Environment.Qa || environment === Environment.Development) {
+    replacedUrl = replacedUrl.replace('tapp.chayns-static.space', 'tapp-dev.chayns-static.space');
+  }
+  if (environment === Environment.Staging) {
+    replacedUrl = replacedUrl.replace('tapp.chayns-static.space', 'tapp-staging.chayns-static.space');
+  }
+  return replacedUrl;
+};

package/dist/esm/wrapper/AppWrapper.js

@@ -2,13 +2,13 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 /* eslint-disable */
 // @ts-nocheck
 
+import throttle from 'lodash.throttle';
 import { Environment, Font, Gender, IconType, RuntimeEnviroment, TappEvent } from '../types/IChaynsReact';
-import invokeAppCall from "../util/appCall";
-import getDeviceInfo, { getScreenSize } from "../util/deviceHelper";
-import { removeVisibilityChangeListener } from "../calls/visibilityChangeListener";
-import getUserInfo from "../calls/getUserInfo";
-import { sendMessageToGroup, sendMessageToPage, sendMessageToUser } from "../calls/sendMessage";
-import { addApiListener, dispatchApiEvent } from "../helper/apiListenerHelper";
+import invokeAppCall from '../util/appCall';
+import getDeviceInfo, { getScreenSize } from '../util/deviceHelper';
+import getUserInfo from '../calls/getUserInfo';
+import { sendMessageToGroup, sendMessageToPage, sendMessageToUser } from '../calls/sendMessage';
+import { addApiListener, dispatchApiEvent, removeApiListener } from '../helper/apiListenerHelper';
 export class AppWrapper {
   mapOldApiToNew(retVal) {
     var _window, _window2, _AppInfo$TappSelected;
@@ -86,56 +86,89 @@ export class AppWrapper {
   }
   constructor() {
     _defineProperty(this, "values", null);
-    _defineProperty(this, "accessToken", "");
+    _defineProperty(this, "accessToken", '');
     _defineProperty(this, "counter", 0);
     _defineProperty(this, "functions", {
       getAccessToken: async () => ({
         accessToken: this.accessToken
       }),
-      // addGeoLocationListener: async (value , callback) => {
-      //     return invokeAppCall({
-      //         'action': 14,
-      //         'value': {
-      //             'permanent': false,
-      //             callback: callback
-      //         }
-      //     });
-      // },
-      // addScrollListener: async (value, callback) => {
-      //
-      // },
+      addGeoLocationListener: async (value, callback) => {
+        const {
+          id,
+          shouldInitialize
+        } = addApiListener('geoLocationListener', callback);
+        if (shouldInitialize) {
+          this.appCall(14, {
+            permanent: true
+          }, {
+            callback: v => {
+              var _v$accuracy, _v$code;
+              dispatchApiEvent('geoLocationListener', {
+                latitude: v.latitude,
+                longitude: v.longitude,
+                accuracy: (_v$accuracy = v.accuracy) !== null && _v$accuracy !== void 0 ? _v$accuracy : null,
+                speed: v.speed,
+                code: (_v$code = v.code) !== null && _v$code !== void 0 ? _v$code : null
+              });
+            }
+          });
+        }
+        return id;
+      },
+      addScrollListener: async (value, callback) => {
+        let throttledCallback = callback;
+        if (value.throttle) {
+          throttledCallback = throttle(callback, value.throttle);
+        }
+        const {
+          id,
+          shouldInitialize
+        } = addApiListener('scrollListener', throttledCallback);
+        if (shouldInitialize) {
+          window.addEventListener('scroll', this.scrollListener = () => {
+            void (async () => {
+              dispatchApiEvent('scrollListener', {
+                scrollX: window.scrollX,
+                scrollY: window.scrollY
+              });
+            })();
+          });
+        }
+        return id;
+      },
       addVisibilityChangeListener: async callback => {
+        const {
+          id,
+          shouldInitialize
+        } = addApiListener('visibilityChangeListener', callback);
+        if (shouldInitialize) {
+          this.appCall(60, {}, {
+            callback: v => {
+              dispatchApiEvent('visibilityChangeListener', {
+                isVisible: v.tappEvent === TappEvent.OnShow,
+                tappEvent: v.tappEvent
+              });
+            }
+          });
+        }
+        return id;
+      },
+      addWindowMetricsListener: async callback => {
         const {
           id,
           shouldInitialize
         } = addApiListener('windowMetricsListener', callback);
-        this.appCall(60, {}, {
-          callback: v => {
-            console.log("v", v);
-            dispatchApiEvent("windowMetricsListener", {
-              isVisible: v.tappEvent === TappEvent.OnShow,
-              tappEvent: v.tappEvent
-            });
-          }
-        });
+        if (shouldInitialize) {
+          window.addEventListener('resize', this.resizeListener = () => {
+            void (async () => {
+              dispatchApiEvent('windowMetricsListener', await this.functions.getWindowMetrics());
+            })();
+          });
+        }
         return id;
       },
-      // addWindowMetricsListener: async (callback) => {
-      //     const { id, shouldInitialize } = addApiListener('windowMetricsListener', callback);
-      //
-      //     if (shouldInitialize) {
-      //         window.addEventListener('resize', this.resizeListener = () => {
-      //             void (async() => {
-      //                 dispatchApiEvent('windowMetricsListener', {
-      //
-      //                 });
-      //             })();
-      //         })
-      //     }
-      //     return id;
-      // },
       customCallbackFunction: async () => {
-        this.notImplemented("customCallbackFunction");
+        this.notImplemented('customCallbackFunction');
       },
       getAvailableSharingServices: async () => {
         const res = await this.appCall(79);
@@ -224,9 +257,9 @@ export class AppWrapper {
           awaitResult: false
         });
       },
-      // openUrl: async (value) => {
-      //
-      // },
+      openUrl: async value => {
+        window.open(value.url);
+      },
       openVideo: async value => {
         this.appCall(15, {
           url: value.url
@@ -240,19 +273,41 @@ export class AppWrapper {
         });
       },
       refreshData: async value => {
-        this.notImplemented("refreshData");
-      },
-      // removeGeoLocationListener: async (id) => {
-      // },
-      // removeScrollListener: async (id) => {
-      // },
-      removeVisibilityChangeListener(number) {
-        removeVisibilityChangeListener(number);
-        return Promise.resolve();
-      },
-      // removeWindowMetricsListener: async (id) => {
-      //
-      // },
+        this.notImplemented('refreshData');
+      },
+      removeGeoLocationListener: async id => {
+        const {
+          shouldRemove
+        } = removeApiListener('geoLocationListener', id);
+        if (shouldRemove) {
+          // App does not support removal of request geo location call with permanent true which makes this a no-op
+        }
+      },
+      removeScrollListener: async id => {
+        const {
+          shouldRemove
+        } = removeApiListener('scrollListener', id);
+        if (shouldRemove && this.scrollListener) {
+          window.removeEventListener('scroll', this.scrollListener);
+          this.scrollListener = null;
+        }
+      },
+      removeVisibilityChangeListener: async id => {
+        const {
+          shouldRemove
+        } = removeApiListener('visibilityChangeListener', id);
+        if (shouldRemove) {
+          // App does not support removal of onActivate callback which makes this a no-op
+        }
+      },
+      removeWindowMetricsListener: async id => {
+        const shouldRemove = removeApiListener('windowMetricsListener', id);
+        if (shouldRemove) {
+          void this.exposedFunctions.removeWindowMetricsListener(id);
+          if (this.resizeListener) window.removeEventListener('resize', this.resizeListener);
+          this.resizeListener = null;
+        }
+      },
       selectPage: async options => {
         void this.appCall(2, {
           id: options.id,
@@ -283,7 +338,7 @@ export class AppWrapper {
         return sendMessageToUser(this, message, userId);
       },
       setAdminMode: async () => {
-        this.notImplemented("setAdminMode");
+        this.notImplemented('setAdminMode');
       },
       setDisplayTimeout: async enabled => {
         this.appCall(94, {
@@ -308,10 +363,10 @@ export class AppWrapper {
         }, callback));
       },
       setHeight: async () => {
-        this.notImplemented("setOverlay");
+        this.notImplemented('setOverlay');
       },
       setOverlay: async () => {
-        this.notImplemented("setOverlay");
+        this.notImplemented('setOverlay');
       },
       setRefreshScrollEnabled: async isEnabled => {
         this.appCall(0, {
@@ -327,7 +382,7 @@ export class AppWrapper {
         return await this.appCall(34, value);
       },
       setTempDesignSettings: async () => {
-        this.notImplemented("setTempDesignSettings");
+        this.notImplemented('setTempDesignSettings');
       },
       setWaitCursor: async value => {
         void this.appCall(1, {
@@ -401,7 +456,7 @@ export class AppWrapper {
         }
         resolve((_v$retVal2 = v === null || v === void 0 ? void 0 : v.retVal) !== null && _v$retVal2 !== void 0 ? _v$retVal2 : v);
       };
-      value.callback = "window." + callbackName;
+      value.callback = 'window.' + callbackName;
       invokeAppCall({
         action,
         value

package/dist/types/host/ChaynsHost.d.ts

@@ -23,6 +23,7 @@ type ChaynsHostType = {
     parameters: ChaynsReactValues["parameters"];
     customData: any;
     environment: ChaynsReactValues["environment"];
+    preventStagingReplacement?: boolean;
 };
 declare const ChaynsHost: FC<ChaynsHostType>;
 export default ChaynsHost;

package/dist/types/host/iframe/HostIframe.d.ts

@@ -19,6 +19,7 @@ type HostIframeProps = {
     parameters: ChaynsReactValues["parameters"];
     environment: ChaynsReactValues["environment"];
     customData: ChaynsReactValues["customData"];
+    preventStagingReplacement?: boolean;
 };
 declare const HostIframe: FC<HostIframeProps>;
 export default HostIframe;

package/dist/types/host/module/ModuleHost.d.ts

@@ -18,6 +18,7 @@ type ModulePropTypes = {
     parameters: ChaynsReactValues["parameters"];
     customData: any;
     environment: ChaynsReactValues["environment"];
+    preventStagingReplacement?: boolean;
 };
 declare const ModuleHost: FC<ModulePropTypes>;
 export default ModuleHost;

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

@@ -0,0 +1 @@
+export declare const replaceStagingUrl: (prevent: any, url: any, environment: any) => any;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "chayns-api",
-    "version": "1.0.7",
+    "version": "1.0.9",
     "description": "new chayns api",
     "main": "dist/cjs/index.js",
     "module": "dist/esm/index.js",