chayns-api 1.0.0 → 1.0.2

package/dist/cjs/hooks/index.js

@@ -3,6 +3,12 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+Object.defineProperty(exports, "getPage", {
+  enumerable: true,
+  get: function () {
+    return _usePages.getPage;
+  }
+});
 Object.defineProperty(exports, "useAccessToken", {
   enumerable: true,
   get: function () {

package/dist/cjs/hooks/usePages.js

@@ -3,9 +3,10 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.usePages = exports.usePage = void 0;
+exports.usePages = exports.usePage = exports.getPage = void 0;
 var _useContextSelector = require("use-context-selector");
 var _ChaynsContext = require("../components/ChaynsContext");
+var _ChaynsProvider = require("../components/ChaynsProvider");
 /**
  * @category Hooks
  */
@@ -35,4 +36,23 @@ const usePage = ({
   }
   return null;
 };
-exports.usePage = usePage;
+exports.usePage = usePage;
+const getPage = ({
+  id,
+  siteId
+} = {
+  id: null,
+  siteId: null
+}) => {
+  var _pages$find3;
+  const {
+    pages,
+    currentPage
+  } = _ChaynsProvider.moduleWrapper.current.values;
+  if (id) {
+    var _pages$find2;
+    return (_pages$find2 = pages.find(x => x.id === id && (!siteId || x.siteId === siteId))) !== null && _pages$find2 !== void 0 ? _pages$find2 : null;
+  }
+  return (_pages$find3 = pages.find(x => x.id === currentPage.id && x.siteId === currentPage.siteId || !x.siteId)) !== null && _pages$find3 !== void 0 ? _pages$find3 : null;
+};
+exports.getPage = getPage;

package/dist/cjs/hooks/useUser.js

@@ -9,6 +9,5 @@ var _ChaynsContext = require("../components/ChaynsContext");
 /**
  * @category Hooks
  */
-// @ts-ignore
 const useUser = () => (0, _useContextSelector.useContextSelector)(_ChaynsContext.ChaynsContext, v => (v === null || v === void 0 ? void 0 : v.user) || {});
 exports.useUser = useUser;

package/dist/cjs/host/ChaynsHost.js

@@ -14,6 +14,7 @@ const ChaynsHost = ({
   functions,
   src,
   iFrameRef = undefined,
+  loadingComponent = undefined,
   children = undefined,
   system,
   // shallow data
@@ -55,6 +56,7 @@ const ChaynsHost = ({
         user: user,
         device: device,
         currentPage: currentPage,
+        children: loadingComponent,
         functions: functions,
         language: language,
         parameters: parameters,

package/dist/cjs/types/IChaynsReact.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.SharingApp = exports.ScreenSize = exports.RuntimeEnviroment = exports.Language = exports.IconType = exports.Gender = exports.Font = exports.FloatingButtonPosition = exports.Environment = exports.DeviceOs = exports.ColorMode = exports.BrowserName = exports.AppName = exports.AccessMode = void 0;
+exports.TappEvent = exports.SharingApp = exports.ScreenSize = exports.ScanQrCodeCodeType = exports.ScanQrCodeCameraTypes = exports.RuntimeEnviroment = exports.Language = exports.IconType = exports.Gender = exports.Font = exports.FloatingButtonPosition = exports.Environment = exports.DeviceOs = exports.ColorMode = exports.BrowserName = exports.AppName = exports.AccessMode = void 0;
 let ScreenSize;
 exports.ScreenSize = ScreenSize;
 (function (ScreenSize) {
@@ -20,6 +20,20 @@ exports.AccessMode = AccessMode;
   AccessMode[AccessMode["protected"] = 1] = "protected";
   AccessMode[AccessMode["private"] = 2] = "private";
 })(AccessMode || (exports.AccessMode = AccessMode = {}));
+let ScanQrCodeCodeType;
+exports.ScanQrCodeCodeType = ScanQrCodeCodeType;
+(function (ScanQrCodeCodeType) {
+  ScanQrCodeCodeType[ScanQrCodeCodeType["QR"] = 0] = "QR";
+  ScanQrCodeCodeType[ScanQrCodeCodeType["BARCODE"] = 0] = "BARCODE";
+  ScanQrCodeCodeType[ScanQrCodeCodeType["ALL"] = 2] = "ALL";
+})(ScanQrCodeCodeType || (exports.ScanQrCodeCodeType = ScanQrCodeCodeType = {}));
+let ScanQrCodeCameraTypes;
+exports.ScanQrCodeCameraTypes = ScanQrCodeCameraTypes;
+(function (ScanQrCodeCameraTypes) {
+  ScanQrCodeCameraTypes[ScanQrCodeCameraTypes["AUTO"] = 0] = "AUTO";
+  ScanQrCodeCameraTypes[ScanQrCodeCameraTypes["BACK"] = 1] = "BACK";
+  ScanQrCodeCameraTypes[ScanQrCodeCameraTypes["FRONT"] = 2] = "FRONT";
+})(ScanQrCodeCameraTypes || (exports.ScanQrCodeCameraTypes = ScanQrCodeCameraTypes = {}));
 var IOSFeedbackVibration;
 (function (IOSFeedbackVibration) {
   IOSFeedbackVibration[IOSFeedbackVibration["Unknown"] = 0] = "Unknown";
@@ -92,8 +106,11 @@ var DesignSettingsUpdateTappViewModes;
 })(DesignSettingsUpdateTappViewModes || (DesignSettingsUpdateTappViewModes = {}));
 var LoginState;
 (function (LoginState) {
+  LoginState[LoginState["FACEBOOK"] = 0] = "FACEBOOK";
+  LoginState[LoginState["T_WEB"] = 1] = "T_WEB";
   LoginState[LoginState["LoginFailed"] = 2] = "LoginFailed";
   LoginState[LoginState["AlreadyLoggedIn"] = 3] = "AlreadyLoggedIn";
+  LoginState[LoginState["SUCCESS"] = 4] = "SUCCESS";
 })(LoginState || (LoginState = {}));
 let FloatingButtonPosition;
 exports.FloatingButtonPosition = FloatingButtonPosition;
@@ -112,6 +129,15 @@ exports.SharingApp = SharingApp;
   SharingApp[SharingApp["GooglePlus"] = 4] = "GooglePlus";
   SharingApp[SharingApp["Twitter"] = 5] = "Twitter";
 })(SharingApp || (exports.SharingApp = SharingApp = {}));
+let TappEvent;
+exports.TappEvent = TappEvent;
+(function (TappEvent) {
+  TappEvent[TappEvent["OnShow"] = 0] = "OnShow";
+  TappEvent[TappEvent["OnHide"] = 1] = "OnHide";
+  TappEvent[TappEvent["OnRefresh"] = 2] = "OnRefresh";
+  TappEvent[TappEvent["OnOpenCcScanner"] = 3] = "OnOpenCcScanner";
+  TappEvent[TappEvent["OnCloseCcScanner"] = 4] = "OnCloseCcScanner";
+})(TappEvent || (exports.TappEvent = TappEvent = {}));
 let IconType;
 exports.IconType = IconType;
 (function (IconType) {

package/dist/cjs/util/deviceHelper.js

@@ -45,11 +45,9 @@ const getDeviceInfo = (userAgent, acceptHeader) => {
 };
 
 // Infos that are only available on client or iframe side
-const getClientDeviceInfo = () => {
-  return {
-    isTouch: navigator.maxTouchPoints > 0 && window.matchMedia('(pointer: coarse)')
-  };
-};
+const getClientDeviceInfo = () => ({
+  isTouch: navigator.maxTouchPoints > 0 && window.matchMedia('(pointer: coarse)')
+});
 exports.getClientDeviceInfo = getClientDeviceInfo;
 const getScreenSize = width => {
   let value;

package/dist/cjs/wrapper/AppWrapper.js

@@ -6,16 +6,21 @@ Object.defineProperty(exports, "__esModule", {
 exports.AppWrapper = void 0;
 var _IChaynsReact = require("../types/IChaynsReact");
 var _appCall = _interopRequireDefault(require("../util/appCall"));
-var _deviceHelper = _interopRequireDefault(require("../util/deviceHelper"));
+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");
+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; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/* eslint-disable */
+// @ts-nocheck
+
 class AppWrapper {
   values = null;
   accessToken = "";
-  mapOldApiToNew({
-    retVal
-  }) {
+  mapOldApiToNew(retVal) {
     var _window, _window2, _AppInfo$TappSelected;
     const {
       AppInfo,
@@ -90,20 +95,44 @@ class AppWrapper {
     };
   }
   constructor() {}
+  notImplemented(call) {
+    console.warn(`call ${call} not implement in app`);
+  }
   counter = 0;
-  appCall(call) {
-    // generate uuid just in case multiple AppWrapper in one window
-    call.value.callback = `window.chaynsApiV5Callback_` + this.counter++;
-    (0, _appCall.default)(call);
+  appCall(action, value = {}, {
+    callback,
+    awaitResult = true
+  } = {}) {
+    if (!awaitResult) {
+      (0, _appCall.default)({
+        action,
+        value
+      });
+      return;
+    }
+    return new Promise(resolve => {
+      const callbackName = `chaynsApiV5Callback_${this.counter++}`;
+      window[callbackName] = v => {
+        var _v$retVal2;
+        if (callback) {
+          var _v$retVal;
+          callback((_v$retVal = v === null || v === void 0 ? void 0 : v.retVal) !== null && _v$retVal !== void 0 ? _v$retVal : v);
+        } else {
+          delete window[callbackName];
+        }
+        resolve((_v$retVal2 = v === null || v === void 0 ? void 0 : v.retVal) !== null && _v$retVal2 !== void 0 ? _v$retVal2 : v);
+      };
+      value.callback = "window." + callbackName;
+      (0, _appCall.default)({
+        action,
+        value
+      });
+    });
   }
-
-  // @ts-ignore
   functions = {
-    getAccessToken: async accessToken => {
-      return {
-        accessToken: this.accessToken
-      };
-    },
+    getAccessToken: async () => ({
+      accessToken: this.accessToken
+    }),
     // addGeoLocationListener: async (value , callback) => {
     //     return invokeAppCall({
     //         'action': 14,
@@ -116,7 +145,22 @@ class AppWrapper {
     // addScrollListener: async (value, callback) => {
     //
     // },
-    //   addVisibilityChangeListener: async (callback) => addVisibilityChangeListener(callback),
+    addVisibilityChangeListener: 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
+          });
+        }
+      });
+      return id;
+    },
     // addWindowMetricsListener: async (callback) => {
     //     const { id, shouldInitialize } = addApiListener('windowMetricsListener', callback);
     //
@@ -131,19 +175,49 @@ class AppWrapper {
     //     }
     //     return id;
     // },
-    customCallbackFunction: async (type, data) => {},
-    // getAvailableSharingServices: async () => {
-    // },
-    // getGeoLocation: async (value) => {
-    // },
+    customCallbackFunction: async () => {
+      this.notImplemented("customCallbackFunction");
+    },
+    getAvailableSharingServices: async () => {
+      const res = await this.appCall(79);
+      return {
+        availableSharingApps: res.availableSharingApps,
+        availableAndroidApps: res.availableAndroidApps
+      };
+    },
+    getGeoLocation: async () => {
+      const res = await this.appCall(14);
+      return {
+        latitude: res.latitude,
+        longitude: res.longitude,
+        speed: res.speed,
+        code: res.code,
+        isAccurate: res.isAccurate
+      };
+    },
     getUserInfo: async query => {
       return (0, _getUserInfo.default)(this, query);
     },
-    // getScrollPosition: async () => {
-    // },
-    // getWindowMetrics: async () => {
-    // },
-    invokeCall: async (value, callback) => {},
+    getScrollPosition: async () => {
+      return {
+        scrollX: window.scrollX,
+        scrollY: window.scrollY
+      };
+    },
+    getWindowMetrics: async () => ({
+      bottomBarHeight: 0,
+      windowHeight: window.innerHeight,
+      offsetTop: 0,
+      pageHeight: window.innerHeight,
+      pageSize: (0, _deviceHelper.getScreenSize)(window.innerWidth),
+      pageWidth: window.innerWidth,
+      topBarHeight: 0
+    }),
+    invokeCall: async (value, callback) => {
+      return this.appCall(value.action, value.value, {
+        callback
+      });
+    },
     invokeDialogCall: async (value, callback) => {
       const callbackName = `chaynsApiV5Callback_${this.counter++}`;
       window[callbackName] = ({
@@ -161,70 +235,180 @@ class AppWrapper {
       };
       (0, _appCall.default)(callObj);
     },
-    // login: async(value, callback, closeCallback) => {
+    login: async (value, callback, closeCallback) => {
+      const res = await this.appCall({}, callback);
+      return {
+        loginState: res === null || res === void 0 ? void 0 : res.loginState
+      };
+    },
+    logout: async () => {
+      this.appCall(56, undefined, {
+        awaitResult: false
+      });
+    },
+    navigateBack: async () => {
+      this.appCall(20, undefined, {
+        awaitResult: false
+      });
+    },
+    openImage: async value => {
+      this.appCall(4, {
+        items: value.items.map(x => ({
+          url: x.url,
+          title: x.title,
+          description: x.description,
+          preventCache: x.preventCache
+        })),
+        startIndex: value.startIndex
+      }, {
+        awaitResult: false
+      });
+    },
+    // openUrl: async (value) => {
+    //
+    // },
+    openVideo: async value => {
+      this.appCall(15, {
+        url: value.url
+      }, {
+        awaitResult: false
+      });
+    },
+    refreshAccessToken: async () => {
+      this.appCall(55, undefined, {
+        awaitResult: false
+      });
+    },
+    refreshData: async value => {
+      this.notImplemented("refreshData");
+    },
+    // removeGeoLocationListener: async (id) => {
+    // },
+    // removeScrollListener: async (id) => {
     // },
-    logout: async () => {},
-    navigateBack: async () => {},
-    openImage: async value => {},
-    openUrl: async value => {},
-    openVideo: async value => {},
-    refreshAccessToken: async () => {},
-    refreshData: async value => {},
-    removeGeoLocationListener: async id => {},
-    removeScrollListener: async id => {},
     removeVisibilityChangeListener(number) {
       (0, _visibilityChangeListener.removeVisibilityChangeListener)(number);
       return Promise.resolve();
     },
-    removeWindowMetricsListener: async id => {},
-    selectPage: async options => {},
-    scrollToY: async (position, duration) => {},
-    // sendMessageToGroup: async (groupId, message) => {
-    // },
-    // sendMessageToPage: async (message) => {
-    // },
-    // sendMessageToUser: async (userId, message) => {
-    // },
-    setAdminMode: async enabled => {},
-    // setDisplayTimeout: async (value) => {
+    // removeWindowMetricsListener: async (id) => {
+    //
     // },
-    setFloatingButton: async (value, callback) => {},
-    setHeight: async value => {},
-    setOverlay: async (value, callback) => {},
+    selectPage: async options => {
+      void this.appCall(2, {
+        id: options.id,
+        showName: options.showName,
+        position: options.position,
+        params: options.params
+      }, {
+        awaitResult: false
+      });
+    },
+    scrollToY: async position => {
+      window.scrollTo({
+        top: position
+      });
+    },
+    sendMessageToGroup: async (groupId, message) => {
+      return (0, _sendMessage.sendMessageToGroup)(this, message, groupId);
+    },
+    sendMessageToPage: async message => {
+      return (0, _sendMessage.sendMessageToPage)(this, message);
+    },
+    sendMessageToUser: async (userId, message) => {
+      return (0, _sendMessage.sendMessageToUser)(this, message, userId);
+    },
+    setAdminMode: async () => {
+      this.notImplemented("setAdminMode");
+    },
+    setDisplayTimeout: async enabled => {
+      this.appCall(94, {
+        enabled
+      }, {
+        awaitResult: false
+      });
+      return {
+        isEnabled: enabled
+      };
+    },
+    setFloatingButton: async (value, callback) => {
+      void (await this.appCall(72, {
+        text: value.text,
+        textSize: value.textSize,
+        badge: value.badge,
+        color: value.color,
+        colorText: value.colorText,
+        icon: value.icon,
+        enabled: value.isEnabled,
+        position: value.position
+      }, callback));
+    },
+    setHeight: async () => {
+      this.notImplemented("setOverlay");
+    },
+    setOverlay: async () => {
+      this.notImplemented("setOverlay");
+    },
     setRefreshScrollEnabled: async isEnabled => {
-      (0, _appCall.default)({
-        action: 0,
-        value: {
-          enabled: isEnabled
-        }
+      this.appCall(0, {
+        enabled: isEnabled
+      }, {
+        awaitResult: false
       });
       return {
         isEnabled
       };
     },
-    // setScanQrCode: async (value) => {
-    // },
-    setTempDesignSettings: async value => {},
-    setWaitCursor: async value => {},
-    storageGetItem: async (key, accessMode) => {},
-    storageRemoveItem: async (key, accessMode) => {},
-    storageSetItem: async (key, value, accessMode, tappIds) => {},
-    vibrate: async value => {}
+    setScanQrCode: async value => {
+      return await this.appCall(34, value);
+    },
+    setTempDesignSettings: async () => {
+      this.notImplemented("setTempDesignSettings");
+    },
+    setWaitCursor: async value => {
+      void this.appCall(1, {
+        enabled: value.isEnabled,
+        text: value.text,
+        timeout: value.timeout,
+        progress: value.progress,
+        progressText: value.progressText,
+        disappearTimeout: value.disappearTimeout
+      }, {
+        awaitResult: false
+      });
+    },
+    storageGetItem: async (key, accessMode) => {
+      const result = await this.appCall(74, {
+        key,
+        accessMode
+      });
+      return result === null || result === void 0 ? void 0 : result.object;
+    },
+    storageRemoveItem: async (key, accessMode) => {
+      this.appCall(73, {
+        key,
+        accessMode
+      }, {
+        awaitResult: false
+      });
+    },
+    storageSetItem: async (key, value, accessMode, tappIds) => {
+      this.appCall(73, {
+        key,
+        object: value,
+        accessMode,
+        tappIDs: tappIds
+      }, {
+        awaitResult: false
+      });
+    },
+    vibrate: async value => {
+      void this.appCall(19, value, {
+        awaitResult: false
+      });
+    }
   };
   async init() {
-    await new Promise(resolve => {
-      // @ts-ignore
-      window.globalDataCallback = data => {
-        this.values = this.mapOldApiToNew(data);
-        resolve(data);
-      };
-      (0, _appCall.default)({
-        action: 18,
-        value: {
-          callback: 'window.globalDataCallback'
-        }
-      });
-    });
+    this.values = this.mapOldApiToNew(await this.appCall(18));
     return undefined;
   }
   getSSRData() {

package/dist/esm/hooks/index.js

@@ -7,7 +7,7 @@ export { useWindowMetrics, useWindowMetricsListener } from './windowMetricsListe
 export { useDevice } from './useDevice';
 export { useSite } from './useSite';
 export { useParameters } from './useParameters';
-export { usePages, usePage } from './usePages';
+export { usePages, usePage, getPage } from './usePages';
 export { useEnvironment } from './useEnvironment';
 export { useLanguage } from './useLanguage';
 export { useValues } from './useValues';

package/dist/esm/hooks/usePages.js

@@ -1,5 +1,6 @@
 import { useContextSelector } from 'use-context-selector';
 import { ChaynsContext } from '../components/ChaynsContext';
+import { moduleWrapper } from "../components/ChaynsProvider";
 /**
  * @category Hooks
  */
@@ -29,4 +30,23 @@ export const usePage = _ref => {
     return (_pages$find = pages.find(x => x.id === id && (!siteId || x.siteId === siteId))) !== null && _pages$find !== void 0 ? _pages$find : null;
   }
   return null;
+};
+export const getPage = function () {
+  var _pages$find3;
+  let {
+    id,
+    siteId
+  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
+    id: null,
+    siteId: null
+  };
+  const {
+    pages,
+    currentPage
+  } = moduleWrapper.current.values;
+  if (id) {
+    var _pages$find2;
+    return (_pages$find2 = pages.find(x => x.id === id && (!siteId || x.siteId === siteId))) !== null && _pages$find2 !== void 0 ? _pages$find2 : null;
+  }
+  return (_pages$find3 = pages.find(x => x.id === currentPage.id && x.siteId === currentPage.siteId || !x.siteId)) !== null && _pages$find3 !== void 0 ? _pages$find3 : null;
 };

package/dist/esm/hooks/useUser.js

@@ -3,5 +3,4 @@ import { ChaynsContext } from '../components/ChaynsContext';
 /**
  * @category Hooks
  */
-// @ts-ignore
 export const useUser = () => useContextSelector(ChaynsContext, v => (v === null || v === void 0 ? void 0 : v.user) || {});

package/dist/esm/host/ChaynsHost.js

@@ -8,6 +8,7 @@ const ChaynsHost = _ref => {
     functions,
     src,
     iFrameRef = undefined,
+    loadingComponent = undefined,
     children = undefined,
     system,
     // shallow data
@@ -49,6 +50,7 @@ const ChaynsHost = _ref => {
         user: user,
         device: device,
         currentPage: currentPage,
+        children: loadingComponent,
         functions: functions,
         language: language,
         parameters: parameters,

package/dist/esm/types/IChaynsReact.js

@@ -12,6 +12,18 @@ export let AccessMode;
   AccessMode[AccessMode["protected"] = 1] = "protected";
   AccessMode[AccessMode["private"] = 2] = "private";
 })(AccessMode || (AccessMode = {}));
+export let ScanQrCodeCodeType;
+(function (ScanQrCodeCodeType) {
+  ScanQrCodeCodeType[ScanQrCodeCodeType["QR"] = 0] = "QR";
+  ScanQrCodeCodeType[ScanQrCodeCodeType["BARCODE"] = 0] = "BARCODE";
+  ScanQrCodeCodeType[ScanQrCodeCodeType["ALL"] = 2] = "ALL";
+})(ScanQrCodeCodeType || (ScanQrCodeCodeType = {}));
+export let ScanQrCodeCameraTypes;
+(function (ScanQrCodeCameraTypes) {
+  ScanQrCodeCameraTypes[ScanQrCodeCameraTypes["AUTO"] = 0] = "AUTO";
+  ScanQrCodeCameraTypes[ScanQrCodeCameraTypes["BACK"] = 1] = "BACK";
+  ScanQrCodeCameraTypes[ScanQrCodeCameraTypes["FRONT"] = 2] = "FRONT";
+})(ScanQrCodeCameraTypes || (ScanQrCodeCameraTypes = {}));
 var IOSFeedbackVibration;
 (function (IOSFeedbackVibration) {
   IOSFeedbackVibration[IOSFeedbackVibration["Unknown"] = 0] = "Unknown";
@@ -84,8 +96,11 @@ var DesignSettingsUpdateTappViewModes;
 })(DesignSettingsUpdateTappViewModes || (DesignSettingsUpdateTappViewModes = {}));
 var LoginState;
 (function (LoginState) {
+  LoginState[LoginState["FACEBOOK"] = 0] = "FACEBOOK";
+  LoginState[LoginState["T_WEB"] = 1] = "T_WEB";
   LoginState[LoginState["LoginFailed"] = 2] = "LoginFailed";
   LoginState[LoginState["AlreadyLoggedIn"] = 3] = "AlreadyLoggedIn";
+  LoginState[LoginState["SUCCESS"] = 4] = "SUCCESS";
 })(LoginState || (LoginState = {}));
 export let FloatingButtonPosition;
 (function (FloatingButtonPosition) {
@@ -102,6 +117,14 @@ export let SharingApp;
   SharingApp[SharingApp["GooglePlus"] = 4] = "GooglePlus";
   SharingApp[SharingApp["Twitter"] = 5] = "Twitter";
 })(SharingApp || (SharingApp = {}));
+export let TappEvent;
+(function (TappEvent) {
+  TappEvent[TappEvent["OnShow"] = 0] = "OnShow";
+  TappEvent[TappEvent["OnHide"] = 1] = "OnHide";
+  TappEvent[TappEvent["OnRefresh"] = 2] = "OnRefresh";
+  TappEvent[TappEvent["OnOpenCcScanner"] = 3] = "OnOpenCcScanner";
+  TappEvent[TappEvent["OnCloseCcScanner"] = 4] = "OnCloseCcScanner";
+})(TappEvent || (TappEvent = {}));
 export let IconType;
 (function (IconType) {
   IconType[IconType["Font"] = 0] = "Font";

package/dist/esm/util/deviceHelper.js

@@ -39,11 +39,9 @@ const getDeviceInfo = (userAgent, acceptHeader) => {
 };
 
 // Infos that are only available on client or iframe side
-export const getClientDeviceInfo = () => {
-  return {
-    isTouch: navigator.maxTouchPoints > 0 && window.matchMedia('(pointer: coarse)')
-  };
-};
+export const getClientDeviceInfo = () => ({
+  isTouch: navigator.maxTouchPoints > 0 && window.matchMedia('(pointer: coarse)')
+});
 export const getScreenSize = width => {
   let value;
   if (width > 1200) {

package/dist/esm/wrapper/AppWrapper.js

@@ -1,15 +1,17 @@
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-import { Environment, Font, Gender, IconType, RuntimeEnviroment } from '../types/IChaynsReact';
+/* eslint-disable */
+// @ts-nocheck
+
+import { Environment, Font, Gender, IconType, RuntimeEnviroment, TappEvent } from '../types/IChaynsReact';
 import invokeAppCall from "../util/appCall";
-import getDeviceInfo from "../util/deviceHelper";
+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";
 export class AppWrapper {
-  mapOldApiToNew(_ref) {
+  mapOldApiToNew(retVal) {
     var _window, _window2, _AppInfo$TappSelected;
-    let {
-      retVal
-    } = _ref;
     const {
       AppInfo,
       AppUser
@@ -87,11 +89,9 @@ export class AppWrapper {
     _defineProperty(this, "accessToken", "");
     _defineProperty(this, "counter", 0);
     _defineProperty(this, "functions", {
-      getAccessToken: async accessToken => {
-        return {
-          accessToken: this.accessToken
-        };
-      },
+      getAccessToken: async () => ({
+        accessToken: this.accessToken
+      }),
       // addGeoLocationListener: async (value , callback) => {
       //     return invokeAppCall({
       //         'action': 14,
@@ -104,7 +104,22 @@ export class AppWrapper {
       // addScrollListener: async (value, callback) => {
       //
       // },
-      //   addVisibilityChangeListener: async (callback) => addVisibilityChangeListener(callback),
+      addVisibilityChangeListener: 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
+            });
+          }
+        });
+        return id;
+      },
       // addWindowMetricsListener: async (callback) => {
       //     const { id, shouldInitialize } = addApiListener('windowMetricsListener', callback);
       //
@@ -119,25 +134,55 @@ export class AppWrapper {
       //     }
       //     return id;
       // },
-      customCallbackFunction: async (type, data) => {},
-      // getAvailableSharingServices: async () => {
-      // },
-      // getGeoLocation: async (value) => {
-      // },
+      customCallbackFunction: async () => {
+        this.notImplemented("customCallbackFunction");
+      },
+      getAvailableSharingServices: async () => {
+        const res = await this.appCall(79);
+        return {
+          availableSharingApps: res.availableSharingApps,
+          availableAndroidApps: res.availableAndroidApps
+        };
+      },
+      getGeoLocation: async () => {
+        const res = await this.appCall(14);
+        return {
+          latitude: res.latitude,
+          longitude: res.longitude,
+          speed: res.speed,
+          code: res.code,
+          isAccurate: res.isAccurate
+        };
+      },
       getUserInfo: async query => {
         return getUserInfo(this, query);
       },
-      // getScrollPosition: async () => {
-      // },
-      // getWindowMetrics: async () => {
-      // },
-      invokeCall: async (value, callback) => {},
+      getScrollPosition: async () => {
+        return {
+          scrollX: window.scrollX,
+          scrollY: window.scrollY
+        };
+      },
+      getWindowMetrics: async () => ({
+        bottomBarHeight: 0,
+        windowHeight: window.innerHeight,
+        offsetTop: 0,
+        pageHeight: window.innerHeight,
+        pageSize: getScreenSize(window.innerWidth),
+        pageWidth: window.innerWidth,
+        topBarHeight: 0
+      }),
+      invokeCall: async (value, callback) => {
+        return this.appCall(value.action, value.value, {
+          callback
+        });
+      },
       invokeDialogCall: async (value, callback) => {
         const callbackName = `chaynsApiV5Callback_${this.counter++}`;
-        window[callbackName] = _ref2 => {
+        window[callbackName] = _ref => {
           let {
             retVal
-          } = _ref2;
+          } = _ref;
           callback === null || callback === void 0 ? void 0 : callback(retVal);
           delete window[callbackName];
         };
@@ -150,79 +195,216 @@ export class AppWrapper {
         };
         invokeAppCall(callObj);
       },
-      // login: async(value, callback, closeCallback) => {
+      login: async (value, callback, closeCallback) => {
+        const res = await this.appCall({}, callback);
+        return {
+          loginState: res === null || res === void 0 ? void 0 : res.loginState
+        };
+      },
+      logout: async () => {
+        this.appCall(56, undefined, {
+          awaitResult: false
+        });
+      },
+      navigateBack: async () => {
+        this.appCall(20, undefined, {
+          awaitResult: false
+        });
+      },
+      openImage: async value => {
+        this.appCall(4, {
+          items: value.items.map(x => ({
+            url: x.url,
+            title: x.title,
+            description: x.description,
+            preventCache: x.preventCache
+          })),
+          startIndex: value.startIndex
+        }, {
+          awaitResult: false
+        });
+      },
+      // openUrl: async (value) => {
+      //
+      // },
+      openVideo: async value => {
+        this.appCall(15, {
+          url: value.url
+        }, {
+          awaitResult: false
+        });
+      },
+      refreshAccessToken: async () => {
+        this.appCall(55, undefined, {
+          awaitResult: false
+        });
+      },
+      refreshData: async value => {
+        this.notImplemented("refreshData");
+      },
+      // removeGeoLocationListener: async (id) => {
+      // },
+      // removeScrollListener: async (id) => {
       // },
-      logout: async () => {},
-      navigateBack: async () => {},
-      openImage: async value => {},
-      openUrl: async value => {},
-      openVideo: async value => {},
-      refreshAccessToken: async () => {},
-      refreshData: async value => {},
-      removeGeoLocationListener: async id => {},
-      removeScrollListener: async id => {},
       removeVisibilityChangeListener(number) {
         removeVisibilityChangeListener(number);
         return Promise.resolve();
       },
-      removeWindowMetricsListener: async id => {},
-      selectPage: async options => {},
-      scrollToY: async (position, duration) => {},
-      // sendMessageToGroup: async (groupId, message) => {
-      // },
-      // sendMessageToPage: async (message) => {
-      // },
-      // sendMessageToUser: async (userId, message) => {
-      // },
-      setAdminMode: async enabled => {},
-      // setDisplayTimeout: async (value) => {
+      // removeWindowMetricsListener: async (id) => {
+      //
       // },
-      setFloatingButton: async (value, callback) => {},
-      setHeight: async value => {},
-      setOverlay: async (value, callback) => {},
+      selectPage: async options => {
+        void this.appCall(2, {
+          id: options.id,
+          showName: options.showName,
+          position: options.position,
+          params: options.params
+        }, {
+          awaitResult: false
+        });
+      },
+      scrollToY: async position => {
+        window.scrollTo({
+          top: position
+        });
+      },
+      sendMessageToGroup: async (groupId, message) => {
+        return sendMessageToGroup(this, message, groupId);
+      },
+      sendMessageToPage: async message => {
+        return sendMessageToPage(this, message);
+      },
+      sendMessageToUser: async (userId, message) => {
+        return sendMessageToUser(this, message, userId);
+      },
+      setAdminMode: async () => {
+        this.notImplemented("setAdminMode");
+      },
+      setDisplayTimeout: async enabled => {
+        this.appCall(94, {
+          enabled
+        }, {
+          awaitResult: false
+        });
+        return {
+          isEnabled: enabled
+        };
+      },
+      setFloatingButton: async (value, callback) => {
+        void (await this.appCall(72, {
+          text: value.text,
+          textSize: value.textSize,
+          badge: value.badge,
+          color: value.color,
+          colorText: value.colorText,
+          icon: value.icon,
+          enabled: value.isEnabled,
+          position: value.position
+        }, callback));
+      },
+      setHeight: async () => {
+        this.notImplemented("setOverlay");
+      },
+      setOverlay: async () => {
+        this.notImplemented("setOverlay");
+      },
       setRefreshScrollEnabled: async isEnabled => {
-        invokeAppCall({
-          action: 0,
-          value: {
-            enabled: isEnabled
-          }
+        this.appCall(0, {
+          enabled: isEnabled
+        }, {
+          awaitResult: false
         });
         return {
           isEnabled
         };
       },
-      // setScanQrCode: async (value) => {
-      // },
-      setTempDesignSettings: async value => {},
-      setWaitCursor: async value => {},
-      storageGetItem: async (key, accessMode) => {},
-      storageRemoveItem: async (key, accessMode) => {},
-      storageSetItem: async (key, value, accessMode, tappIds) => {},
-      vibrate: async value => {}
+      setScanQrCode: async value => {
+        return await this.appCall(34, value);
+      },
+      setTempDesignSettings: async () => {
+        this.notImplemented("setTempDesignSettings");
+      },
+      setWaitCursor: async value => {
+        void this.appCall(1, {
+          enabled: value.isEnabled,
+          text: value.text,
+          timeout: value.timeout,
+          progress: value.progress,
+          progressText: value.progressText,
+          disappearTimeout: value.disappearTimeout
+        }, {
+          awaitResult: false
+        });
+      },
+      storageGetItem: async (key, accessMode) => {
+        const result = await this.appCall(74, {
+          key,
+          accessMode
+        });
+        return result === null || result === void 0 ? void 0 : result.object;
+      },
+      storageRemoveItem: async (key, accessMode) => {
+        this.appCall(73, {
+          key,
+          accessMode
+        }, {
+          awaitResult: false
+        });
+      },
+      storageSetItem: async (key, value, accessMode, tappIds) => {
+        this.appCall(73, {
+          key,
+          object: value,
+          accessMode,
+          tappIDs: tappIds
+        }, {
+          awaitResult: false
+        });
+      },
+      vibrate: async value => {
+        void this.appCall(19, value, {
+          awaitResult: false
+        });
+      }
     });
   }
-  appCall(call) {
-    // generate uuid just in case multiple AppWrapper in one window
-    call.value.callback = `window.chaynsApiV5Callback_` + this.counter++;
-    invokeAppCall(call);
+  notImplemented(call) {
+    console.warn(`call ${call} not implement in app`);
   }
-
-  // @ts-ignore
-
-  async init() {
-    await new Promise(resolve => {
-      // @ts-ignore
-      window.globalDataCallback = data => {
-        this.values = this.mapOldApiToNew(data);
-        resolve(data);
-      };
+  appCall(action) {
+    let value = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    let {
+      callback,
+      awaitResult = true
+    } = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+    if (!awaitResult) {
       invokeAppCall({
-        action: 18,
-        value: {
-          callback: 'window.globalDataCallback'
+        action,
+        value
+      });
+      return;
+    }
+    return new Promise(resolve => {
+      const callbackName = `chaynsApiV5Callback_${this.counter++}`;
+      window[callbackName] = v => {
+        var _v$retVal2;
+        if (callback) {
+          var _v$retVal;
+          callback((_v$retVal = v === null || v === void 0 ? void 0 : v.retVal) !== null && _v$retVal !== void 0 ? _v$retVal : v);
+        } else {
+          delete window[callbackName];
         }
+        resolve((_v$retVal2 = v === null || v === void 0 ? void 0 : v.retVal) !== null && _v$retVal2 !== void 0 ? _v$retVal2 : v);
+      };
+      value.callback = "window." + callbackName;
+      invokeAppCall({
+        action,
+        value
       });
     });
+  }
+  async init() {
+    this.values = this.mapOldApiToNew(await this.appCall(18));
     return undefined;
   }
   getSSRData() {

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

@@ -193,9 +193,6 @@ export declare const getDevice: () => ChaynsApiDevice;
 export declare const getLanguage: () => {
     site: import("../types/IChaynsReact").Language;
     translation: import("../types/IChaynsReact").Language | null;
-    /**
-     * This method returns a list of installed share/social media apps.
-     */
     device: import("../types/IChaynsReact").Language;
     active: import("../types/IChaynsReact").Language;
 };
@@ -214,9 +211,6 @@ export declare const device: ChaynsApiDevice;
 export declare const language: {
     site: import("../types/IChaynsReact").Language;
     translation: import("../types/IChaynsReact").Language | null;
-    /**
-     * This method returns a list of installed share/social media apps.
-     */
     device: import("../types/IChaynsReact").Language;
     active: import("../types/IChaynsReact").Language;
 };

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

@@ -7,7 +7,7 @@ export { useWindowMetrics, useWindowMetricsListener } from './windowMetricsListe
 export { useDevice } from './useDevice';
 export { useSite } from './useSite';
 export { useParameters } from './useParameters';
-export { usePages, usePage } from './usePages';
+export { usePages, usePage, getPage } from './usePages';
 export { useEnvironment } from './useEnvironment';
 export { useLanguage } from './useLanguage';
 export { useValues } from './useValues';

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

@@ -12,3 +12,7 @@ export declare const usePage: ({ id, siteId }: {
     id: any;
     siteId: any;
 }) => Page | null;
+export declare const getPage: ({ id, siteId }?: {
+    id: null;
+    siteId: null;
+}) => Page | null;

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

@@ -10,6 +10,7 @@ type ChaynsHostType = {
     functions: ChaynsReactFunctions;
     src: string;
     iFrameRef: React.MutableRefObject<HTMLIFrameElement | null> | undefined;
+    loadingComponent?: JSX.Element;
     children?: JSX.Element;
     system: TypeSystem;
     pages: Page[];

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

@@ -1,12 +1,12 @@
 import { Browser, OperatingSystem } from 'detect-browser';
 import { DialogButton, SelectDialogItem } from "./dialog";
 export type ChaynsApiUser = {
-    firstName: string;
-    lastName: string;
-    gender: Gender;
-    uacGroups: UacGroup[];
-    userId: number;
-    personId: string;
+    firstName?: string;
+    lastName?: string;
+    gender?: Gender;
+    uacGroups?: UacGroup[];
+    userId?: number;
+    personId?: string;
 };
 export type ChaynsApiSite = {
     id: string;
@@ -171,10 +171,29 @@ export type IntercomMessage = {
     text: string;
     images?: string[];
 };
+export declare enum ScanQrCodeCodeType {
+    QR = 0,
+    BARCODE = 0,
+    ALL = 2
+}
+export declare enum ScanQrCodeCameraTypes {
+    AUTO = 0,
+    BACK = 1,
+    FRONT = 2
+}
 export type ScanQrCodeRequest = {
-    cancel: boolean;
+    cancel?: boolean;
     timeout?: number;
-    cameraType: 0 | 1 | 2;
+    cameraType?: ScanQrCodeCameraTypes;
+    dialogTitle?: string;
+    dialogSubtitle?: string;
+    enableFlashToggle?: boolean;
+    enableCameraSwitch?: boolean;
+    ccAnimation?: boolean;
+    geoLocation?: boolean;
+    showInput?: boolean;
+    codeType?: ScanQrCodeCodeType;
+    codeFormats?: 4 | 5;
 };
 export type ScanQrCodeResult = {
     qrCode: string;
@@ -349,8 +368,11 @@ export interface OpenVideo {
     url: string;
 }
 declare enum LoginState {
+    FACEBOOK = 0,
+    T_WEB = 1,
     LoginFailed = 2,
-    AlreadyLoggedIn = 3
+    AlreadyLoggedIn = 3,
+    SUCCESS = 4
 }
 export interface LoginResult {
     loginState: LoginState;
@@ -360,7 +382,7 @@ export interface Login {
 }
 export interface InvokeCall {
     action: number;
-    value: object;
+    value?: object;
 }
 export interface WaitCursor {
     isEnabled: boolean;
@@ -368,6 +390,7 @@ export interface WaitCursor {
     timeout?: number;
     progress?: number;
     progressText?: string;
+    disappearTimeout?: number;
 }
 export declare enum FloatingButtonPosition {
     Right = 0,
@@ -443,8 +466,16 @@ export interface WindowMetricsListenerResult {
     pageWidth: number;
     pageSize: ScreenSize;
 }
+export declare enum TappEvent {
+    OnShow = 0,
+    OnHide = 1,
+    OnRefresh = 2,
+    OnOpenCcScanner = 3,
+    OnCloseCcScanner = 4
+}
 export interface VisibilityChangeListenerResult {
     isVisible: boolean;
+    tappEvent: TappEvent;
 }
 export interface ScrollListenerResult {
     scrollX: number | null;

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

@@ -1,7 +1,7 @@
-import { ChaynsApiDevice } from '../types/IChaynsReact';
+import { ChaynsApiDevice, ScreenSize } from '../types/IChaynsReact';
 declare const getDeviceInfo: (userAgent: string, acceptHeader: string) => ChaynsApiDevice;
 export declare const getClientDeviceInfo: () => {
     isTouch: false | MediaQueryList;
 };
-export declare const getScreenSize: (width: any) => any;
+export declare const getScreenSize: (width: any) => ScreenSize;
 export default getDeviceInfo;

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

@@ -2,12 +2,14 @@ import { ChaynsReactFunctions, ChaynsReactValues, CleanupCallback, DataChangeCal
 export declare class AppWrapper implements IChaynsReact {
     values: ChaynsReactValues;
     accessToken: string;
-    mapOldApiToNew({ retVal }: {
-        retVal: any;
-    }): ChaynsReactValues;
+    mapOldApiToNew(retVal: any): ChaynsReactValues;
     constructor();
+    notImplemented(call: string): void;
     counter: number;
-    appCall(call: any): void;
+    appCall(action: any, value?: unknown, { callback, awaitResult }?: {
+        callback: any;
+        awaitResult?: boolean | undefined;
+    }): Promise<unknown> | undefined;
     functions: ChaynsReactFunctions;
     init(): Promise<undefined>;
     getSSRData(): null;

package/package.json

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