chayns-api 1.0.12 → 1.1.0-0

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

@@ -3,32 +3,32 @@ import { isDate, isNumber, isObject } from './utils/is';
 import { open } from './open';
 import { getDevice } from "../index";
 
-/**
- * The config object for date dialog
- * @typedef {Object} dateConfig
- * @property {Date} preSelect  - The date object which should be preselected.
- * @property {Date} minDate   - The min date which you could select.
- * @property {Date} maxDate  - The max date which you could select.
- * @property {dateDialogType} dateType  - The type of dialog you want to display.
- * @property {number} minuteIntervall - The interval for special minutes, possible are 2, 3, 4, 5, 6, 12, 15, 20, 30. Default is 1.
- * @property {string} message - The message that is displayed above the date dialog, only in apps supported
- * @property {string} title - The title that is displayed above the message, only in apps supported
+/**
+ * The config object for date dialog
+ * @typedef {Object} dateConfig
+ * @property {Date} preSelect  - The date object which should be preselected.
+ * @property {Date} minDate   - The min date which you could select.
+ * @property {Date} maxDate  - The max date which you could select.
+ * @property {dateDialogType} dateType  - The type of dialog you want to display.
+ * @property {number} minuteIntervall - The interval for special minutes, possible are 2, 3, 4, 5, 6, 12, 15, 20, 30. Default is 1.
+ * @property {string} message - The message that is displayed above the date dialog, only in apps supported
+ * @property {string} title - The title that is displayed above the message, only in apps supported
  */
 
-/**
- * This call will open a date select dialog.
- * <div>Call: 30</div>
- * @param {dateConfig} config - Define the configuration of this call
- * @return {Promise} contains a timestamp as result
- * @example chayns.dialog.date({
- *  'dateType': chayns.dialog.dateType.DATE_TIME,
- *  'preSelect': new Date(2018, 6, 14, 0, 0, 0),
- *  'minDate':  new Date(2018, 6, 1, 15, 0, 0),
- *  'maxDate': new Date(2019, 6, 1, 0, 23, 0),
- *  'minuteInterval': 15
- * ).then(function (data) {
- *  console.log(data);
- * });
+/**
+ * This call will open a date select dialog.
+ * <div>Call: 30</div>
+ * @param {dateConfig} config - Define the configuration of this call
+ * @return {Promise} contains a timestamp as result
+ * @example chayns.dialog.date({
+ *  'dateType': chayns.dialog.dateType.DATE_TIME,
+ *  'preSelect': new Date(2018, 6, 14, 0, 0, 0),
+ *  'minDate':  new Date(2018, 6, 1, 15, 0, 0),
+ *  'maxDate': new Date(2019, 6, 1, 0, 23, 0),
+ *  'minuteInterval': 15
+ * ).then(function (data) {
+ *  console.log(data);
+ * });
  */
 
 export function date() {
@@ -165,18 +165,18 @@ export function advancedDate() {
   });
 }
 
-/**
- * @typedef {number} dateDialogType
+/**
+ * @typedef {number} dateDialogType
  */
 
