chayns-api 1.0.0

package/dist/cjs/wrapper/FrameWrapper.js

@@ -0,0 +1,288 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FrameWrapper = void 0;
+var comlink = _interopRequireWildcard(require("comlink"));
+var _visibilityChangeListener = require("../calls/visibilityChangeListener");
+var _apiListenerHelper = require("../helper/apiListenerHelper");
+var _getUserInfo = _interopRequireDefault(require("../calls/getUserInfo"));
+var _sendMessage = require("../calls/sendMessage");
+var _heightHelper = require("../util/heightHelper");
+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; }
+/* eslint-disable @typescript-eslint/no-non-null-assertion */
+
+class FrameWrapper {
+  resolve = null;
+  exposedFunctions = null;
+  resizeListener = null;
+  ready = new Promise(res => {
+    this.resolve = res;
+  });
+  values = null;
+  functions = {
+    addGeoLocationListener: async (value, callback) => {
+      if (!this.initialized) await this.ready;
+      return this.exposedFunctions.addGeoLocationListener(value, callback && comlink.proxy(result => callback(result)));
+    },
+    addScrollListener: async (value, callback) => {
+      if (!this.initialized) await this.ready;
+      return this.exposedFunctions.addScrollListener(value, callback && comlink.proxy(result => callback(result)));
+    },
+    addVisibilityChangeListener: async callback => (0, _visibilityChangeListener.addVisibilityChangeListener)(callback),
+    addWindowMetricsListener: async callback => {
+      if (!this.initialized) await this.ready;
+      const {
+        id,
+        shouldInitialize
+      } = (0, _apiListenerHelper.addApiListener)('windowMetricsListener', callback);
+      if (shouldInitialize) {
+        void this.exposedFunctions.addWindowMetricsListener(comlink.proxy(result => {
+          (0, _apiListenerHelper.dispatchApiEvent)('windowMetricsListener', result);
+        }));
+        window.addEventListener('resize', this.resizeListener = () => {
+          void (async () => {
+            const metrics = await this.exposedFunctions.getWindowMetrics();
+            (0, _apiListenerHelper.dispatchApiEvent)('windowMetricsListener', metrics);
+          })();
+        });
+      }
+      return id;
+    },
+    customCallbackFunction: async (type, data) => {
+      if (!this.initialized) await this.ready;
+      return this.exposedFunctions.customCallbackFunction(type, data);
+    },
+    getAvailableSharingServices: async () => {
+      if (!this.initialized) await this.ready;
+      return this.exposedFunctions.getAvailableSharingServices();
+    },
+    getAccessToken: async accessToken => {
+      if (!this.initialized) await this.ready;
+      return this.exposedFunctions.getAccessToken(accessToken);
+    },
+    getGeoLocation: async value => {
+      if (!this.initialized) await this.ready;
+      return this.exposedFunctions.getGeoLocation(value);
+    },
+    getUserInfo: async query => {
+      if (!this.initialized) await this.ready;
+      return (0, _getUserInfo.default)(this, query);
+    },
+    getScrollPosition: async () => {
+      if (!this.initialized) await this.ready;
+      return this.exposedFunctions.getScrollPosition();
+    },
+    getWindowMetrics: async () => {
+      if (!this.initialized) await this.ready;
+      return this.exposedFunctions.getWindowMetrics();
+    },
+    invokeCall: async (value, callback) => {
+      if (!this.initialized) await this.ready;
+      return this.exposedFunctions.invokeCall(value, callback && comlink.proxy(result => callback(result)));
+    },
+    invokeDialogCall: async (value, callback) => {
+      if (!this.initialized) await this.ready;
+      return this.exposedFunctions.invokeDialogCall(value, callback && comlink.proxy(result => callback(result)));
+    },
+    login: async (value, callback, closeCallback) => {
+      if (!this.initialized) await this.ready;
+      return this.exposedFunctions.login(value, callback && comlink.proxy(result => callback(result)), closeCallback && comlink.proxy(() => closeCallback()));
+    },
+    logout: async () => {
+      if (!this.initialized) await this.ready;
+      return this.exposedFunctions.logout();
+    },
+    navigateBack: async () => {
+      if (!this.initialized) await this.ready;
+      return this.exposedFunctions.navigateBack();
+    },
+    openImage: async value => {
+      if (!this.initialized) await this.ready;
+      return this.exposedFunctions.openImage(value);
+    },
+    openUrl: async value => {
+      if (!this.initialized) await this.ready;
+      return this.exposedFunctions.openUrl(value);
+    },
+    openVideo: async value => {
+      if (!this.initialized) await this.ready;
+      return this.exposedFunctions.openVideo(value);
+    },
+    refreshAccessToken: async () => {
+      if (!this.initialized) await this.ready;
+      return this.exposedFunctions.refreshAccessToken();
+    },
+    refreshData: async value => {
+      if (!this.initialized) await this.ready;
+      return this.exposedFunctions.refreshData(value);
+    },
+    removeGeoLocationListener: async id => {
+      if (!this.initialized) await this.ready;
+      return this.exposedFunctions.removeGeoLocationListener(id);
+    },
+    removeScrollListener: async id => {
+      if (!this.initialized) await this.ready;
+      return this.exposedFunctions.removeScrollListener(id);
+    },
+    removeVisibilityChangeListener(number) {
+      (0, _visibilityChangeListener.removeVisibilityChangeListener)(number);
+      return Promise.resolve();
+    },
+    removeWindowMetricsListener: async id => {
+      if (!this.initialized) await this.ready;
+      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 => {
+      if (!this.initialized) await this.ready;
+      await this.exposedFunctions.selectPage(options);
+    },
+    scrollToY: async (position, duration) => {
+      if (!this.initialized) await this.ready;
+      await this.exposedFunctions.scrollToY(position, duration);
+    },
+    sendMessageToGroup: async (groupId, message) => {
+      if (!this.initialized) await this.ready;
+      return (0, _sendMessage.sendMessageToGroup)(this, message, groupId);
+    },
+    sendMessageToPage: async message => {
+      if (!this.initialized) await this.ready;
+      return (0, _sendMessage.sendMessageToPage)(this, message);
+    },
+    sendMessageToUser: async (userId, message) => {
+      if (!this.initialized) await this.ready;
+      return (0, _sendMessage.sendMessageToUser)(this, message, userId);
+    },
+    setAdminMode: async enabled => {
+      if (!this.initialized) await this.ready;
+      return this.exposedFunctions.setAdminMode(enabled);
+    },
+    setDisplayTimeout: async value => {
+      if (!this.initialized) await this.ready;
+      return this.exposedFunctions.setDisplayTimeout(value);
+    },
+    setFloatingButton: async (value, callback) => {
+      var _value$items;
+      if (!this.initialized) await this.ready;
+      value.items = (_value$items = value.items) !== null && _value$items !== void 0 ? _value$items : [];
+      const itemClickFunctions = value.items.map(x => x.onClick);
+      value.items = value.items.map(x => ({
+        ...x,
+        onClick: undefined
+      }));
+      const cb = callback && comlink.proxy(data => {
+        if (data !== null && data !== void 0 && data.item && itemClickFunctions[data.index]) {
+          itemClickFunctions[data.index]();
+        } else {
+          callback();
+        }
+      });
+      // @ts-ignore
+      return this.exposedFunctions.setFloatingButton(value, cb);
+    },
+    setHeight: async value => {
+      if (!this.initialized) await this.ready;
+      return this.exposedFunctions.setHeight(value);
+    },
+    setOverlay: async (value, callback) => {
+      if (!this.initialized) await this.ready;
+      return this.exposedFunctions.setOverlay(value, callback && comlink.proxy(() => callback()));
+    },
+    setRefreshScrollEnabled: async enabled => {
+      if (!this.initialized) await this.ready;
+      return this.exposedFunctions.setRefreshScrollEnabled(enabled);
+    },
+    setScanQrCode: async value => {
+      if (!this.initialized) await this.ready;
+      return this.exposedFunctions.setScanQrCode(value !== null && value !== void 0 ? value : {
+        cancel: false
+      });
+    },
+    setTempDesignSettings: async value => {
+      if (!this.initialized) await this.ready;
+      return this.exposedFunctions.setTempDesignSettings(value);
+    },
+    setWaitCursor: async value => {
+      if (!this.initialized) await this.ready;
+      return this.exposedFunctions.setWaitCursor(value);
+    },
+    storageGetItem: async (key, accessMode) => {
+      if (!this.initialized) await this.ready;
+      return this.exposedFunctions.storageGetItem(key, accessMode);
+    },
+    storageRemoveItem: async (key, accessMode) => {
+      if (!this.initialized) await this.ready;
+      return this.exposedFunctions.storageRemoveItem(key, accessMode);
+    },
+    storageSetItem: async (key, value, accessMode, tappIds) => {
+      if (!this.initialized) await this.ready;
+      return this.exposedFunctions.storageSetItem(key, value, accessMode, tappIds);
+    },
+    vibrate: async value => {
+      if (!this.initialized) await this.ready;
+      return this.exposedFunctions.vibrate(value);
+    }
+  };
+  initialized = false;
+  constructor() {
+    const initialDataTag = document.querySelector('#__CHAYNS_DATA__');
+    if (initialDataTag) {
+      this.values = JSON.parse(initialDataTag.innerHTML);
+    }
+  }
+  async init() {
+    if (this.initialized) return;
+    const exposed = comlink.wrap(comlink.windowEndpoint(window.parent))[window.name];
+    const dataListener = () => exposed.addDataListener(comlink.proxy(({
+      type,
+      value
+    }) => {
+      if (this.initialized) {
+        this.values[type] = value;
+      }
+      this.values[type] = value;
+      document.dispatchEvent(new CustomEvent('chayns_api_data', {
+        detail: {
+          type,
+          value
+        }
+      }));
+    }));
+    let hostReadyCallback = null;
+    await Promise.race([dataListener(), new Promise(resolve => {
+      window.addEventListener('message', hostReadyCallback = ev => {
+        if (ev.data === 'chayns-api-host-ready') {
+          void dataListener().then(resolve);
+        }
+      });
+    })]);
+    if (hostReadyCallback) window.removeEventListener('message', hostReadyCallback);
+    this.values = await exposed.getInitialData();
+    this.exposedFunctions = exposed.functions;
+    this.initialized = true;
+    this.resolve(null);
+    (0, _heightHelper.setTappHeight)(this.functions.setHeight);
+  }
+  addDataListener(cb) {
+    const listener = ev => ev.detail && cb(ev.detail);
+    document.addEventListener('chayns_api_data', listener);
+    return () => {
+      document.removeEventListener('chayns_api_data', listener);
+    };
+  }
+  getSSRData() {
+    return null;
+  }
+  getInitialData() {
+    return this.values;
+  }
+}
+exports.FrameWrapper = FrameWrapper;

package/dist/cjs/wrapper/ModuleFederationWrapper.js

@@ -0,0 +1,61 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ModuleFederationWrapper = void 0;
+var _visibilityChangeListener = require("../calls/visibilityChangeListener");
+var _apiListenerHelper = require("../helper/apiListenerHelper");
+var _getUserInfo = _interopRequireDefault(require("../calls/getUserInfo"));
+var _sendMessage = require("../calls/sendMessage");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+class ModuleFederationWrapper {
+  constructor(values, functions) {
+    this.values = values;
+    this.functions = {};
+    this.functions.addVisibilityChangeListener = async callback => (0, _visibilityChangeListener.addVisibilityChangeListener)(callback);
+    this.functions.removeVisibilityChangeListener = async id => (0, _visibilityChangeListener.removeVisibilityChangeListener)(id);
+    this.functions.getUserInfo = async query => (0, _getUserInfo.default)(this, query);
+    this.functions.sendMessageToGroup = async (groupId, object) => (0, _sendMessage.sendMessageToGroup)(this, object, groupId);
+    this.functions.sendMessageToPage = async object => (0, _sendMessage.sendMessageToPage)(this, object);
+    this.functions.sendMessageToUser = async (userId, object) => (0, _sendMessage.sendMessageToUser)(this, object, userId);
+    // make all functions async to be consistent with frame wrapper
+    Object.entries(functions).forEach(([k, fn]) => {
+      // eslint-disable-next-line
+      this.functions[k] = async (...args) => fn(...args);
+    });
+    this.functions.addWindowMetricsListener = async callback => {
+      const {
+        id,
+        shouldInitialize
+      } = (0, _apiListenerHelper.addApiListener)('windowMetrics', callback);
+      if (shouldInitialize) {
+        void functions.addWindowMetricsListener(value => (0, _apiListenerHelper.dispatchApiEvent)('windowMetrics', value));
+      }
+      return id;
+    };
+    this.functions.removeWindowMetricsListener = async id => {
+      const shouldRemove = (0, _apiListenerHelper.removeApiListener)('windowMetrics', id);
+      if (shouldRemove) {
+        void functions.removeWindowMetricsListener(id);
+      }
+    };
+  }
+  async init() {
+    return undefined;
+  }
+  addDataListener(cb) {
+    const listener = ev => ev.detail && cb(ev.detail);
+    document.addEventListener('chayns_api_data', listener);
+    return () => {
+      document.removeEventListener('chayns_api_data', listener);
+    };
+  }
+  getSSRData() {
+    return null;
+  }
+  getInitialData() {
+    return this.values;
+  }
+}
+exports.ModuleFederationWrapper = ModuleFederationWrapper;

package/dist/cjs/wrapper/SsrWrapper.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SsrWrapper = void 0;
+class SsrWrapper {
+  constructor(values, functions) {
+    this.initialData = values;
+    this.values = values;
+    this.functions = functions;
+  }
+  async init() {
+    return undefined;
+  }
+  addDataListener(cb) {
+    const listener = ev => ev.detail && cb(ev.detail);
+    document.addEventListener('chayns_api_data', listener);
+    return () => {
+      document.removeEventListener('chayns_api_data', listener);
+    };
+  }
+  getSSRData() {
+    return this.initialData;
+  }
+  getInitialData() {
+    return this.values;
+  }
+}
+exports.SsrWrapper = SsrWrapper;

package/dist/esm/calls/dialogs/alert.js

@@ -0,0 +1,15 @@
+import { buttonText, buttonType, chaynsDialog } from './chaynsDialog';
+export function alert() {
+  let title = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+  let message = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+  return chaynsDialog({
+    'dialog': {
+      title,
+      message,
+      'buttons': [{
+        'text': buttonText.OK,
+        'buttonType': buttonType.POSITIVE
+      }]
+    }
+  });
+}

package/dist/esm/calls/dialogs/chaynsDialog.js

@@ -0,0 +1,48 @@
+import { open } from './open';
+import { getCallbackName } from './utils/callback';
+export const buttonText = {
+  'YES': {
+    'de': 'Ja',
+    'en': 'Yes',
+    'nl': 'Ja'
+  }['de'] || 'Yes',
+  // TODO: Language
+  'NO': {
+    'de': 'Nein',
+    'en': 'No',
+    'nl': 'Nee'
+  }['de'] || 'No',
+  'OK': 'OK',
+  'CANCEL': {
+    'de': 'Abbrechen',
+    'en': 'Cancel',
+    'nl': 'Annuleren'
+  }['de'] || 'Cancel'
+};
+export const buttonType = {
+  'CANCEL': -1,
+  'NEGATIVE': 0,
+  'POSITIVE': 1
+};
+export const dialogAction = {
+  'ALERT_CONFIRM': 178,
+  'INPUT': 173,
+  'SELECT': 174,
+  'DATE': 175,
+  'ADVANCED_DATE': 176,
+  'DROP_UP_ALERT': 177,
+  'MEDIA_SELECT': 179,
+  'FILE_SELECT': 180,
+  'SIGNATURE': 181,
+  'IFRAME': 191
+};
+export function chaynsDialog(config) {
+  const callbackName = 'chaynsDialog';
+  config.callback = getCallbackName(callbackName);
+  if (config.dialog) {
+    config.dialog.callType = dialogAction.ALERT_CONFIRM;
+    // @ts-ignore
+    return open(config.dialog).then(data => Promise.resolve(data.selection ? data : data.buttonType));
+  }
+  return "unsupported";
+}

package/dist/esm/calls/dialogs/close.js

@@ -0,0 +1,7 @@
+import { invokeDialogCall } from "../index";
+export function close() {
+  return invokeDialogCall({
+    action: 113,
+    value: {}
+  });
+}

package/dist/esm/calls/dialogs/communication.js

@@ -0,0 +1,66 @@
+// @ts-nocheck
+
+import { invokeDialogCall } from "../index";
+export function sendData(data, isApiEvent) {
+  return invokeDialogCall({
+    action: 218,
+    value: {
+      data,
+      isApiEvent
+    }
+  });
+}
+const listeners = [];
+const apiListeners = [];
+function _dialogDataListener() {
+  let e = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  if (!e.data || !e.data.action && typeof e.data !== 'string') {
+    return;
+  }
+  const messageObj = e.data.action ? e.data : JSON.parse(e.data.match(/(\{(?:.*)\})/)[0]);
+  if (messageObj.action === 218) {
+    const {
+      data
+    } = messageObj.value;
+    if (messageObj.value.isApiEvent) {
+      apiListeners.forEach(listener => {
+        listener(data);
+      });
+    } else {
+      listeners.forEach(listener => {
+        listener(data);
+      });
+    }
+  }
+}
+export function addDialogDataListener(callback) {
+  let getApiEvents = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+  if (listeners.length === 0 || apiListeners.length === 0) {
+    window.addEventListener('message', _dialogDataListener);
+  }
+  if (getApiEvents) {
+    apiListeners.push(callback);
+  } else {
+    listeners.push(callback);
+  }
+  return true;
+}
+export function removeDialogDataListener(callback) {
+  let getApiEvents = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+  let index;
+  if (getApiEvents) {
+    index = apiListeners.indexOf(callback);
+    if (index !== -1) {
+      apiListeners.splice(index, 1);
+    }
+  } else {
+    index = listeners.indexOf(callback);
+    if (index !== -1) {
+      listeners.splice(index, 1);
+    }
+  }
+  if (listeners.length === 0 && apiListeners.length === 0) {
+    window.removeEventListener('message', _dialogDataListener);
+  }
+  return index !== -1;
+}

package/dist/esm/calls/dialogs/confirm.js

@@ -0,0 +1,30 @@
+import { buttonText, buttonType, chaynsDialog } from './chaynsDialog';
+export function confirm() {
+  let title = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+  let message = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+  let config = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  // backward compatibility
+  if (Array.isArray(config)) {
+    config = {
+      'buttons': config
+    };
+  }
+  if (!config.buttons || !Array.isArray(config.buttons)) {
+    config.buttons = [{
+      'text': buttonText.YES,
+      'buttonType': buttonType.POSITIVE
+    }, {
+      'text': buttonText.NO,
+      'buttonType': buttonType.NEGATIVE
+    }];
+  }
+  return chaynsDialog({
+    'dialog': {
+      title,
+      message,
+      'buttons': config.buttons,
+      'links': config.links,
+      'select': config.select
+    }
+  });
+}