chayns-api 2.2.21 → 2.3.0-beta.1

package/dist/cjs/util/appStorage.js

@@ -0,0 +1,113 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.addAppStorageListener = addAppStorageListener;
+exports.clearAppStorage = clearAppStorage;
+exports.getAppStorageItem = getAppStorageItem;
+exports.isAppStorageAvailable = isAppStorageAvailable;
+exports.removeAppStorageItem = removeAppStorageItem;
+exports.setAppStorageItem = setAppStorageItem;
+var _apiListenerHelper = require("../helper/apiListenerHelper");
+var _IChaynsReact = require("../types/IChaynsReact");
+function isAppStorageAvailable() {
+  var _this$values$device$a, _this$values$device$a2;
+  if (((_this$values$device$a = this.values.device.app) === null || _this$values$device$a === void 0 ? void 0 : _this$values$device$a.name) !== _IChaynsReact.AppName.Team) {
+    return false;
+  }
+  return ((_this$values$device$a2 = this.values.device.app) === null || _this$values$device$a2 === void 0 ? void 0 : _this$values$device$a2.appVersion) >= (['iOS', 'Mac OS'].includes(this.values.device.os) ? 1046 : 1031);
+}
+function getAppStorageItem(storeName, key) {
+  if (this.values.device.os === 'iOS' || this.values.device.os === 'Mac OS') {
+    const callbackName = `chaynsApiV5Callback_${this.counter++}`;
+    return new Promise(resolve => {
+      window[callbackName] = (_key, _storeName, value) => {
+        resolve(value);
+        delete window[callbackName];
+      };
+      window.webkit.messageHandlers.chaynsDataGetItem.postMessage({
+        storeName,
+        key,
+        callback: callbackName
+      });
+    });
+  }
+  const result = window.chaynsWebViewStorage.chaynsDataGetItem(storeName, key);
+  try {
+    return Promise.resolve(result ? JSON.parse(result) : result);
+  } catch {
+    return Promise.resolve(result);
+  }
+}
+function setAppStorageItem(storeName, key, value) {
+  if (this.values.device.os === 'iOS' || this.values.device.os === 'Mac OS') {
+    const callbackName = `chaynsApiV5Callback_${this.counter++}`;
+    return new Promise((resolve, reject) => {
+      window[callbackName] = () => {
+        resolve();
+        delete window[callbackName];
+      };
+      window.webkit.messageHandlers.chaynsDataSetItem.postMessage({
+        storeName,
+        key,
+        value,
+        callback: callbackName
+      });
+    });
+  }
+  window.chaynsWebViewStorage.chaynsDataSetItem(storeName, key, JSON.stringify(value));
+  return Promise.resolve();
+}
+function removeAppStorageItem(storeName, key) {
+  if (this.values.device.os === 'iOS' || this.values.device.os === 'Mac OS') {
+    window.webkit.messageHandlers.chaynsDataRemoveItem.postMessage({
+      storeName,
+      key
+    });
+  } else {
+    window.chaynsWebViewStorage.chaynsDataRemoveItem(storeName, key);
+  }
+}
+function clearAppStorage(storeName) {
+  if (this.values.device.os === 'iOS' || this.values.device.os === 'Mac OS') {
+    window.webkit.messageHandlers.chaynsDataErase.postMessage({
+      storeName
+    });
+  } else {
+    window.chaynsWebViewStorage.chaynsDataErase(storeName);
+  }
+}
+async function addAppStorageListener(storeName, prefix, callback) {
+  const callbackName = `chaynsApiV5Callback_${this.counter++}`;
+  const {
+    shouldInitialize
+  } = (0, _apiListenerHelper.addApiListener)(`appStorageListener/${storeName}`, callback);
+  const handleValue = value => {
+    var _value$key;
+    if (value.action === 0 && (_value$key = value.key) !== null && _value$key !== void 0 && _value$key.startsWith(prefix)) {
+      let data = value.value;
+      try {
+        if (typeof data === 'string') {
+          data = JSON.parse(data);
+        }
+      } catch {}
+      callback(data);
+      void removeAppStorageItem.call(this, storeName, value.key);
+    }
+  };
+  if (shouldInitialize) {
+    const result = await getAppStorageItem.call(this, storeName);
+    result === null || result === void 0 || result.forEach(value => {
+      handleValue(value);
+    });
+  }
+  window[callbackName] = handleValue;
+  this.appCall(307, {
+    storeName,
+    callback: callbackName,
+    action: 1
+  }, {
+    awaitResult: false
+  });
+}

package/dist/cjs/wrapper/AppWrapper.js

@@ -5,24 +5,25 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.AppWrapper = void 0;
 var _lodash = _interopRequireDefault(require("lodash.throttle"));
