chayns-api 2.2.0-beta.1 → 2.2.0-beta.3

package/dist/cjs/calls/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.vibrate = exports.user = exports.storageSetItem = exports.storageRemoveItem = exports.storageGetItem = exports.site = exports.setWaitCursor = exports.setTempDesignSettings = exports.setScanQrCode = exports.setRefreshScrollEnabled = exports.setOverlay = exports.setHeight = exports.setFloatingButton = exports.setDisplayTimeout = exports.setAdminMode = exports.sendMessageToUser = exports.sendMessageToPage = exports.sendMessageToGroup = exports.selectPage = exports.scrollToY = exports.scrollByY = exports.removeWindowMetricsListener = exports.removeVisibilityChangeListener = exports.removeToolbarChangeListener = exports.removeScrollListener = exports.removeGeoLocationListener = exports.refreshData = exports.refreshAccessToken = exports.parameters = exports.pages = exports.openVideo = exports.openUrl = exports.openMedia = exports.openImage = exports.navigateBack = exports.logout = exports.login = exports.language = exports.invokeDialogCall = exports.invokeCall = exports.getWindowMetrics = exports.getUserInfo = exports.getUser = exports.getSiteSettings = exports.getSite = exports.getScrollPosition = exports.getParameters = exports.getPages = exports.getLanguage = exports.getGeoLocation = exports.getEnvironment = exports.getDevice = exports.getCustomFunction = exports.getCurrentPage = exports.getAvailableSharingServices = exports.getAccessToken = exports.environment = exports.device = exports.customCallbackFunction = exports.createDialog = exports.addWindowMetricsListener = exports.addVisibilityChangeListener = exports.addToolbarChangeListener = exports.addScrollListener = exports.addGeoLocationListener = exports.addAnonymousAccount = void 0;
+exports.vibrate = exports.user = exports.storageSetItem = exports.storageRemoveItem = exports.storageGetItem = exports.site = exports.setWaitCursor = exports.setTempDesignSettings = exports.setScanQrCode = exports.setRefreshScrollEnabled = exports.setOverlay = exports.setHeight = exports.setFloatingButton = exports.setDisplayTimeout = exports.setAdminMode = exports.sendMessageToUser = exports.sendMessageToPage = exports.sendMessageToGroup = exports.selectPage = exports.scrollToY = exports.scrollByY = exports.removeWindowMetricsListener = exports.removeVisibilityChangeListener = exports.removeToolbarChangeListener = exports.removeScrollListener = exports.removeGeoLocationListener = exports.refreshData = exports.refreshAccessToken = exports.parameters = exports.pages = exports.openVideo = exports.openUrl = exports.openMedia = exports.openImage = exports.navigateBack = exports.logout = exports.login = exports.language = exports.invokeDialogCall = exports.invokeCall = exports.getWindowMetrics = exports.getUserInfo = exports.getUser = exports.getStyleSettings = exports.getSite = exports.getScrollPosition = exports.getParameters = exports.getPages = exports.getLanguage = exports.getGeoLocation = exports.getEnvironment = exports.getDevice = exports.getCustomFunction = exports.getCurrentPage = exports.getAvailableSharingServices = exports.getAccessToken = exports.environment = exports.device = exports.customCallbackFunction = exports.createDialog = exports.addWindowMetricsListener = exports.addVisibilityChangeListener = exports.addToolbarChangeListener = exports.addScrollListener = exports.addGeoLocationListener = exports.addAnonymousAccount = void 0;
 var _moduleWrapper = require("../components/moduleWrapper");
 const addGeoLocationListener = (...args) => _moduleWrapper.moduleWrapper.current.functions.addGeoLocationListener(...args);
 exports.addGeoLocationListener = addGeoLocationListener;
