chayns-api 1.0.13 → 1.1.0-2

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/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/ChaynsProvider.js

@@ -7,6 +7,7 @@ import { FrameWrapper } from '../wrapper/FrameWrapper';
 import { ModuleFederationWrapper } from '../wrapper/ModuleFederationWrapper';
 import { SsrWrapper } from '../wrapper/SsrWrapper';
 import { ChaynsContext, ChaynsFunctionsContext } from './ChaynsContext';
+import AppDialogWrapper from "./AppDialogWrapper";
 
 // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
 export const moduleWrapper = {
@@ -30,7 +31,7 @@ const InitialDataProvider = /*#__PURE__*/React.memo(_ref => {
   });
 }, () => true);
 const ChaynsProvider = _ref2 => {
-  var _customWrapper$curren, _customWrapper$curren2, _customWrapper$curren3;
+  var _customWrapper$curren, _customWrapper$curren2, _customWrapper$curren3, _customWrapper$curren4;
   let {
     children,
     data,
@@ -101,7 +102,9 @@ const ChaynsProvider = _ref2 => {
     value: state
   }, /*#__PURE__*/React.createElement(ChaynsFunctionsContext.Provider, {
     value: (_customWrapper$curren3 = customWrapper.current) === null || _customWrapper$curren3 === void 0 ? void 0 : _customWrapper$curren3.functions
-  }, children)), /*#__PURE__*/React.createElement(InitialDataProvider, {
+  }, children, customWrapper.current instanceof AppWrapper ? /*#__PURE__*/React.createElement(AppDialogWrapper, {
+    dialogEventTarget: (_customWrapper$curren4 = customWrapper.current) === null || _customWrapper$curren4 === void 0 ? void 0 : _customWrapper$curren4.getDialogEventTarget()
+  }) : false)), /*#__PURE__*/React.createElement(InitialDataProvider, {
     data: state,
     renderedByServer: renderedByServer
   }));

package/dist/esm/handler/DialogHandler.js

@@ -0,0 +1,59 @@
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+export default class DialogHandler {
+  constructor(config, open, close, dispatchEvent, addDataListener) {
+    _defineProperty(this, "isOpen", false);
+    _defineProperty(this, "result", undefined);
+    _defineProperty(this, "listeners", []);
+    this._open = open;
+    this._close = close;
+    this._config = config;
+    this._dispatchEvent = dispatchEvent;
+    this._addDataListener = addDataListener;
+  }
+  async open() {
+    if (this.isOpen) {
+      throw new Error('cannot open a dialog which is already open');
+    }
+    const res = await new Promise(async resolve => {
+      const callback = data => {
+        this.isOpen = false;
+        resolve(data);
+      };
+      this.isOpen = true;
+      this.dialogId = await this._open(this._config, callback);
+      console.log('dialogId', this.dialogId);
+      this._addDataListener(this.dialogId, data => {
+        console.log('[DialogHandler]dataListener', this.dialogId, data);
+        this.listeners.forEach(cb => cb(data));
+      });
+    });
+    return this.result = res;
+  }
+  close(buttonType, data) {
+    if (!this.isOpen) {
+      return;
+    }
+    this.isOpen = false;
+    this._close(this.dialogId, data);
+  }
+  dispatchEvent(data) {
+    if (!this.isOpen) {
+      return;
+    }
+    this._dispatchEvent(this.dialogId, data);
+  }
+  addDataListener(listener) {
+    this.listeners.push(listener);
+  }
+  removeDataListener(listener) {
+    const index = this.listeners.findIndex(l => l === listener);
+    if (index > -1) {
+      this.listeners.splice(index, 1);
+    }
+  }
+  getResult() {
+    return this.result;
+  }
+}

package/dist/esm/hooks/geoLocationListener.js

@@ -1,8 +1,8 @@
 import { useContextSelector } from 'use-context-selector';
 import { useCallback, useEffect, useRef, useState } from 'react';
 import { ChaynsFunctionsContext } from '../components/ChaynsContext';