-/**
- * Enum for date dialog
- * <div>DATE will open a dialog where you can select a special day</div>
- * <div>TIME will open a dialog where you can only select a special time</div>
- * <div>DATE_TIME will open a dialog where you can select a special time on a special day</div>
- * @readonly
- * @enum {dateDialogType}
- * @type {{DATE: number, TIME: number, DATE_TIME: number}}
+/**
+ * Enum for date dialog
+ * <div>DATE will open a dialog where you can select a special day</div>
+ * <div>TIME will open a dialog where you can only select a special time</div>
+ * <div>DATE_TIME will open a dialog where you can select a special time on a special day</div>
+ * @readonly
+ * @enum {dateDialogType}
+ * @type {{DATE: number, TIME: number, DATE_TIME: number}}
  */
 export const dateType = {
   'DATE': 1,

package/dist/esm/calls/index.js

@@ -1,70 +1,70 @@
 import { moduleWrapper } from '../components/ChaynsProvider';
-/**
- * This adds a listener to determine your location.
- * @category Event listener
+/**
+ * This adds a listener to determine your location.
+ * @category Event listener
  */
 export const addGeoLocationListener = function () {
   return moduleWrapper.current.functions.addGeoLocationListener(...arguments);
 };
-/**
- * Adds a listener for scroll event by user.
- * @category Event listener
+/**
+ * Adds a listener for scroll event by user.
+ * @category Event listener
  */
 export const addScrollListener = function () {
   return moduleWrapper.current.functions.addScrollListener(...arguments);
 };
-/**
- * This method will be executed when the page gets displayed or hidden.
- * @category Event listener
+/**
+ * This method will be executed when the page gets displayed or hidden.
+ * @category Event listener
  */
 export const addVisibilityChangeListener = function () {
   return moduleWrapper.current.functions.addVisibilityChangeListener(...arguments);
 };
-/**
- * This adds a listener to get the actual height of the page.
- * @category Event listener
+/**
+ * This adds a listener to get the actual height of the page.
+ * @category Event listener
  */
 export const addWindowMetricsListener = function () {
   return moduleWrapper.current.functions.addWindowMetricsListener(...arguments);
-}; /**
-   * Allows a custom callback function to be defined
+}; /**
+   * Allows a custom callback function to be defined
    */
 export const customCallbackFunction = function () {
   return moduleWrapper.current.functions.customCallbackFunction(...arguments);
 };
-/**
- * Get the accessToken from the user.
+/**
+ * Get the accessToken from the user.
  */
 export const getAccessToken = function () {
   return moduleWrapper.current.functions.getAccessToken(...arguments);
 };
-/**
- * This method returns a list of installed share/social media apps.
+/**
+ * This method returns a list of installed share/social media apps.
  */
 export const getAvailableSharingServices = function () {
   return moduleWrapper.current.functions.getAvailableSharingServices(...arguments);
 };
-/**
- * This method determines your location. If you want to track a route, use addGeoLocationListener.
+/**
+ * This method determines your location. If you want to track a route, use addGeoLocationListener.
  */
 export const getGeoLocation = function () {
   return moduleWrapper.current.functions.getGeoLocation(...arguments);
 };
-/**
- * This method returns user information for a specific user.
- * @category User functions
+/**
+ * This method returns user information for a specific user.
+ * @category User functions
  */
 export const getUserInfo = function () {
   return moduleWrapper.current.functions.getUserInfo(...arguments);
 };
-/**
- * Return the current scroll position of the top frame
+/**
+ * Return the current scroll position of the top frame
  */
 export const getScrollPosition = function () {
   return moduleWrapper.current.functions.getScrollPosition(...arguments);
 };
-/**
- * Returns the window metrics.
+/**
+ * Returns the window metrics.
  */
 export const getWindowMetrics = function () {
   return moduleWrapper.current.functions.getWindowMetrics(...arguments);
@@ -77,199 +77,205 @@ export const invokeCall = function () {
 export const invokeDialogCall = function () {
   return moduleWrapper.current.functions.invokeDialogCall(...arguments);
 };
-/**
- * This method will show a login dialog where the user has the opportunity to log in.
+/**
+ * This method will show a login dialog where the user has the opportunity to log in.
  */
 export const login = function () {
   return moduleWrapper.current.functions.login(...arguments);
 };
-/**
- * This method will logout the user
+/**
+ * This method will logout the user
  */
 export const logout = function () {
   return moduleWrapper.current.functions.logout(...arguments);
 };
-/**
- * This function navigates you to the previous site.
+/**
+ * This function navigates you to the previous site.
  */
 export const navigateBack = function () {
   return moduleWrapper.current.functions.navigateBack(...arguments);
 };
-/**
- * The images specified in the url array is shown in gallery mode.
+/**
+ * The images specified in the url array is shown in gallery mode.
  */
 export const openImage = function () {
   return moduleWrapper.current.functions.openImage(...arguments);
 };
-/**
- * Opens an URL in the chayns environment.
+/**
+ * Opens an URL in the chayns environment.
  */
 export const openUrl = function () {
   return moduleWrapper.current.functions.openUrl(...arguments);
 };
-/**
- * The video specified in the URL is shown in video mode.
+/**
+ * The video specified in the URL is shown in video mode.
  */
 export const openVideo = function () {
   return moduleWrapper.current.functions.openVideo(...arguments);
 };
-/**
- * Refresh badge count in navigation, user information and pages
+/**
+ * Refresh badge count in navigation, user information and pages
  */
 export const refreshData = function () {
   return moduleWrapper.current.functions.refreshData(...arguments);
 };
-/**
- * Refresh accesstoken, should only be used when user object changes, not when token is invalid
+/**
+ * Refresh accesstoken, should only be used when user object changes, not when token is invalid
  */
 export const refreshAccessToken = function () {
   return moduleWrapper.current.functions.refreshAccessToken(...arguments);
 };
-/**
- * This removes a listener to determine your location.
- * @category Event listener
+/**
+ * This removes a listener to determine your location.
+ * @category Event listener
  */
 export const removeGeoLocationListener = function () {
   return moduleWrapper.current.functions.removeGeoLocationListener(...arguments);
 };
-/**
- * Removes scroll listener.
- * @category Event listener
+/**
+ * Removes scroll listener.
+ * @category Event listener
  */
 export const removeScrollListener = function () {
   return moduleWrapper.current.functions.removeScrollListener(...arguments);
 };
-/**
- * Removes visibility change listener.
- * @category Event listener
+/**
+ * Removes visibility change listener.
+ * @category Event listener
  */
 export const removeVisibilityChangeListener = function () {
   return moduleWrapper.current.functions.removeVisibilityChangeListener(...arguments);
 };
-/**
- * Removes window metrics listener.
- * @category Event listener
+/**
+ * Removes window metrics listener.
+ * @category Event listener
  */
 export const removeWindowMetricsListener = function () {
   return moduleWrapper.current.functions.removeWindowMetricsListener(...arguments);
 };
-/**
- * Select other page on chayns site.
+/**
+ * Select other page on chayns site.
  */
 export const selectPage = function () {
   return moduleWrapper.current.functions.selectPage(...arguments);
 };
-/**
- * Scrolls by specific amount.
+/**
+ * Scrolls by specific amount.
  */
 export const scrollByY = function () {
   return moduleWrapper.current.functions.scrollByY(...arguments);
 };
-/**
- * Scrolls to specific position.
+/**
+ * Scrolls to specific position.
  */
 export const scrollToY = function () {
   return moduleWrapper.current.functions.scrollToY(...arguments);
 };
-/**
- * Sends intercom message to group.
+/**
+ * Sends intercom message to group.
  */
 export const sendMessageToGroup = function () {
   return moduleWrapper.current.functions.sendMessageToGroup(...arguments);
 };
-/**
- * Sends intercom message to page.
+/**
+ * Sends intercom message to page.
  */
 export const sendMessageToPage = function () {
   return moduleWrapper.current.functions.sendMessageToPage(...arguments);
 };
-/**
- * Sends intercom message to an user.
+/**
+ * Sends intercom message to an user.
  */
 export const sendMessageToUser = function () {
   return moduleWrapper.current.functions.sendMessageToUser(...arguments);
 };
-/**
- * Switches admin mode, also toggles admin switch in top frame.
+/**
+ * Switches admin mode, also toggles admin switch in top frame.
  */
 export const setAdminMode = function () {
   return moduleWrapper.current.functions.setAdminMode(...arguments);
 };
-/**
- * Sets the display timeout, only works in chayns App.
+/**
+ * Sets the display timeout, only works in chayns App.
  */
 export const setDisplayTimeout = function () {
   return moduleWrapper.current.functions.setDisplayTimeout(...arguments);
 };
-/**
- * Enables or disables a button which floats over the page.
+/**
+ * Enables or disables a button which floats over the page.
  */
 export const setFloatingButton = function () {
   return moduleWrapper.current.functions.setFloatingButton(...arguments);
 };
-/**
- * Sets the height of the page.
+/**
+ * Sets the height of the page.
  */
 export const setHeight = function () {
   return moduleWrapper.current.functions.setHeight(...arguments);
 };
-/**
- * Enables or disables the ability to refresh a page
+/**
+ * Enables or disables the ability to refresh a page
  */
 export const setRefreshScrollEnabled = function () {
   return moduleWrapper.current.functions.setRefreshScrollEnabled(...arguments);
 };
-/**
- * Scans a qr-code and returns the result
+/**
+ * Scans a qr-code and returns the result
  */
 export const setScanQrCode = function () {
   return moduleWrapper.current.functions.setScanQrCode(...arguments);
 };
-/**
- * Temporarily change design settings in top frame
+/**
+ * Temporarily change design settings in top frame
  */
 export const setTempDesignSettings = function () {
   return moduleWrapper.current.functions.setTempDesignSettings(...arguments);
 };
-/**
- * Shows or hide a waitcursor
+/**
+ * Shows or hide a waitcursor
  */
 export const setWaitCursor = function () {
   return moduleWrapper.current.functions.setWaitCursor(...arguments);
 };
-/**
- * Retrieves the value that is assigned to the key from a storage outside the frame
+/**
+ * Retrieves the value that is assigned to the key from a storage outside the frame
  */
 export const storageGetItem = function () {
   return moduleWrapper.current.functions.storageGetItem(...arguments);
 };
-/**
- * Removes the value that is assigned to the key from a storage outside the frame
+/**
+ * Removes the value that is assigned to the key from a storage outside the frame
  */
 export const storageRemoveItem = function () {
   return moduleWrapper.current.functions.storageRemoveItem(...arguments);
 };
-/**
- * Sets the value that is assigned to the key from a storage outside the frame
+/**
+ * Sets the value that is assigned to the key from a storage outside the frame
  */
 export const storageSetItem = function () {
   return moduleWrapper.current.functions.storageSetItem(...arguments);
 };
-/**
- * This method lets a smartphone vibrate for the given time.
+/**
+ * This method lets a smartphone vibrate for the given time.
  */
 export const vibrate = function () {
   return moduleWrapper.current.functions.vibrate(...arguments);
 };
-/**
- * Displays an overlay
+/**
+ * This method creates a dialog
+ */
+export const createDialog = function () {
+  return moduleWrapper.current.functions.createDialog(...arguments);
+};
+/**
+ * Displays an overlay
  */
 export const setOverlay = function () {
   return moduleWrapper.current.functions.setOverlay(...arguments);
 };
-/**
- * Returns user information, only when user is logged in
- * @category User functions
+/**
+ * Returns user information, only when user is logged in
+ * @category User functions
  */
 export const getUser = () => moduleWrapper.current.values.user;
 export const getSite = () => moduleWrapper.current.values.site;

package/dist/esm/calls/sendMessage.js

@@ -1,6 +1,6 @@
 const INTERCOM_URL = 'https://sub54.tobit.com/rest/api';
-/**
- * @category Intercom functions
+/**
+ * @category Intercom functions
  */
 export const sendMessageToUser = async (api, object, receiverUserId) => {
   var _api$values$user;
@@ -34,8 +34,8 @@ export const sendMessageToUser = async (api, object, receiverUserId) => {
     }
   });
 };
-/**
- * @category Intercom functions
+/**
+ * @category Intercom functions
  */
 export const sendMessageToPage = async (api, object) => {
   var _api$values$user2;
@@ -66,8 +66,8 @@ export const sendMessageToPage = async (api, object) => {
     }
   });
 };
