chayns-api 2.2.0-beta.2 → 2.2.0-beta.4

package/dist/cjs/hooks/context.js

@@ -7,7 +7,7 @@ exports.useValuesSelector = exports.useFunctionsSelector = exports.useCustomFunc
 var _react = require("react");
 var _shim = require("use-sync-external-store/shim");
 var _ChaynsContext = require("../components/ChaynsContext");
-const useChaynsSelector = key => selector => {
+const createChaynsSelector = key => selector => {
   const store = (0, _react.useContext)(_ChaynsContext.ChaynsContext);
   if (!store) {
     throw new Error('Could not find chayns context. Did you forget to add ChaynsProvider?');
@@ -15,6 +15,6 @@ const useChaynsSelector = key => selector => {
   const getSnapshot = () => selector(store[key]);
   return (0, _shim.useSyncExternalStore)(store.subscribe, getSnapshot, getSnapshot);
 };
-const useValuesSelector = exports.useValuesSelector = useChaynsSelector('values');
-const useFunctionsSelector = exports.useFunctionsSelector = useChaynsSelector('functions');
-const useCustomFunctionsSelector = exports.useCustomFunctionsSelector = useChaynsSelector('customFunctions');
+const useValuesSelector = exports.useValuesSelector = createChaynsSelector('values');
+const useFunctionsSelector = exports.useFunctionsSelector = createChaynsSelector('functions');
+const useCustomFunctionsSelector = exports.useCustomFunctionsSelector = createChaynsSelector('customFunctions');

package/dist/cjs/hooks/useParameters.js

@@ -5,5 +5,5 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useParameters = void 0;
 var _context = require("./context");
-const useParameters = () => (0, _context.useValuesSelector)(v => v.parameters || []);
+const useParameters = () => (0, _context.useValuesSelector)(v => v.parameters);
 exports.useParameters = useParameters;

package/dist/cjs/index.js

@@ -89,17 +89,6 @@ var _ChaynsProvider = _interopRequireDefault(require("./components/ChaynsProvide
 var _deviceHelper = _interopRequireWildcard(require("./util/deviceHelper"));
 var _ChaynsHost = _interopRequireDefault(require("./host/ChaynsHost"));
 var _withCompatMode = require("./components/withCompatMode");
-Object.keys(_withCompatMode).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _withCompatMode[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _withCompatMode[key];
-    }
-  });
-});
 var _calls = require("./calls");
 Object.keys(_calls).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

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

@@ -4,9 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.bindChaynsApi = void 0;
-var _index = require("../index");
+var _StaticChaynsApi = _interopRequireDefault(require("../wrapper/StaticChaynsApi"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const bindChaynsApi = fun => (values, functions) => {
-  new _index.StaticChaynsApi(values, functions);
+  new _StaticChaynsApi.default(values, functions);
   return fun;
 };
 exports.bindChaynsApi = bindChaynsApi;

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

@@ -124,6 +124,7 @@ class AppWrapper {
         gender: _IChaynsReact.Gender.Unknown,
         userId: userId,
         personId: AppUser.PersonID,
+        isAnonymous: AppUser.IsAnonymous,
         uacGroups: []
       },
       customData: null,
@@ -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/esm/hooks/context.js

@@ -1,7 +1,7 @@
 import { useContext } from 'react';
 import { useSyncExternalStore } from 'use-sync-external-store/shim';
 import { ChaynsContext } from '../components/ChaynsContext';
-const useChaynsSelector = key => selector => {
+const createChaynsSelector = key => selector => {
   const store = useContext(ChaynsContext);
   if (!store) {
     throw new Error('Could not find chayns context. Did you forget to add ChaynsProvider?');
@@ -9,6 +9,6 @@ const useChaynsSelector = key => selector => {
   const getSnapshot = () => selector(store[key]);
   return useSyncExternalStore(store.subscribe, getSnapshot, getSnapshot);
 };
-export const useValuesSelector = useChaynsSelector('values');
-export const useFunctionsSelector = useChaynsSelector('functions');
-export const useCustomFunctionsSelector = useChaynsSelector('customFunctions');
+export const useValuesSelector = createChaynsSelector('values');
+export const useFunctionsSelector = createChaynsSelector('functions');
+export const useCustomFunctionsSelector = createChaynsSelector('customFunctions');

package/dist/esm/hooks/useParameters.js

@@ -1,2 +1,2 @@
 import { useValuesSelector } from './context';
-export const useParameters = () => useValuesSelector(v => v.parameters || []);
+export const useParameters = () => useValuesSelector(v => v.parameters);

package/dist/esm/index.js

@@ -8,7 +8,6 @@ export * from './hooks';
 export * from './components/WaitUntil';
 export * from './types/IChaynsReact';
 export * from './util/is';
-export * from './components/withCompatMode';
 export * from './constants';
 export { default as withHydrationBoundary } from './components/withHydrationBoundary';
 export { default as StaticChaynsApi } from './wrapper/StaticChaynsApi';

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

@@ -1,4 +1,4 @@
-import { StaticChaynsApi } from "../index";
+import StaticChaynsApi from '../wrapper/StaticChaynsApi';
 export const bindChaynsApi = fun => (values, functions) => {
   new StaticChaynsApi(values, functions);
   return fun;

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

@@ -114,6 +114,7 @@ export class AppWrapper {
         gender: Gender.Unknown,
         userId: userId,
         personId: AppUser.PersonID,
+        isAnonymous: AppUser.IsAnonymous,
         uacGroups: []
       },
       customData: null,
@@ -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/types/host/ChaynsHost.d.ts

@@ -11,7 +11,7 @@ type ChaynsHostType = {
     customFunctions?: IChaynsReact["customFunctions"];
     src?: string;
     iFrameRef?: React.MutableRefObject<HTMLIFrameElement | null> | undefined;
-    loadingComponent?: JSX.Element;
+    loadingComponent?: React.ReactNode;
     system?: TypeSystem;
     pages: Page[];
     isAdminModeActive: boolean;
@@ -26,6 +26,16 @@ type ChaynsHostType = {
     preventStagingReplacement?: boolean;
     dialog: ChaynsReactValues["dialog"];
     styleSettings?: ChaynsReactValues["styleSettings"];
-};
+} & ({
+    type: `${'client' | 'server'}-iframe`;
+    src: string;
+    iFrameProps: {
+        [key: string]: unknown;
+        name: string;
+    };
+} | {
+    type: `${'client' | 'server'}-module`;
+    system: TypeSystem;
+});
 declare const ChaynsHost: FC<ChaynsHostType>;
 export default ChaynsHost;

package/dist/types/index.d.ts

@@ -8,7 +8,6 @@ export * from './hooks';
 export * from './components/WaitUntil';
 export * from './types/IChaynsReact';
 export * from './util/is';
-export * from './components/withCompatMode';
 export * from './constants';
 export { default as withHydrationBoundary } from './components/withHydrationBoundary';
 export { default as StaticChaynsApi } from './wrapper/StaticChaynsApi';

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;
@@ -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;
@@ -435,7 +442,6 @@ export interface RefreshData {
     user?: boolean;
     chaynsProData?: boolean;
     ignoreUacCache?: boolean;
-    styleSettings?: boolean;
     chaynsInfo?: boolean;
 }
 export type IntercomMessage = {

package/package.json

@@ -1,15 +1,15 @@
 {
     "name": "chayns-api",
-    "version": "2.2.0-beta.2",
+    "version": "2.2.0-beta.4",
     "description": "new chayns api",
     "main": "dist/cjs/index.js",
     "module": "dist/esm/index.js",
     "types": "dist/types/index.d.ts",
     "exports": {
         ".": {
+            "types": "./dist/types/index.d.ts",
             "require": "./dist/cjs/index.js",
-            "import": "./dist/esm/index.js",
-            "types": "./dist/types/index.d.ts"
+            "default": "./dist/esm/index.js"
         }
     },
     "keywords": [
@@ -52,7 +52,7 @@
     },
     "devDependencies": {
         "@babel/cli": "^7.26.4",
-        "@babel/core": "^7.26.0",
+        "@babel/core": "^7.26.9",
         "@babel/preset-env": "^7.26.0",
         "@babel/preset-react": "^7.26.3",
         "@babel/preset-typescript": "^7.26.0",
@@ -60,16 +60,16 @@
         "@rsbuild/plugin-umd": "^1.0.4",
         "@types/htmlescape": "^1.1.3",
         "@types/lodash.throttle": "^4.1.9",
-        "@types/prop-types": "^15.7.12",
-        "@types/react": "^18.2.78",
-        "@types/react-dom": "^18.2.25",
+        "@types/prop-types": "^15.7.14",
+        "@types/react": "^18.3.18",
+        "@types/react-dom": "^18.3.5",
         "@types/ua-parser-js": "^0.7.39",
         "@types/use-sync-external-store": "^0.0.6",
         "@typescript-eslint/parser": "^7.6.0",
-        "chayns-toolkit": "^3.1.3",
+        "chayns-toolkit": "^3.2.0",
         "concurrently": "^9.1.2",
         "cross-env": "^7.0.3",
-        "prettier": "^3.4.2",
+        "prettier": "^3.5.1",
         "prettier-plugin-packagejson": "^2.5.8",
         "react": "^18.3.1",
         "react-dom": "^18.3.1",