-/**
- * @category Hooks
+/**
+ * @category Hooks
  */
 export const useGeoLocationListener = () => {
   const addListener = useContextSelector(ChaynsFunctionsContext, v => v.addGeoLocationListener);
@@ -17,8 +17,8 @@ export const useGeoLocationListener = () => {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
 };
-/**
- * @category Hooks
+/**
+ * @category Hooks
  */
 export const useGeoLocation = function () {
   let {

package/dist/esm/hooks/index.js

@@ -13,4 +13,5 @@ export { useLanguage } from './useLanguage';
 export { useValues } from './useValues';
 export { useFunctions } from './useFunctions';
 export { useCurrentPage } from './useCurrentPage';
-export { useCustomData } from './useCustomData';
+export { useCustomData } from './useCustomData';
+export { useDialogState, useDialogData } from './useDialogState';

package/dist/esm/hooks/scrollListener.js

@@ -2,8 +2,8 @@ import { useContextSelector } from 'use-context-selector';
 import { useCallback, useEffect, useRef, useState } from 'react';
 import { ChaynsFunctionsContext } from '../components/ChaynsContext';
 import { useWindowMetrics } from './windowMetricsListener';
-/**
- * @category Hooks
+/**
+ * @category Hooks
  */
 export const useScrollListener = () => {
   const addListener = useContextSelector(ChaynsFunctionsContext, v => v.addScrollListener);
@@ -18,8 +18,8 @@ export const useScrollListener = () => {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
 };
-/**
- * @category Hooks
+/**
+ * @category Hooks
  */
 export const useScrollPosition = function () {
   let {
@@ -46,8 +46,8 @@ export const useScrollPosition = function () {
   }, [getScrollPosition]);
   return value;
 };
-/**
- * @category Hooks
+/**
+ * @category Hooks
  */
 export const useScrollOffsetTop = function () {
   let {
@@ -69,8 +69,8 @@ export const useScrollOffsetTop = function () {
   }
   return 0;
 };
-/**
- * @category Hooks
+/**
+ * @category Hooks
  */
 export const useScrollOffsetBottom = function () {
   let {

package/dist/esm/hooks/useAccessToken.js

@@ -2,8 +2,8 @@ import { useEffect, useState } from "react";
 import { useContextSelector } from "use-context-selector";
 import { ChaynsFunctionsContext } from "../components/ChaynsContext";
 
-/**
- * @category Hooks
+/**
+ * @category Hooks
  */
 export const useAccessToken = accessToken => {
   const [token, setToken] = useState(null);

package/dist/esm/hooks/useCurrentPage.js

@@ -1,7 +1,7 @@
 import { useContextSelector } from 'use-context-selector';
 import { ChaynsContext } from '../components/ChaynsContext';
 
-/**
- * @category Hooks
+/**
+ * @category Hooks
  */
 export const useCurrentPage = () => useContextSelector(ChaynsContext, v => v === null || v === void 0 ? void 0 : v.currentPage);

package/dist/esm/hooks/useCustomData.js

@@ -1,7 +1,7 @@
 import { useContextSelector } from 'use-context-selector';
 import { ChaynsContext } from '../components/ChaynsContext';
 
-/**
- * @category Hooks
+/**
+ * @category Hooks
  */
 export const useCustomData = () => useContextSelector(ChaynsContext, v => v === null || v === void 0 ? void 0 : v.customData);

package/dist/esm/hooks/useDevice.js

@@ -1,6 +1,6 @@
 import { useContextSelector } from 'use-context-selector';
 import { ChaynsContext } from '../components/ChaynsContext';
-/**
- * @category Hooks
+/**
+ * @category Hooks
  */
 export const useDevice = () => useContextSelector(ChaynsContext, v => v === null || v === void 0 ? void 0 : v.device);