+var _getUserInfo = _interopRequireDefault(require("../calls/getUserInfo"));
+var _sendMessage = require("../calls/sendMessage");
+var _languages = require("../constants/languages");
 var _DialogHandler = _interopRequireDefault(require("../handler/DialogHandler"));
+var _apiListenerHelper = require("../helper/apiListenerHelper");
 var _IChaynsReact = require("../types/IChaynsReact");
 var _appCall = _interopRequireDefault(require("../util/appCall"));
+var _appStorage = require("../util/appStorage");
 var _deviceHelper = _interopRequireWildcard(require("../util/deviceHelper"));
-var _getUserInfo = _interopRequireDefault(require("../calls/getUserInfo"));
-var _sendMessage = require("../calls/sendMessage");
-var _apiListenerHelper = require("../helper/apiListenerHelper");
-var _languages = require("../constants/languages");
 var _is = require("../util/is");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-let appWrapperDialogId = 0;
 class AppWrapper {
   values = null;
   accessToken = '';
   listeners = [];
   customFunctions = {};
+  nextDialogEventId = 0;
   async loadStyleSettings(siteId) {
     try {
       var _AbortSignal$timeout, _AbortSignal;
@@ -575,7 +576,8 @@ class AppWrapper {
       return new _DialogHandler.default(config, this.functions.openDialog, this.functions.closeDialog, this.functions.dispatchEventToDialogClient, this.functions.addDialogClientEventListener);
     },
     openDialog: async (config, callback) => {
-      const currentDialogId = appWrapperDialogId++;
+      const currentDialogId = crypto.randomUUID();
+      this.nextDialogEventId = 0;
       const isSupported = (0, _is.isAppCallSupported)({
         minAndroidVersion: 7137,
         minIOSVersion: 6934
@@ -583,7 +585,8 @@ class AppWrapper {
       this.appCall(184, {
         dialogContent: {
           apiVersion: 5,
-          config
+          config,
+          dialogId: currentDialogId
         },
         externalDialogUrl: isSupported ? undefined : 'https://tapp.chayns-static.space/api/dialog-v2/v1/index.html'
       }, {
@@ -600,10 +603,37 @@ class AppWrapper {
           buttonType,
           result
         });
+        (0, _appStorage.clearAppStorage)(window._currentDialogId);
+      }
+    },
+    dispatchEventToDialogClient: (dialogId, data) => {
+      if (_appStorage.isAppStorageAvailable.call(this)) {
+        void _appStorage.setAppStorageItem.call(this, dialogId, `client/${this.nextDialogEventId++}`, data);
+      } else {
+        this.notImplemented('dispatchEventToDialogClient');
+      }
+    },
+    addDialogClientEventListener: (dialogId, listener) => {
+      if (_appStorage.isAppStorageAvailable.call(this)) {
+        _appStorage.addAppStorageListener.call(this, dialogId, 'host/', listener);
+      } else {
+        this.notImplemented('addDialogClientEventListener');
+      }
+    },
+    dispatchEventToDialogHost: data => {
+      if (_appStorage.isAppStorageAvailable.call(this)) {
+        void _appStorage.setAppStorageItem.call(this, window._currentDialogId, `host/${this.nextDialogEventId++}`, data);
+      } else {
+        this.notImplemented('dispatchEventToDialogHost');
+      }
+    },
+    addDialogHostEventListener: callback => {
+      if (_appStorage.isAppStorageAvailable.call(this)) {
+        void _appStorage.addAppStorageListener.call(this, window._currentDialogId, 'client/', callback);
+      } else {
+        this.notImplemented('addDialogHostEventListener');
       }
     },
-    dispatchEventToDialogClient: () => this.notImplemented('dispatchEventToDialogClient'),
-    addDialogClientEventListener: () => this.notImplemented('addDialogClientEventListener'),
     addAnonymousAccount: async () => {
       return this.appCall(302);
     },

package/dist/esm/util/appStorage.js

@@ -0,0 +1,102 @@
+import { addApiListener } from '../helper/apiListenerHelper';
+import { AppName } from '../types/IChaynsReact';
+export function isAppStorageAvailable() {
+  var _this$values$device$a, _this$values$device$a2;
+  if (((_this$values$device$a = this.values.device.app) === null || _this$values$device$a === void 0 ? void 0 : _this$values$device$a.name) !== AppName.Team) {
+    return false;
+  }
+  return ((_this$values$device$a2 = this.values.device.app) === null || _this$values$device$a2 === void 0 ? void 0 : _this$values$device$a2.appVersion) >= (['iOS', 'Mac OS'].includes(this.values.device.os) ? 1046 : 1031);
+}
+export function getAppStorageItem(storeName, key) {
+  if (this.values.device.os === 'iOS' || this.values.device.os === 'Mac OS') {
+    const callbackName = `chaynsApiV5Callback_${this.counter++}`;
+    return new Promise(resolve => {
+      window[callbackName] = (_key, _storeName, value) => {
+        resolve(value);
+        delete window[callbackName];
+      };
+      window.webkit.messageHandlers.chaynsDataGetItem.postMessage({
+        storeName,
+        key,
+        callback: callbackName
+      });
+    });
+  }
+  const result = window.chaynsWebViewStorage.chaynsDataGetItem(storeName, key);
+  try {
+    return Promise.resolve(result ? JSON.parse(result) : result);
+  } catch {
+    return Promise.resolve(result);
+  }
+}
+export function setAppStorageItem(storeName, key, value) {
+  if (this.values.device.os === 'iOS' || this.values.device.os === 'Mac OS') {
+    const callbackName = `chaynsApiV5Callback_${this.counter++}`;
+    return new Promise((resolve, reject) => {
+      window[callbackName] = () => {
+        resolve();
+        delete window[callbackName];
+      };
+      window.webkit.messageHandlers.chaynsDataSetItem.postMessage({
+        storeName,
+        key,
+        value,
+        callback: callbackName
+      });
+    });
+  }
+  window.chaynsWebViewStorage.chaynsDataSetItem(storeName, key, JSON.stringify(value));
+  return Promise.resolve();
+}
+export function removeAppStorageItem(storeName, key) {
+  if (this.values.device.os === 'iOS' || this.values.device.os === 'Mac OS') {
+    window.webkit.messageHandlers.chaynsDataRemoveItem.postMessage({
+      storeName,
+      key
+    });
+  } else {
+    window.chaynsWebViewStorage.chaynsDataRemoveItem(storeName, key);
+  }
+}
+export function clearAppStorage(storeName) {
+  if (this.values.device.os === 'iOS' || this.values.device.os === 'Mac OS') {
+    window.webkit.messageHandlers.chaynsDataErase.postMessage({
+      storeName
+    });
+  } else {
+    window.chaynsWebViewStorage.chaynsDataErase(storeName);
+  }
+}
+export async function addAppStorageListener(storeName, prefix, callback) {
+  const callbackName = `chaynsApiV5Callback_${this.counter++}`;
+  const {
+    shouldInitialize
+  } = addApiListener(`appStorageListener/${storeName}`, callback);
+  const handleValue = value => {
+    var _value$key;
+    if (value.action === 0 && (_value$key = value.key) !== null && _value$key !== void 0 && _value$key.startsWith(prefix)) {
+      let data = value.value;
+      try {
+        if (typeof data === 'string') {
+          data = JSON.parse(data);
+        }
+      } catch {}
+      callback(data);
+      void removeAppStorageItem.call(this, storeName, value.key);
+    }
+  };
+  if (shouldInitialize) {
+    const result = await getAppStorageItem.call(this, storeName);
+    result === null || result === void 0 || result.forEach(value => {
+      handleValue(value);
+    });
+  }
+  window[callbackName] = handleValue;
+  this.appCall(307, {
+    storeName,
+    callback: callbackName,
+    action: 1
+  }, {
+    awaitResult: false
+  });
+}

package/dist/esm/wrapper/AppWrapper.js

@@ -2,16 +2,16 @@ 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 throttle from 'lodash.throttle';
+import getUserInfo from '../calls/getUserInfo';
+import { sendMessageToGroup, sendMessageToPage, sendMessageToUser } from '../calls/sendMessage';
+import { DeviceLanguage } from '../constants/languages';
 import DialogHandler from '../handler/DialogHandler';
+import { addApiListener, dispatchApiEvent, removeApiListener } from '../helper/apiListenerHelper';
 import { Environment, Font, Gender, IconType, RuntimeEnviroment, TappEvent } from '../types/IChaynsReact';
 import invokeAppCall from '../util/appCall';
+import { addAppStorageListener, clearAppStorage, isAppStorageAvailable, setAppStorageItem } from '../util/appStorage';
 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';
-import { DeviceLanguage } from '../constants/languages';
 import { isAppCallSupported } from '../util/is';
-let appWrapperDialogId = 0;
 export class AppWrapper {
   async loadStyleSettings(siteId) {
     try {
@@ -142,6 +142,7 @@ export class AppWrapper {
     _defineProperty(this, "accessToken", '');
     _defineProperty(this, "listeners", []);
     _defineProperty(this, "customFunctions", {});
+    _defineProperty(this, "nextDialogEventId", 0);
     _defineProperty(this, "counter", 0);
     _defineProperty(this, "functions", {
       getAccessToken: async () => ({
@@ -539,7 +540,8 @@ export class AppWrapper {
         return new DialogHandler(config, this.functions.openDialog, this.functions.closeDialog, this.functions.dispatchEventToDialogClient, this.functions.addDialogClientEventListener);
       },
       openDialog: async (config, callback) => {
-        const currentDialogId = appWrapperDialogId++;
+        const currentDialogId = crypto.randomUUID();
+        this.nextDialogEventId = 0;
         const isSupported = isAppCallSupported({
           minAndroidVersion: 7137,
           minIOSVersion: 6934
@@ -547,7 +549,8 @@ export class AppWrapper {
         this.appCall(184, {
           dialogContent: {
             apiVersion: 5,
-            config
+            config,
+            dialogId: currentDialogId
           },
           externalDialogUrl: isSupported ? undefined : 'https://tapp.chayns-static.space/api/dialog-v2/v1/index.html'
         }, {
@@ -565,10 +568,37 @@ export class AppWrapper {
             buttonType,
             result
           });
+          clearAppStorage(window._currentDialogId);
+        }
+      },
+      dispatchEventToDialogClient: (dialogId, data) => {
+        if (isAppStorageAvailable.call(this)) {
+          void setAppStorageItem.call(this, dialogId, `client/${this.nextDialogEventId++}`, data);
+        } else {
+          this.notImplemented('dispatchEventToDialogClient');
+        }
+      },
+      addDialogClientEventListener: (dialogId, listener) => {
+        if (isAppStorageAvailable.call(this)) {
+          addAppStorageListener.call(this, dialogId, 'host/', listener);
+        } else {
+          this.notImplemented('addDialogClientEventListener');
+        }
+      },
+      dispatchEventToDialogHost: data => {
+        if (isAppStorageAvailable.call(this)) {
+          void setAppStorageItem.call(this, window._currentDialogId, `host/${this.nextDialogEventId++}`, data);
+        } else {
+          this.notImplemented('dispatchEventToDialogHost');
+        }
+      },
+      addDialogHostEventListener: callback => {
+        if (isAppStorageAvailable.call(this)) {
+          void addAppStorageListener.call(this, window._currentDialogId, 'client/', callback);
+        } else {
+          this.notImplemented('addDialogHostEventListener');
         }
       },
-      dispatchEventToDialogClient: () => this.notImplemented('dispatchEventToDialogClient'),
-      addDialogClientEventListener: () => this.notImplemented('addDialogClientEventListener'),
       addAnonymousAccount: async () => {
         return this.appCall(302);
       },

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

@@ -419,11 +419,17 @@ export interface ChaynsReactFunctions {
     openDialog: (value: any, callback: (data: any) => any) => Promise<any>;
     closeDialog: (dialogId: number) => Promise<void>;
     setDialogResult: (buttonType: DialogButtonType, result: any) => Promise<void>;
+    /** Sends event from opener to dialog */
     dispatchEventToDialogClient: (dialogId: number, data: object) => Promise<void>;
+    /** Allows the opener of a dialog to add event listeners for events sent from the dialog */
     addDialogClientEventListener: (dialogId: number, callback: (data: object) => void) => Promise<number>;
+    /** Removes listeners which were added via addDialogClientEventListener */
     removeDialogClientEventListener: (dialogId: number, id: number) => Promise<void>;
+    /** Sends event from dialog to opener */
     dispatchEventToDialogHost: (data: object) => Promise<void>;
+    /** Allows the dialog to add event listeners for events sent from the opener */
     addDialogHostEventListener: (callback: (data: object) => void) => Promise<number>;
+    /** Removes listeners which were added via addDialogHostEventListener */
     removeDialogHostEventListener: (id: number) => Promise<void>;
     addAnonymousAccount: () => Promise<AnonymousAccountResult>;
     addAccessTokenChangeListener: (options: {

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

@@ -0,0 +1,7 @@
+import { AppWrapper } from '../wrapper/AppWrapper';
+export declare function isAppStorageAvailable(this: AppWrapper): boolean;
+export declare function getAppStorageItem<T extends unknown>(this: AppWrapper, storeName: string, key?: string): Promise<T>;
+export declare function setAppStorageItem<T extends string | object>(this: AppWrapper, storeName: string, key: string, value: T): Promise<void>;
+export declare function removeAppStorageItem(this: AppWrapper, storeName: string, key: string): void;
+export declare function clearAppStorage(this: AppWrapper, storeName: string): void;
+export declare function addAppStorageListener<T extends string | object>(this: AppWrapper, storeName: string, prefix: string, callback: (value: T | undefined) => void): Promise<void>;

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

@@ -4,6 +4,7 @@ export declare class AppWrapper implements IChaynsReact {
     accessToken: string;
     listeners: (() => void)[];
     customFunctions: {};
+    nextDialogEventId: number;
     loadStyleSettings(siteId: string): Promise<ChaynsStyleSettings | undefined>;
     mapOldApiToNew(retVal: any): ChaynsReactValues;
     constructor();

package/package.json

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