-/**
- * @category Intercom functions
+/**
+ * @category Intercom functions
  */
 export const sendMessageToGroup = async (api, object, groupId) => {
   if (!object.text) {
@@ -96,8 +96,8 @@ export const sendMessageToGroup = async (api, object, groupId) => {
     }
   });
 };
-/**
- * @category Intercom functions
+/**
+ * @category Intercom functions
  */
 function sendMessage(endpoint, token, body) {
   return fetch(`${INTERCOM_URL}${endpoint}`, {

package/dist/esm/calls/visibilityChangeListener.js

@@ -6,8 +6,8 @@ const handleVisibilityChange = () => {
   });
 };
 
-/**
- * @category Event listener
+/**
+ * @category Event listener
  */
 export const addVisibilityChangeListener = callback => {
   const {
@@ -19,8 +19,8 @@ export const addVisibilityChangeListener = callback => {
   }
   return id;
 };
-/**
- * @category Event listener
+/**
+ * @category Event listener
  */
 export const removeVisibilityChangeListener = id => {
   const shouldRemove = removeApiListener(key, id);

package/dist/esm/client.js

@@ -0,0 +1,8 @@
+export { default as ChaynsProvider } from './components/ChaynsModuleProvider';
+export { default as ChaynsHost } from './host/ChaynsHost';
+export { default as getDeviceInfo, getScreenSize } from './util/deviceHelper';
+export * from './components/ChaynsModuleProvider';
+export * from './components/withCompatMode';
+import * as _dialog from './calls/dialogs/index';
+export { _dialog as dialog };
+export * from './types/IChaynsReact';

package/dist/esm/components/App.js

@@ -0,0 +1,35 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+import React, { useState } from 'react';
+import Title from './Title';
+import ChaynsProvider from './ChaynsProvider';
+var propTypes = {};
+
+var App = function App() {
+  var _useState = useState(true),
+      _useState2 = _slicedToArray(_useState, 2),
+      isVisible = _useState2[0],
+      setIsVisible = _useState2[1];
+
+  return /*#__PURE__*/React.createElement(ChaynsProvider, null, /*#__PURE__*/React.createElement("button", {
+    type: "button",
+    onClick: function onClick() {
+      return setIsVisible(function (s) {
+        return !s;
+      });
+    }
+  }, "Toggle"), isVisible && /*#__PURE__*/React.createElement(Title, null));
+};
+
+App.propTypes = propTypes;
+export default App;

package/dist/esm/components/App.spec.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import App from './App';
+test('should have correct text', function () {
+  var _render = render( /*#__PURE__*/React.createElement(App, null)),
+      getByRole = _render.getByRole;
+
+  expect(getByRole("heading")).toHaveTextContent("Hi! Welcome to your newly created chayns application!");
+});

package/dist/esm/components/AppDialogWrapper.js

@@ -0,0 +1,33 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import React, { useEffect, useState } from 'react';
+import ChaynsHost from '../host/ChaynsHost';
+import { useFunctions, useValues } from '../hooks';
+const AppDialogWrapper = _ref => {
+  let {
+    dialogEventTarget
+  } = _ref;
+  const functions = useFunctions();
+  const data = useValues();
+  const [dialogData, setDialogData] = useState({
+    dialogs: []
+  });
+  useEffect(() => {
+    dialogEventTarget.addEventListener('change', e => {
+      setDialogData({
+        dialogs: e.detail
+      });
+    });
+  }, []);
+  return /*#__PURE__*/React.createElement(ChaynsHost, _extends({
+    type: "client-module",
+    system: {
+      module: './AppWrapper',
+      url: 'https://tapp-staging.chayns-static.space/api/dialog-v2/v1/remoteEntry.js',
+      scope: 'dialog_v2'
+    }
+  }, data, {
+    functions: functions,
+    customData: dialogData
+  }));
+};
+export default AppDialogWrapper;

package/dist/esm/components/Button.js

@@ -0,0 +1,34 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+import React, { useState } from 'react';
+import ChaynsProvider from './ChaynsProvider';
+import Title from './Title';
+import withCompatMode from './withCompatMode';
+
+var Button = function Button(props) {
+  var _useState = useState(true),
+      _useState2 = _slicedToArray(_useState, 2),
+      visible = _useState2[0],
+      setVisible = _useState2[1];
+
+  return /*#__PURE__*/React.createElement(ChaynsProvider, props, /*#__PURE__*/React.createElement("button", {
+    type: "button",
+    onClick: function onClick() {
+      return setVisible(function (s) {
+        return !s;
+      });
+    }
+  }, "Toggle"), visible && /*#__PURE__*/React.createElement(Title, null));
+};
+
+export default withCompatMode(Button);