@@ -119,8 +119,8 @@ const getPages = () => _moduleWrapper.moduleWrapper.current.values.pages;
 exports.getPages = getPages;
 const getEnvironment = () => _moduleWrapper.moduleWrapper.current.values.environment;
 exports.getEnvironment = getEnvironment;
-const getSiteSettings = () => _moduleWrapper.moduleWrapper.current.values.siteSettings;
-exports.getSiteSettings = getSiteSettings;
+const getStyleSettings = () => _moduleWrapper.moduleWrapper.current.values.styleSettings;
+exports.getStyleSettings = getStyleSettings;
 const getCustomFunction = key => _moduleWrapper.moduleWrapper.current.customFunctions[key];
 exports.getCustomFunction = getCustomFunction;
 const user = exports.user = new Proxy({}, {

package/dist/cjs/hooks/index.js

@@ -141,10 +141,10 @@ Object.defineProperty(exports, "useSite", {
     return _useSite.useSite;
   }
 });
-Object.defineProperty(exports, "useSiteSettings", {
+Object.defineProperty(exports, "useStyleSettings", {
   enumerable: true,
   get: function () {
-    return _useSiteSettings.useSiteSettings;
+    return _useStyleSettings.useStyleSettings;
   }
 });
 Object.defineProperty(exports, "useUser", {
@@ -190,4 +190,4 @@ var _useCustomData = require("./useCustomData");
 var _useDialogState = require("./useDialogState");
 var _useCustomCallbackFunction = require("./useCustomCallbackFunction");
 var _useCustomFunction = require("./useCustomFunction");
-var _useSiteSettings = require("./useSiteSettings");
+var _useStyleSettings = require("./useStyleSettings");

package/dist/cjs/hooks/useStyleSettings.js

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useStyleSettings = void 0;
+var _context = require("./context");
+const useStyleSettings = () => (0, _context.useValuesSelector)(state => state.styleSettings);
+exports.useStyleSettings = useStyleSettings;

package/dist/cjs/host/ChaynsHost.js

@@ -31,7 +31,7 @@ const ChaynsHost = ({
   environment,
   preventStagingReplacement,
   dialog,
-  siteSettings
+  styleSettings
 }) => {
   const [isVisible, setIsVisible] = (0, _react.useState)(type !== 'client-module' && (type !== 'server-module' || !!(system !== null && system !== void 0 && system.serverUrl)));
   (0, _react.useEffect)(() => {
@@ -69,7 +69,7 @@ const ChaynsHost = ({
         customData: customData,
         preventStagingReplacement: preventStagingReplacement,
         dialog: dialog,
-        siteSettings: siteSettings
+        styleSettings: styleSettings
       });
     case 'client-module':
     case 'server-module':
@@ -90,7 +90,7 @@ const ChaynsHost = ({
         environment: environment,
         preventStagingReplacement: preventStagingReplacement,
         dialog: dialog,
-        siteSettings: siteSettings
+        styleSettings: styleSettings
       });
     default:
       return null;

package/dist/cjs/host/iframe/HostIframe.js

@@ -32,7 +32,7 @@ const HostIframe = ({
   customData,
   preventStagingReplacement,
   dialog,
-  siteSettings
+  styleSettings
 }) => {
   const eventTarget = (0, _react.useRef)();
   const ref = (0, _react.useRef)();
@@ -59,7 +59,7 @@ const HostIframe = ({
     environment,
     customData,
     dialog,
-    siteSettings
+    styleSettings
   };
   currentDataRef.current = initialData;
   (0, _react.useEffect)(() => {
@@ -114,7 +114,7 @@ const HostIframe = ({
   (0, _useUpdateData.default)(eventTarget.current, 'environment', environment);
   (0, _useUpdateData.default)(eventTarget.current, 'customData', customData);
   (0, _useUpdateData.default)(eventTarget.current, 'dialog', dialog);
-  (0, _useUpdateData.default)(eventTarget.current, 'siteSettings', siteSettings);
+  (0, _useUpdateData.default)(eventTarget.current, 'styleSettings', styleSettings);
   return _react.default.createElement("iframe", _extends({
     ref: r => {
       ref.current = r;

package/dist/cjs/host/module/ModuleHost.js

@@ -37,7 +37,7 @@ const ModuleHost = ({
   dialog,
   environment,
   preventStagingReplacement,
-  siteSettings
+  styleSettings
 }) => {
   const initialData = {
     site,
@@ -49,7 +49,7 @@ const ModuleHost = ({
     parameters,
     customData,
     environment,
-    siteSettings
+    styleSettings
   };
   if (user) {
     initialData.user = user;

package/dist/cjs/types/IChaynsReact.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.WeekDayType = exports.ToastType = exports.TappEvent = exports.SharingApp = exports.ScreenSize = exports.ScanQrCodeCodeType = exports.ScanQrCodeCameraTypes = exports.RuntimeEnviroment = exports.MediaType = exports.Language = exports.IconType = exports.IconStyle = exports.Gender = exports.Font = exports.FloatingButtonPosition = exports.FloatingButtonAnimation = exports.Environment = exports.DialogType = exports.DialogSelectType = exports.DialogInputType = exports.DialogIconType = exports.DialogButtonType = exports.DialogAnimation = exports.DeviceOs = exports.DateType = exports.ColorMode = exports.BrowserName = exports.AppName = exports.AccessMode = void 0;
+exports.WeekDayType = exports.ToastType = exports.TappEvent = exports.SharingApp = exports.ScreenSize = exports.ScanQrCodeCodeType = exports.ScanQrCodeCameraTypes = exports.RuntimeEnviroment = exports.MediaType = exports.Language = exports.IconType = exports.IconStyle = exports.Gender = exports.Font = exports.FloatingButtonPosition = exports.FloatingButtonAnimation = exports.Environment = exports.DialogType = exports.DialogSelectType = exports.DialogInputType = exports.DialogIconType = exports.DialogButtonType = exports.DialogAnimation = exports.DeviceOs = exports.DateType = exports.ColorMode = exports.BrowserName = exports.AppName = exports.AppFlavor = exports.AccessMode = void 0;
 let DateType = exports.DateType = function (DateType) {
   DateType[DateType["DATE"] = 0] = "DATE";
   DateType[DateType["TIME"] = 1] = "TIME";
@@ -64,6 +64,11 @@ let ScreenSize = exports.ScreenSize = function (ScreenSize) {
   ScreenSize[ScreenSize["XL"] = 4] = "XL";
   return ScreenSize;
 }({});
+let AppFlavor = exports.AppFlavor = function (AppFlavor) {
+  AppFlavor["None"] = "none";
+  AppFlavor["Chayns"] = "chayns";
+  return AppFlavor;
+}({});
 let AccessMode = exports.AccessMode = function (AccessMode) {
   AccessMode[AccessMode["public"] = 0] = "public";
   AccessMode[AccessMode["protected"] = 1] = "protected";

package/dist/cjs/util/deviceHelper.js

@@ -45,6 +45,7 @@ const getDeviceInfo = (userAgent, acceptHeader, {
   };
   result.app = {
     name: appName,
+    flavor: appName === _IChaynsReact.AppName.Unknown ? _IChaynsReact.AppFlavor.None : _IChaynsReact.AppFlavor.Chayns,
     version: match !== null && match !== void 0 && match.groups ? Number.parseInt(match.groups.version, 10) : NaN,
     appVersion,
     callVersion: match !== null && match !== void 0 && match.groups ? Number.parseInt(match.groups.version, 10) : NaN

package/dist/cjs/wrapper/AppWrapper.js

@@ -23,7 +23,7 @@ class AppWrapper {
   accessToken = '';
   listeners = [];
   customFunctions = {};
-  async loadSiteSettings(siteId) {
+  async loadStyleSettings(siteId) {
     try {
       var _AbortSignal$timeout, _AbortSignal;
       const res = await fetch(`https://style.tobit.cloud/css/${siteId}/components`, {
@@ -32,9 +32,9 @@ class AppWrapper {
       if (res.status === 200) {
         return await res.json();
       }
-      console.error(`[chayns-api] failed to load site settings with status code: ${res.status}`);
+      console.error(`[chayns-api] failed to load style settings with status code: ${res.status}`);
     } catch (ex) {
-      console.error('[chayns-api] failed to load site settings', ex);
+      console.error('[chayns-api] failed to load style settings', ex);
     }
     return undefined;
   }
@@ -124,6 +124,7 @@ class AppWrapper {
         gender: _IChaynsReact.Gender.Unknown,
         userId: userId,
         personId: AppUser.PersonID,
+        isAnonymous: AppUser.IsAnonymous,
         uacGroups: []
       },
       customData: null,
@@ -601,7 +602,7 @@ class AppWrapper {
   dialogs = [];
   async init() {
     this.values = this.mapOldApiToNew(await this.appCall(18));
-    this.values.siteSettings = await this.loadSiteSettings(this.values.site.id);
+    this.values.styleSettings = await this.loadStyleSettings(this.values.site.id);
     document.documentElement.classList.add('chayns-api--app');
     this.appCall(66, {
       enabled: true
@@ -624,9 +625,12 @@ class AppWrapper {
       callback: ({
         colorMode
       }) => {
-        this.values.site = {
-          ...this.values.site,
-          colorMode
+        this.values = {
+          ...this.values,
+          site: {
+            ...this.values.site,
+            colorMode
+          }
         };
         document.dispatchEvent(new CustomEvent('chayns_api_data', {
           detail: {

package/dist/cjs/wrapper/StaticChaynsApi.js

@@ -39,7 +39,7 @@ class StaticChaynsApi {
   getParameters = () => this._wrapper.values.parameters;
   getPages = () => this._wrapper.values.pages;
   getEnvironment = () => this._wrapper.values.environment;
-  getSiteSettings = () => this._wrapper.values.siteSettings;
+  getStyleSettings = () => this._wrapper.values.styleSettings;
   getCustomFunction = key => this._wrapper.customFunctions[key];
 }
 var _default = exports.default = StaticChaynsApi;

package/dist/esm/calls/index.js

@@ -150,7 +150,7 @@ export const getLanguage = () => moduleWrapper.current.values.language;
 export const getParameters = () => moduleWrapper.current.values.parameters;
 export const getPages = () => moduleWrapper.current.values.pages;
 export const getEnvironment = () => moduleWrapper.current.values.environment;
-export const getSiteSettings = () => moduleWrapper.current.values.siteSettings;
+export const getStyleSettings = () => moduleWrapper.current.values.styleSettings;
 export const getCustomFunction = key => moduleWrapper.current.customFunctions[key];
 export const user = new Proxy({}, {
   get: (target, prop) => {

package/dist/esm/hooks/index.js

@@ -17,4 +17,4 @@ export { useCustomData } from './useCustomData';
 export { useDialogState, useDialogData } from './useDialogState';
 export { useCustomCallbackFunction } from './useCustomCallbackFunction';
 export { useCustomFunction } from './useCustomFunction';
-export { useSiteSettings } from './useSiteSettings';
+export { useStyleSettings } from './useStyleSettings';

package/dist/esm/hooks/useStyleSettings.js

@@ -0,0 +1,2 @@
+import { useValuesSelector } from './context';
+export const useStyleSettings = () => useValuesSelector(state => state.styleSettings);

package/dist/esm/host/ChaynsHost.js

@@ -23,7 +23,7 @@ const ChaynsHost = _ref => {
     environment,
     preventStagingReplacement,
     dialog,
-    siteSettings
+    styleSettings
   } = _ref;
   const [isVisible, setIsVisible] = useState(type !== 'client-module' && (type !== 'server-module' || !!(system !== null && system !== void 0 && system.serverUrl)));
   useEffect(() => {
@@ -61,7 +61,7 @@ const ChaynsHost = _ref => {
         customData: customData,
         preventStagingReplacement: preventStagingReplacement,
         dialog: dialog,
-        siteSettings: siteSettings
+        styleSettings: styleSettings
       });
     case 'client-module':
     case 'server-module':
@@ -82,7 +82,7 @@ const ChaynsHost = _ref => {
         environment: environment,
         preventStagingReplacement: preventStagingReplacement,
         dialog: dialog,
-        siteSettings: siteSettings
+        styleSettings: styleSettings
       });
     default:
       return null;

package/dist/esm/host/iframe/HostIframe.js

@@ -24,7 +24,7 @@ const HostIframe = _ref => {
     customData,
     preventStagingReplacement,
     dialog,
-    siteSettings
+    styleSettings
   } = _ref;
   const eventTarget = useRef();
   const ref = useRef();
@@ -51,7 +51,7 @@ const HostIframe = _ref => {
     environment,
     customData,
     dialog,
-    siteSettings
+    styleSettings
   };
   currentDataRef.current = initialData;
   useEffect(() => {
@@ -106,7 +106,7 @@ const HostIframe = _ref => {
   useUpdateData(eventTarget.current, 'environment', environment);
   useUpdateData(eventTarget.current, 'customData', customData);
   useUpdateData(eventTarget.current, 'dialog', dialog);
-  useUpdateData(eventTarget.current, 'siteSettings', siteSettings);
+  useUpdateData(eventTarget.current, 'styleSettings', styleSettings);
   return React.createElement("iframe", _extends({
     ref: r => {
       ref.current = r;

package/dist/esm/host/module/ModuleHost.js

@@ -30,7 +30,7 @@ const ModuleHost = _ref2 => {
     dialog,
     environment,
     preventStagingReplacement,
-    siteSettings
+    styleSettings
   } = _ref2;
   const initialData = {
     site,
@@ -42,7 +42,7 @@ const ModuleHost = _ref2 => {
     parameters,
     customData,
     environment,
-    siteSettings
+    styleSettings
   };
   if (user) {
     initialData.user = user;

package/dist/esm/types/IChaynsReact.js

@@ -58,6 +58,11 @@ export let ScreenSize = function (ScreenSize) {
   ScreenSize[ScreenSize["XL"] = 4] = "XL";
   return ScreenSize;
 }({});
+export let AppFlavor = function (AppFlavor) {
+  AppFlavor["None"] = "none";
+  AppFlavor["Chayns"] = "chayns";
+  return AppFlavor;
+}({});
 export let AccessMode = function (AccessMode) {
   AccessMode[AccessMode["public"] = 0] = "public";
   AccessMode[AccessMode["protected"] = 1] = "protected";

package/dist/esm/util/deviceHelper.js

@@ -1,5 +1,5 @@
 import { UAParser } from 'ua-parser-js';
-import { AppName, ScreenSize } from '../types/IChaynsReact';
+import { AppFlavor, AppName, ScreenSize } from '../types/IChaynsReact';
 const getDeviceInfo = function (userAgent, acceptHeader) {
   var _match$groups, _match$groups2, _customMatch$groups, _browser$version$spli, _browser$version, _uaParser$getOS, _uaParser$getOS2, _uaParser$getOS3;
   let {
@@ -40,6 +40,7 @@ const getDeviceInfo = function (userAgent, acceptHeader) {
   };
   result.app = {
     name: appName,
+    flavor: appName === AppName.Unknown ? AppFlavor.None : AppFlavor.Chayns,
     version: match !== null && match !== void 0 && match.groups ? Number.parseInt(match.groups.version, 10) : NaN,
     appVersion,
     callVersion: match !== null && match !== void 0 && match.groups ? Number.parseInt(match.groups.version, 10) : NaN

package/dist/esm/wrapper/AppWrapper.js

@@ -13,7 +13,7 @@ import { DeviceLanguage } from '../constants/languages';
 import { isAppCallSupported } from '../util/is';
 let appWrapperDialogId = 0;
 export class AppWrapper {
-  async loadSiteSettings(siteId) {
+  async loadStyleSettings(siteId) {
     try {
       var _AbortSignal$timeout, _AbortSignal;
       const res = await fetch(`https://style.tobit.cloud/css/${siteId}/components`, {
@@ -22,9 +22,9 @@ export class AppWrapper {
       if (res.status === 200) {
         return await res.json();
       }
-      console.error(`[chayns-api] failed to load site settings with status code: ${res.status}`);
+      console.error(`[chayns-api] failed to load style settings with status code: ${res.status}`);
     } catch (ex) {
-      console.error('[chayns-api] failed to load site settings', ex);
+      console.error('[chayns-api] failed to load style settings', ex);
     }
     return undefined;
   }
@@ -114,6 +114,7 @@ export class AppWrapper {
         gender: Gender.Unknown,
         userId: userId,
         personId: AppUser.PersonID,
+        isAnonymous: AppUser.IsAnonymous,
         uacGroups: []
       },
       customData: null,
@@ -611,7 +612,7 @@ export class AppWrapper {
   }
   async init() {
     this.values = this.mapOldApiToNew(await this.appCall(18));
-    this.values.siteSettings = await this.loadSiteSettings(this.values.site.id);
+    this.values.styleSettings = await this.loadStyleSettings(this.values.site.id);
     document.documentElement.classList.add('chayns-api--app');
     this.appCall(66, {
       enabled: true
@@ -635,9 +636,12 @@ export class AppWrapper {
         let {
           colorMode
         } = _ref3;
-        this.values.site = {
-          ...this.values.site,
-          colorMode
+        this.values = {
+          ...this.values,
+          site: {
+            ...this.values.site,
+            colorMode
+          }
         };
         document.dispatchEvent(new CustomEvent('chayns_api_data', {
           detail: {

package/dist/esm/wrapper/StaticChaynsApi.js

@@ -18,7 +18,7 @@ class StaticChaynsApi {
     _defineProperty(this, "getParameters", () => this._wrapper.values.parameters);
     _defineProperty(this, "getPages", () => this._wrapper.values.pages);
     _defineProperty(this, "getEnvironment", () => this._wrapper.values.environment);
-    _defineProperty(this, "getSiteSettings", () => this._wrapper.values.siteSettings);
+    _defineProperty(this, "getStyleSettings", () => this._wrapper.values.styleSettings);
     _defineProperty(this, "getCustomFunction", key => this._wrapper.customFunctions[key]);
     let wrapper;
     const deviceInfo = getDeviceInfo(navigator.userAgent, '');

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

@@ -236,7 +236,7 @@ export declare const getEnvironment: () => {
     buildEnvironment: import("../types/IChaynsReact").Environment;
     runtimeEnvironment: import("../types/IChaynsReact").RuntimeEnviroment | string;
 };
-export declare const getSiteSettings: () => import("../types/IChaynsReact").ChaynsSiteSettings | undefined;
+export declare const getStyleSettings: () => import("../types/IChaynsReact").ChaynsStyleSettings | undefined;
 /**
  * Returns the customFunction. Prefer usage via useCustomFunction when possible
  * @param key functionName

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

@@ -17,4 +17,4 @@ export { useCustomData } from './useCustomData';
 export { useDialogState, useDialogData } from './useDialogState';
 export { useCustomCallbackFunction } from './useCustomCallbackFunction';
 export { useCustomFunction } from './useCustomFunction';
-export { useSiteSettings } from './useSiteSettings';
+export { useStyleSettings } from './useStyleSettings';

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

@@ -0,0 +1,2 @@
+import { ChaynsStyleSettings } from '../types/IChaynsReact';
+export declare const useStyleSettings: () => ChaynsStyleSettings | undefined;

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

@@ -25,7 +25,7 @@ type ChaynsHostType = {
     environment: ChaynsReactValues["environment"];
     preventStagingReplacement?: boolean;
     dialog: ChaynsReactValues["dialog"];
-    siteSettings?: ChaynsReactValues["siteSettings"];
+    styleSettings?: ChaynsReactValues["styleSettings"];
 };
 declare const ChaynsHost: FC<ChaynsHostType>;
 export default ChaynsHost;

package/dist/types/host/iframe/HostIframe.d.ts

@@ -22,7 +22,7 @@ type HostIframeProps = {
     customData: ChaynsReactValues["customData"];
     preventStagingReplacement?: boolean;
     dialog: ChaynsReactValues["dialog"];
-    siteSettings: ChaynsReactValues["siteSettings"];
+    styleSettings: ChaynsReactValues["styleSettings"];
 };
 declare const HostIframe: FC<HostIframeProps>;
 export default HostIframe;

package/dist/types/host/module/ModuleHost.d.ts

@@ -24,7 +24,7 @@ type ModulePropTypes = {
     preventStagingReplacement?: boolean;
     dialog: ChaynsReactValues["dialog"];
     children?: ReactNode;
-    siteSettings: ChaynsReactValues["siteSettings"];
+    styleSettings: ChaynsReactValues["styleSettings"];
 };
 declare const ModuleHost: FC<ModulePropTypes>;
 export default ModuleHost;

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

@@ -165,6 +165,7 @@ export type ChaynsApiUser = {
     uacGroups?: UacGroup[];
     userId?: number;
     personId?: string;
+    isAnonymous?: boolean;
 };
 export type ChaynsApiSite = {
     id: string;
@@ -192,7 +193,7 @@ export declare enum IconStyle {
     DUOTONE = 3,
     SHARP = 4
 }
-export interface DesignSettings {
+export interface ChaynsDesignSettings {
     siteId?: string;
     color: string;
     secondaryColor?: string;
@@ -209,7 +210,7 @@ export interface DesignSettings {
     cardBackgroundOpacity?: number;
     cardShadow?: number;
 }
-export interface ParagraphFormat {
+export interface ChaynsParagraphFormat {
     selector: string;
     fontSizePx?: number;
     lineHeight?: number;
@@ -220,9 +221,9 @@ export interface ParagraphFormat {
     buttonDesignType?: number;
     backgroundColor?: string;
 }
-export type ChaynsSiteSettings = {
-    designSettings: DesignSettings;
-    paragraphFormats: ParagraphFormat[];
+export type ChaynsStyleSettings = {
+    designSettings: ChaynsDesignSettings;
+    paragraphFormats: ChaynsParagraphFormat[];
 };
 export declare enum ScreenSize {
     /** screen width smaller than or equal 556px */
@@ -236,6 +237,10 @@ export declare enum ScreenSize {
     /** screen width larger than 1200px */
     XL = 4
 }
+export declare enum AppFlavor {
+    None = "none",
+    Chayns = "chayns"
+}
 export type ChaynsApiDevice = {
     app?: {
         name: AppName;
@@ -246,6 +251,8 @@ export type ChaynsApiDevice = {
         /** the version of the chayns call interface */
         callVersion: number;
         storePackageName?: string;
+        /** the flavor of the app, e. g. all chayns apps including chat app, sidekick, team */
+        flavor: AppFlavor;
     };
     browser?: {
         name?: IBrowser["name"] | 'bot' | null;
@@ -301,7 +308,7 @@ export interface ChaynsReactValues {
         dialogInput: any;
         isClosingRequested: boolean;
     };
-    siteSettings?: ChaynsSiteSettings;
+    styleSettings?: ChaynsStyleSettings;
 }
 export interface DialogResultFile {
     blockDownload?: boolean;
@@ -433,6 +440,9 @@ export interface RefreshData {
     suffix?: boolean;
     tapps?: boolean;
     user?: boolean;
+    chaynsProData?: boolean;
+    ignoreUacCache?: boolean;
+    chaynsInfo?: boolean;
 }
 export type IntercomMessage = {
     text: string;

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

@@ -1,10 +1,10 @@
-import { ChaynsReactFunctions, ChaynsReactValues, ChaynsSiteSettings, CleanupCallback, DataChangeCallback, IChaynsReact } from '../types/IChaynsReact';
+import { ChaynsReactFunctions, ChaynsReactValues, ChaynsStyleSettings, CleanupCallback, DataChangeCallback, IChaynsReact } from '../types/IChaynsReact';
 export declare class AppWrapper implements IChaynsReact {
     values: ChaynsReactValues;
     accessToken: string;
     listeners: (() => void)[];
     customFunctions: {};
-    loadSiteSettings(siteId: string): Promise<ChaynsSiteSettings | undefined>;
+    loadStyleSettings(siteId: string): Promise<ChaynsStyleSettings | undefined>;
     mapOldApiToNew(retVal: any): ChaynsReactValues;
     constructor();
     notImplemented(call: string): void;

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

@@ -4,15 +4,29 @@ declare class StaticChaynsApi {
     addDataListener: (cb: DataChangeCallback) => () => void;
     private _wrapper;
     constructor(values: any, functions: any);
-    getUser: () => any;
-    getSite: () => any;
-    getCurrentPage: () => any;
-    getDevice: () => any;
-    getLanguage: () => any;
-    getParameters: () => any;
-    getPages: () => any;
-    getEnvironment: () => any;
-    getSiteSettings: () => any;
-    getCustomFunction: (key: string) => any;
+    getUser: () => import("../types/IChaynsReact").ChaynsApiUser | undefined;
+    getSite: () => import("../types/IChaynsReact").ChaynsApiSite;
+    getCurrentPage: () => {
+        id: number;
+        siteId: string;
+    };
+    getDevice: () => import("../types/IChaynsReact").ChaynsApiDevice;
+    getLanguage: () => {
+        site: import("../types/IChaynsReact").Language;
+        translation: import("../types/IChaynsReact").Language | null;
+        device: import("../types/IChaynsReact").Language;
+        active: import("../types/IChaynsReact").Language;
+    };
+    getParameters: () => {
+        [key: string]: string | string[];
+        [key: symbol]: string | string[];
+    };
+    getPages: () => import("../types/IChaynsReact").Page[];
+    getEnvironment: () => {
+        buildEnvironment: import("../types/IChaynsReact").Environment;
+        runtimeEnvironment: import("../types/IChaynsReact").RuntimeEnviroment | string;
+    };
+    getStyleSettings: () => import("../types/IChaynsReact").ChaynsStyleSettings | undefined;
+    getCustomFunction: (key: string) => <A extends Array<any>, O>(...args: A) => Promise<O>;
 }
 export default StaticChaynsApi;

package/package.json

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

package/dist/cjs/hooks/useSiteSettings.js

@@ -1,9 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useSiteSettings = void 0;
-var _context = require("./context");
-const useSiteSettings = () => (0, _context.useValuesSelector)(state => state.siteSettings);
-exports.useSiteSettings = useSiteSettings;

package/dist/esm/hooks/useSiteSettings.js

@@ -1,2 +0,0 @@
-import { useValuesSelector } from './context';
-export const useSiteSettings = () => useValuesSelector(state => state.siteSettings);

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

@@ -1,2 +0,0 @@
-import { ChaynsSiteSettings } from '../types/IChaynsReact';
-export declare const useSiteSettings: () => ChaynsSiteSettings | undefined;