chayns-api 2.1.10 → 2.2.0-beta.0

package/.github/workflows/publish.yml

@@ -6,6 +6,11 @@ on:
     tags:
       - 'v*'
 
+env:
+  TAG: >-
+    ${{ contains(github.ref_name, 'alpha') && 'alpha' || (contains(github.ref_name, '-') &&
+    'beta' || 'latest') }}
+
 jobs:
   build:
     runs-on: ubuntu-latest
@@ -13,9 +18,9 @@ jobs:
       - uses: actions/checkout@v2
       - uses: actions/setup-node@v1
         with:
-          node-version: '14.21.1'
+          node-version: '20.18.2'
           registry-url: https://registry.npmjs.org/
       - run: npm install
-      - run: npm publish
+      - run: npm publish --tag ${{ env.TAG }}
         env:
           NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}

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.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.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;
 var _moduleWrapper = require("../components/moduleWrapper");
 const addGeoLocationListener = (...args) => _moduleWrapper.moduleWrapper.current.functions.addGeoLocationListener(...args);
 exports.addGeoLocationListener = addGeoLocationListener;
@@ -119,11 +119,16 @@ 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 getCustomFunction = key => _moduleWrapper.moduleWrapper.current.customFunctions[key];
 exports.getCustomFunction = getCustomFunction;
 const user = exports.user = new Proxy({}, {
   get: (target, prop) => {
     var _moduleWrapper$curren;
+    if (prop === '$$typeof') {
+      return 'object';
+    }
     console.warn('Deprecated user import');
     return (_moduleWrapper$curren = _moduleWrapper.moduleWrapper.current.values.user) === null || _moduleWrapper$curren === void 0 ? void 0 : _moduleWrapper$curren[prop];
   }
@@ -131,6 +136,9 @@ const user = exports.user = new Proxy({}, {
 const site = exports.site = new Proxy({}, {
   get: (target, prop) => {
     var _moduleWrapper$curren2;
+    if (prop === '$$typeof') {
+      return 'object';
+    }
     console.warn('Deprecated site import');
     return (_moduleWrapper$curren2 = _moduleWrapper.moduleWrapper.current.values.site) === null || _moduleWrapper$curren2 === void 0 ? void 0 : _moduleWrapper$curren2[prop];
   }
@@ -138,6 +146,9 @@ const site = exports.site = new Proxy({}, {
 const device = exports.device = new Proxy({}, {
   get: (target, prop) => {
     var _moduleWrapper$curren3;
+    if (prop === '$$typeof') {
+      return 'object';
+    }
     console.warn('Deprecated device import');
     return (_moduleWrapper$curren3 = _moduleWrapper.moduleWrapper.current.values.device) === null || _moduleWrapper$curren3 === void 0 ? void 0 : _moduleWrapper$curren3[prop];
   }
@@ -145,6 +156,9 @@ const device = exports.device = new Proxy({}, {
 const language = exports.language = new Proxy({}, {
   get: (target, prop) => {
     var _moduleWrapper$curren4;
+    if (prop === '$$typeof') {
+      return 'object';
+    }
     console.warn('Deprecated language import');
     return (_moduleWrapper$curren4 = _moduleWrapper.moduleWrapper.current.values.language) === null || _moduleWrapper$curren4 === void 0 ? void 0 : _moduleWrapper$curren4[prop];
   }
@@ -152,6 +166,9 @@ const language = exports.language = new Proxy({}, {
 const parameters = exports.parameters = new Proxy({}, {
   get: (target, prop) => {
     var _moduleWrapper$curren5;
+    if (prop === '$$typeof') {
+      return 'object';
+    }
     console.warn('Deprecated parameters import');
     return (_moduleWrapper$curren5 = _moduleWrapper.moduleWrapper.current.values.parameters) === null || _moduleWrapper$curren5 === void 0 ? void 0 : _moduleWrapper$curren5[prop];
   }
@@ -159,6 +176,9 @@ const parameters = exports.parameters = new Proxy({}, {
 const pages = exports.pages = new Proxy({}, {
   get: (target, prop) => {
     var _moduleWrapper$curren6;
+    if (prop === '$$typeof') {
+      return 'object';
+    }
     console.warn('Deprecated pages import');
     return (_moduleWrapper$curren6 = _moduleWrapper.moduleWrapper.current.values.pages) === null || _moduleWrapper$curren6 === void 0 ? void 0 : _moduleWrapper$curren6[prop];
   }
@@ -166,6 +186,9 @@ const pages = exports.pages = new Proxy({}, {
 const environment = exports.environment = new Proxy({}, {
   get: (target, prop) => {
     var _moduleWrapper$curren7;
+    if (prop === '$$typeof') {
+      return 'object';
+    }
     console.warn('Deprecated environment import');
     return (_moduleWrapper$curren7 = _moduleWrapper.moduleWrapper.current.values.environment) === null || _moduleWrapper$curren7 === void 0 ? void 0 : _moduleWrapper$curren7[prop];
   }

package/dist/cjs/components/ChaynsProvider.js

@@ -59,7 +59,7 @@ const ChaynsProvider = ({
     } else {
       var _deviceInfo$app$name, _deviceInfo$app;
       const deviceInfo = (0, _deviceHelper.default)(navigator.userAgent, '');
-      if ([_IChaynsReact.AppName.Chayns, _IChaynsReact.AppName.ChaynsLauncher, _IChaynsReact.AppName.Sidekick, _IChaynsReact.AppName.TobitChat, _IChaynsReact.AppName.Team].includes((_deviceInfo$app$name = (_deviceInfo$app = deviceInfo.app) === null || _deviceInfo$app === void 0 ? void 0 : _deviceInfo$app.name) !== null && _deviceInfo$app$name !== void 0 ? _deviceInfo$app$name : _IChaynsReact.AppName.Unknown) && window.self === window.top) {
+      if ([_IChaynsReact.AppName.Chayns, _IChaynsReact.AppName.ChaynsLauncher, _IChaynsReact.AppName.Sidekick, _IChaynsReact.AppName.TobitChat, _IChaynsReact.AppName.Team, _IChaynsReact.AppName.CityApp].includes((_deviceInfo$app$name = (_deviceInfo$app = deviceInfo.app) === null || _deviceInfo$app === void 0 ? void 0 : _deviceInfo$app.name) !== null && _deviceInfo$app$name !== void 0 ? _deviceInfo$app$name : _IChaynsReact.AppName.Unknown) && window.self === window.top) {
         customWrapper.current = new _AppWrapper.AppWrapper();
       } else {
         customWrapper.current = new _FrameWrapper.FrameWrapper();

package/dist/cjs/hooks/context.js

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

package/dist/cjs/hooks/index.js

@@ -141,6 +141,12 @@ Object.defineProperty(exports, "useSite", {
     return _useSite.useSite;
   }
 });
+Object.defineProperty(exports, "useSiteSettings", {
+  enumerable: true,
+  get: function () {
+    return _useSiteSettings.useSiteSettings;
+  }
+});
 Object.defineProperty(exports, "useUser", {
   enumerable: true,
   get: function () {
@@ -183,4 +189,5 @@ var _useCurrentPage = require("./useCurrentPage");
 var _useCustomData = require("./useCustomData");
 var _useDialogState = require("./useDialogState");
 var _useCustomCallbackFunction = require("./useCustomCallbackFunction");
-var _useCustomFunction = require("./useCustomFunction");
+var _useCustomFunction = require("./useCustomFunction");
+var _useSiteSettings = require("./useSiteSettings");

package/dist/cjs/hooks/useSiteSettings.js

@@ -0,0 +1,9 @@
+"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/cjs/host/ChaynsHost.js

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

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

@@ -31,7 +31,8 @@ const HostIframe = ({
   environment,
   customData,
   preventStagingReplacement,
-  dialog
+  dialog,
+  siteSettings
 }) => {
   const eventTarget = (0, _react.useRef)();
   const ref = (0, _react.useRef)();
@@ -57,7 +58,8 @@ const HostIframe = ({
     parameters,
     environment,
     customData,
-    dialog
+    dialog,
+    siteSettings
   };
   currentDataRef.current = initialData;
   (0, _react.useEffect)(() => {
@@ -112,6 +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);
   return _react.default.createElement("iframe", _extends({
     ref: r => {
       ref.current = r;

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

@@ -36,7 +36,8 @@ const ModuleHost = ({
   customData,
   dialog,
   environment,
-  preventStagingReplacement
+  preventStagingReplacement,
+  siteSettings
 }) => {
   const initialData = {
     site,
@@ -47,7 +48,8 @@ const ModuleHost = ({
     language,
     parameters,
     customData,
-    environment
+    environment,
+    siteSettings
   };
   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.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.AccessMode = void 0;
 let DateType = exports.DateType = function (DateType) {
   DateType[DateType["DATE"] = 0] = "DATE";
   DateType[DateType["TIME"] = 1] = "TIME";
@@ -48,6 +48,14 @@ let DialogButtonType = exports.DialogButtonType = function (DialogButtonType) {
   DialogButtonType[DialogButtonType["NEGATIVE"] = 0] = "NEGATIVE";
   return DialogButtonType;
 }({});
+let IconStyle = exports.IconStyle = function (IconStyle) {
+  IconStyle[IconStyle["SOLID"] = 0] = "SOLID";
+  IconStyle[IconStyle["REGULAR"] = 1] = "REGULAR";
+  IconStyle[IconStyle["LIGHT"] = 2] = "LIGHT";
+  IconStyle[IconStyle["DUOTONE"] = 3] = "DUOTONE";
+  IconStyle[IconStyle["SHARP"] = 4] = "SHARP";
+  return IconStyle;
+}({});
 let ScreenSize = exports.ScreenSize = function (ScreenSize) {
   ScreenSize[ScreenSize["XS"] = 0] = "XS";
   ScreenSize[ScreenSize["SM"] = 1] = "SM";

package/dist/cjs/umd.index.js

@@ -0,0 +1,89 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  getDeviceInfo: true,
+  getScreenSize: true,
+  getClientDeviceInfo: true,
+  StaticChaynsApi: true,
+  DialogHandler: true,
+  dialog: true
+};
+Object.defineProperty(exports, "DialogHandler", {
+  enumerable: true,
+  get: function () {
+    return _DialogHandler.default;
+  }
+});
+Object.defineProperty(exports, "StaticChaynsApi", {
+  enumerable: true,
+  get: function () {
+    return _StaticChaynsApi.default;
+  }
+});
+exports.dialog = void 0;
+Object.defineProperty(exports, "getClientDeviceInfo", {
+  enumerable: true,
+  get: function () {
+    return _deviceHelper.getClientDeviceInfo;
+  }
+});
+Object.defineProperty(exports, "getDeviceInfo", {
+  enumerable: true,
+  get: function () {
+    return _deviceHelper.default;
+  }
+});
+Object.defineProperty(exports, "getScreenSize", {
+  enumerable: true,
+  get: function () {
+    return _deviceHelper.getScreenSize;
+  }
+});
+require("./util/transferNestedFunctions");
+var _deviceHelper = _interopRequireWildcard(require("./util/deviceHelper"));
+var _calls = require("./calls");
+Object.keys(_calls).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _calls[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _calls[key];
+    }
+  });
+});
+var _IChaynsReact = require("./types/IChaynsReact");
+Object.keys(_IChaynsReact).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _IChaynsReact[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _IChaynsReact[key];
+    }
+  });
+});
+var _is = require("./util/is");
+Object.keys(_is).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _is[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _is[key];
+    }
+  });
+});
+var _StaticChaynsApi = _interopRequireDefault(require("./wrapper/StaticChaynsApi"));
+var _DialogHandler = _interopRequireDefault(require("./handler/DialogHandler"));
+var _dialog = _interopRequireWildcard(require("./calls/dialogs/index"));
+exports.dialog = _dialog;
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }

package/dist/cjs/util/deviceHelper.js

@@ -13,7 +13,7 @@ const getDeviceInfo = (userAgent, acceptHeader, {
   const uaParser = new _uaParserJs.UAParser(userAgent);
   let appName = _IChaynsReact.AppName.Unknown;
   const match = /(?:my)?chayns\/(?<version>\d+).*(?<siteId>\d{5}-\d{5})/i.exec(userAgent);
-  const customMatch = /\s(?<name>intercom|sidekick|team)\/(?<version>\d+)/i.exec(userAgent);
+  const customMatch = /\s(?<name>intercom|sidekick|team|cityApp)\/(?<version>\d+)/i.exec(userAgent);
   if (/\sintercom\/\d+/i.test(userAgent)) {
     appName = _IChaynsReact.AppName.TobitChat;
   } else if (/\ssidekick\/\d+/i.test(userAgent)) {

package/dist/cjs/wrapper/AppWrapper.js

@@ -23,6 +23,21 @@ class AppWrapper {
   accessToken = '';
   listeners = [];
   customFunctions = {};
+  async loadSiteSettings(siteId) {
+    try {
+      var _AbortSignal$timeout, _AbortSignal;
+      const res = await fetch(`https://style.tobit.cloud/css/${siteId}/components`, {
+        signal: (_AbortSignal$timeout = (_AbortSignal = AbortSignal).timeout) === null || _AbortSignal$timeout === void 0 ? void 0 : _AbortSignal$timeout.call(_AbortSignal, 5000)
+      });
+      if (res.status === 200) {
+        return await res.json();
+      }
+      console.error(`[chayns-api] failed to load site settings with status code: ${res.status}`);
+    } catch (ex) {
+      console.error('[chayns-api] failed to load site settings', ex);
+    }
+    return undefined;
+  }
   mapOldApiToNew(retVal) {
     var _window, _window2, _AppInfo$TappSelected;
     const {
@@ -586,6 +601,7 @@ class AppWrapper {
   dialogs = [];
   async init() {
     this.values = this.mapOldApiToNew(await this.appCall(18));
+    this.values.siteSettings = await this.loadSiteSettings(this.values.site.id);
     document.documentElement.classList.add('chayns-api--app');
     this.appCall(66, {
       enabled: true

package/dist/cjs/wrapper/StaticChaynsApi.js

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

package/dist/esm/calls/index.js

@@ -150,10 +150,14 @@ 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 getCustomFunction = key => moduleWrapper.current.customFunctions[key];
 export const user = new Proxy({}, {
   get: (target, prop) => {
     var _moduleWrapper$curren;
+    if (prop === '$$typeof') {
+      return 'object';
+    }
     console.warn('Deprecated user import');
     return (_moduleWrapper$curren = moduleWrapper.current.values.user) === null || _moduleWrapper$curren === void 0 ? void 0 : _moduleWrapper$curren[prop];
   }
@@ -161,6 +165,9 @@ export const user = new Proxy({}, {
 export const site = new Proxy({}, {
   get: (target, prop) => {
     var _moduleWrapper$curren2;
+    if (prop === '$$typeof') {
+      return 'object';
+    }
     console.warn('Deprecated site import');
     return (_moduleWrapper$curren2 = moduleWrapper.current.values.site) === null || _moduleWrapper$curren2 === void 0 ? void 0 : _moduleWrapper$curren2[prop];
   }
@@ -168,6 +175,9 @@ export const site = new Proxy({}, {
 export const device = new Proxy({}, {
   get: (target, prop) => {
     var _moduleWrapper$curren3;
+    if (prop === '$$typeof') {
+      return 'object';
+    }
     console.warn('Deprecated device import');
     return (_moduleWrapper$curren3 = moduleWrapper.current.values.device) === null || _moduleWrapper$curren3 === void 0 ? void 0 : _moduleWrapper$curren3[prop];
   }
@@ -175,6 +185,9 @@ export const device = new Proxy({}, {
 export const language = new Proxy({}, {
   get: (target, prop) => {
     var _moduleWrapper$curren4;
+    if (prop === '$$typeof') {
+      return 'object';
+    }
     console.warn('Deprecated language import');
     return (_moduleWrapper$curren4 = moduleWrapper.current.values.language) === null || _moduleWrapper$curren4 === void 0 ? void 0 : _moduleWrapper$curren4[prop];
   }
@@ -182,6 +195,9 @@ export const language = new Proxy({}, {
 export const parameters = new Proxy({}, {
   get: (target, prop) => {
     var _moduleWrapper$curren5;
+    if (prop === '$$typeof') {
+      return 'object';
+    }
     console.warn('Deprecated parameters import');
     return (_moduleWrapper$curren5 = moduleWrapper.current.values.parameters) === null || _moduleWrapper$curren5 === void 0 ? void 0 : _moduleWrapper$curren5[prop];
   }
@@ -189,6 +205,9 @@ export const parameters = new Proxy({}, {
 export const pages = new Proxy({}, {
   get: (target, prop) => {
     var _moduleWrapper$curren6;
+    if (prop === '$$typeof') {
+      return 'object';
+    }
     console.warn('Deprecated pages import');
     return (_moduleWrapper$curren6 = moduleWrapper.current.values.pages) === null || _moduleWrapper$curren6 === void 0 ? void 0 : _moduleWrapper$curren6[prop];
   }
@@ -196,6 +215,9 @@ export const pages = new Proxy({}, {
 export const environment = new Proxy({}, {
   get: (target, prop) => {
     var _moduleWrapper$curren7;
+    if (prop === '$$typeof') {
+      return 'object';
+    }
     console.warn('Deprecated environment import');
     return (_moduleWrapper$curren7 = moduleWrapper.current.values.environment) === null || _moduleWrapper$curren7 === void 0 ? void 0 : _moduleWrapper$curren7[prop];
   }

package/dist/esm/components/ChaynsProvider.js

@@ -52,7 +52,7 @@ const ChaynsProvider = _ref2 => {
     } else {
       var _deviceInfo$app$name, _deviceInfo$app;
       const deviceInfo = getDeviceInfo(navigator.userAgent, '');
-      if ([AppName.Chayns, AppName.ChaynsLauncher, AppName.Sidekick, AppName.TobitChat, AppName.Team].includes((_deviceInfo$app$name = (_deviceInfo$app = deviceInfo.app) === null || _deviceInfo$app === void 0 ? void 0 : _deviceInfo$app.name) !== null && _deviceInfo$app$name !== void 0 ? _deviceInfo$app$name : AppName.Unknown) && window.self === window.top) {
+      if ([AppName.Chayns, AppName.ChaynsLauncher, AppName.Sidekick, AppName.TobitChat, AppName.Team, AppName.CityApp].includes((_deviceInfo$app$name = (_deviceInfo$app = deviceInfo.app) === null || _deviceInfo$app === void 0 ? void 0 : _deviceInfo$app.name) !== null && _deviceInfo$app$name !== void 0 ? _deviceInfo$app$name : AppName.Unknown) && window.self === window.top) {
         customWrapper.current = new AppWrapper();
       } else {
         customWrapper.current = new FrameWrapper();

package/dist/esm/hooks/context.js

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

package/dist/esm/hooks/index.js

@@ -16,4 +16,5 @@ export { useCurrentPage } from './useCurrentPage';
 export { useCustomData } from './useCustomData';
 export { useDialogState, useDialogData } from './useDialogState';
 export { useCustomCallbackFunction } from './useCustomCallbackFunction';
-export { useCustomFunction } from './useCustomFunction';
+export { useCustomFunction } from './useCustomFunction';
+export { useSiteSettings } from './useSiteSettings';

package/dist/esm/hooks/useSiteSettings.js

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

package/dist/esm/host/ChaynsHost.js

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

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

@@ -23,7 +23,8 @@ const HostIframe = _ref => {
     environment,
     customData,
     preventStagingReplacement,
-    dialog
+    dialog,
+    siteSettings
   } = _ref;
   const eventTarget = useRef();
   const ref = useRef();
@@ -49,7 +50,8 @@ const HostIframe = _ref => {
     parameters,
     environment,
     customData,
-    dialog
+    dialog,
+    siteSettings
   };
   currentDataRef.current = initialData;
   useEffect(() => {
@@ -104,6 +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);
   return React.createElement("iframe", _extends({
     ref: r => {
       ref.current = r;

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

@@ -29,7 +29,8 @@ const ModuleHost = _ref2 => {
     customData,
     dialog,
     environment,
-    preventStagingReplacement
+    preventStagingReplacement,
+    siteSettings
   } = _ref2;
   const initialData = {
     site,
@@ -40,7 +41,8 @@ const ModuleHost = _ref2 => {
     language,
     parameters,
     customData,
-    environment
+    environment,
+    siteSettings
   };
   if (user) {
     initialData.user = user;

package/dist/esm/index.js

@@ -16,6 +16,5 @@ export { default as loadComponent, loadModule } from './host/module/utils/loadCo
 export { default as DialogHandler } from './handler/DialogHandler';
 import * as _dialog from './calls/dialogs/index';
 export { _dialog as dialog };
-export * from './types/IChaynsReact';
 export * from './util/initModuleFederationSharing';
 export * from './util/bindChaynsApi';

package/dist/esm/types/IChaynsReact.js

@@ -42,6 +42,14 @@ export let DialogButtonType = function (DialogButtonType) {
   DialogButtonType[DialogButtonType["NEGATIVE"] = 0] = "NEGATIVE";
   return DialogButtonType;
 }({});
+export let IconStyle = function (IconStyle) {
+  IconStyle[IconStyle["SOLID"] = 0] = "SOLID";
+  IconStyle[IconStyle["REGULAR"] = 1] = "REGULAR";
+  IconStyle[IconStyle["LIGHT"] = 2] = "LIGHT";
+  IconStyle[IconStyle["DUOTONE"] = 3] = "DUOTONE";
+  IconStyle[IconStyle["SHARP"] = 4] = "SHARP";
+  return IconStyle;
+}({});
 export let ScreenSize = function (ScreenSize) {
   ScreenSize[ScreenSize["XS"] = 0] = "XS";
   ScreenSize[ScreenSize["SM"] = 1] = "SM";

package/dist/esm/umd.index.js

@@ -0,0 +1,9 @@
+import './util/transferNestedFunctions';
+export { default as getDeviceInfo, getScreenSize, getClientDeviceInfo } from './util/deviceHelper';
+export * from './calls';
+export * from './types/IChaynsReact';
+export * from './util/is';
+export { default as StaticChaynsApi } from './wrapper/StaticChaynsApi';
+export { default as DialogHandler } from './handler/DialogHandler';
+import * as _dialog from './calls/dialogs/index';
+export { _dialog as dialog };

package/dist/esm/util/deviceHelper.js

@@ -8,7 +8,7 @@ const getDeviceInfo = function (userAgent, acceptHeader) {
   const uaParser = new UAParser(userAgent);
   let appName = AppName.Unknown;
   const match = /(?:my)?chayns\/(?<version>\d+).*(?<siteId>\d{5}-\d{5})/i.exec(userAgent);
-  const customMatch = /\s(?<name>intercom|sidekick|team)\/(?<version>\d+)/i.exec(userAgent);
+  const customMatch = /\s(?<name>intercom|sidekick|team|cityApp)\/(?<version>\d+)/i.exec(userAgent);
   if (/\sintercom\/\d+/i.test(userAgent)) {
     appName = AppName.TobitChat;
   } else if (/\ssidekick\/\d+/i.test(userAgent)) {

package/dist/esm/wrapper/AppWrapper.js

@@ -13,6 +13,21 @@ import { DeviceLanguage } from '../constants/languages';
 import { isAppCallSupported } from '../util/is';
 let appWrapperDialogId = 0;
 export class AppWrapper {
+  async loadSiteSettings(siteId) {
+    try {
+      var _AbortSignal$timeout, _AbortSignal;
+      const res = await fetch(`https://style.tobit.cloud/css/${siteId}/components`, {
+        signal: (_AbortSignal$timeout = (_AbortSignal = AbortSignal).timeout) === null || _AbortSignal$timeout === void 0 ? void 0 : _AbortSignal$timeout.call(_AbortSignal, 5000)
+      });
+      if (res.status === 200) {
+        return await res.json();
+      }
+      console.error(`[chayns-api] failed to load site settings with status code: ${res.status}`);
+    } catch (ex) {
+      console.error('[chayns-api] failed to load site settings', ex);
+    }
+    return undefined;
+  }
   mapOldApiToNew(retVal) {
     var _window, _window2, _AppInfo$TappSelected;
     const {
@@ -596,6 +611,7 @@ export class AppWrapper {
   }
   async init() {
     this.values = this.mapOldApiToNew(await this.appCall(18));
+    this.values.siteSettings = await this.loadSiteSettings(this.values.site.id);
     document.documentElement.classList.add('chayns-api--app');
     this.appCall(66, {
       enabled: true

package/dist/esm/wrapper/StaticChaynsApi.js

@@ -18,6 +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, "getCustomFunction", key => this._wrapper.customFunctions[key]);
     let wrapper;
     const deviceInfo = getDeviceInfo(navigator.userAgent, '');

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

@@ -236,6 +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;
 /**
  * Returns the customFunction. Prefer usage via useCustomFunction when possible
  * @param key functionName

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

@@ -1,4 +1,3 @@
-import { IChaynsReact } from '../types/IChaynsReact';
-export declare const useValuesSelector: <Result>(selector: (value: IChaynsReact["values"]) => Result) => Result;
-export declare const useFunctionsSelector: <Result>(selector: (value: IChaynsReact["functions"]) => Result) => Result;
-export declare const useCustomFunctionsSelector: <Result>(selector: (value: IChaynsReact["customFunctions"]) => Result) => Result;
+export declare const useValuesSelector: <Result>(selector: (value: import("../types/IChaynsReact").ChaynsReactValues) => Result) => Result;
+export declare const useFunctionsSelector: <Result>(selector: (value: import("../types/IChaynsReact").ChaynsReactFunctions) => Result) => Result;
+export declare const useCustomFunctionsSelector: <Result>(selector: (value: import("../types/IChaynsReact").ChaynsReactCustomFunctions) => Result) => Result;

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

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

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

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

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

@@ -2,7 +2,7 @@ import React, { FC } from 'react';
 import { TypeSystem } from './module/ModuleHost';
 import { ChaynsApiDevice, ChaynsApiSite, ChaynsApiUser, ChaynsReactFunctions, ChaynsReactValues, IChaynsReact, Page } from '../types/IChaynsReact';
 type ChaynsHostType = {
-    type: string;
+    type: `${'client' | 'server'}-${'iframe' | 'module'}`;
     iFrameProps?: {
         [key: string]: unknown;
         name: string;
@@ -25,6 +25,7 @@ type ChaynsHostType = {
     environment: ChaynsReactValues["environment"];
     preventStagingReplacement?: boolean;
     dialog: ChaynsReactValues["dialog"];
+    siteSettings?: ChaynsReactValues["siteSettings"];
 };
 declare const ChaynsHost: FC<ChaynsHostType>;
 export default ChaynsHost;

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

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

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

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

package/dist/types/index.d.ts

@@ -15,6 +15,5 @@ export { default as StaticChaynsApi } from './wrapper/StaticChaynsApi';
 export { default as loadComponent, loadModule } from './host/module/utils/loadComponent';
 export { default as DialogHandler } from './handler/DialogHandler';
 export * as dialog from './calls/dialogs/index';
-export * from './types/IChaynsReact';
 export * from './util/initModuleFederationSharing';
 export * from './util/bindChaynsApi';

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

@@ -185,6 +185,45 @@ export type ChaynsApiSite = {
     urlHash: string;
     originSiteId?: string;
 };
+export declare enum IconStyle {
+    SOLID = 0,
+    REGULAR = 1,
+    LIGHT = 2,
+    DUOTONE = 3,
+    SHARP = 4
+}
+export interface DesignSettings {
+    siteId?: string;
+    color: string;
+    secondaryColor?: string;
+    colorMode: ColorMode;
+    fontSize: number;
+    iconStyle: IconStyle;
+    headlineFontId?: number;
+    backgroundType?: number;
+    backgroundColor?: string;
+    headerBarColor?: string;
+    accordionIcon?: number;
+    accordionLines?: boolean;
+    cardBorderRadius?: number;
+    cardBackgroundOpacity?: number;
+    cardShadow?: number;
+}
+export interface ParagraphFormat {
+    selector: string;
+    fontSizePx?: number;
+    lineHeight?: number;
+    marginBeforePx?: number;
+    marginAfterPx?: number;
+    color?: string;
+    fontId?: number;
+    buttonDesignType?: number;
+    backgroundColor?: string;
+}
+export type ChaynsSiteSettings = {
+    designSettings: DesignSettings;
+    paragraphFormats: ParagraphFormat[];
+};
 export declare enum ScreenSize {
     /** screen width smaller than or equal 556px */
     XS = 0,
@@ -262,6 +301,7 @@ export interface ChaynsReactValues {
         dialogInput: any;
         isClosingRequested: boolean;
     };
+    siteSettings?: ChaynsSiteSettings;
 }
 export interface DialogResultFile {
     blockDownload?: boolean;
@@ -358,6 +398,9 @@ export interface ChaynsReactFunctions {
     removeDialogHostEventListener: (id: number) => Promise<void>;
     addAnonymousAccount: () => Promise<AnonymousAccountResult>;
 }
+export type ChaynsReactCustomFunctions = {
+    [key: string]: <A extends Array<any>, O>(...args: A) => Promise<O>;
+};
 export type DialogResult = {
     open: () => Promise<any>;
     close: (buttonType: DialogButtonType, data: any) => Promise<void>;
@@ -553,9 +596,7 @@ interface DesignSettingsUpdateItem {
 export interface IChaynsReact {
     values: ChaynsReactValues;
     functions: ChaynsReactFunctions;
-    customFunctions: {
-        [key: string]: <A extends Array<any>, O>(...args: A) => Promise<O>;
-    };
+    customFunctions: ChaynsReactCustomFunctions;
     addDataListener: (cb: DataChangeCallback) => CleanupCallback;
     getSSRData: () => ChaynsReactValues | null;
     init: () => Promise<void>;

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

@@ -0,0 +1,8 @@
+import './util/transferNestedFunctions';
+export { default as getDeviceInfo, getScreenSize, getClientDeviceInfo } from './util/deviceHelper';
+export * from './calls';
+export * from './types/IChaynsReact';
+export * from './util/is';
+export { default as StaticChaynsApi } from './wrapper/StaticChaynsApi';
+export { default as DialogHandler } from './handler/DialogHandler';
+export * as dialog from './calls/dialogs/index';

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

@@ -1,9 +1,10 @@
-import { ChaynsReactFunctions, ChaynsReactValues, CleanupCallback, DataChangeCallback, IChaynsReact } from '../types/IChaynsReact';
+import { ChaynsReactFunctions, ChaynsReactValues, ChaynsSiteSettings, 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>;
     mapOldApiToNew(retVal: any): ChaynsReactValues;
     constructor();
     notImplemented(call: string): void;

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

@@ -3,7 +3,6 @@ declare class StaticChaynsApi {
     ready: Promise<void>;
     addDataListener: (cb: DataChangeCallback) => () => void;
     private _wrapper;
-    private customFunctions;
     constructor(values: any, functions: any);
     getUser: () => any;
     getSite: () => any;
@@ -13,6 +12,7 @@ declare class StaticChaynsApi {
     getParameters: () => any;
     getPages: () => any;
     getEnvironment: () => any;
+    getSiteSettings: () => any;
     getCustomFunction: (key: string) => any;
 }
 export default StaticChaynsApi;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "chayns-api",
-    "version": "2.1.10",
+    "version": "2.2.0-beta.0",
     "description": "new chayns api",
     "main": "dist/cjs/index.js",
     "module": "dist/esm/index.js",
@@ -57,6 +57,7 @@
         "@babel/preset-react": "^7.26.3",
         "@babel/preset-typescript": "^7.26.0",
         "@chayns-toolkit/eslint-config": "^2.0.0",
+        "@rsbuild/plugin-umd": "^1.0.4",
         "@types/htmlescape": "^1.1.3",
         "@types/lodash.throttle": "^4.1.9",
         "@types/prop-types": "^15.7.12",
@@ -65,7 +66,7 @@
         "@types/ua-parser-js": "^0.7.39",
         "@types/use-sync-external-store": "^0.0.6",
         "@typescript-eslint/parser": "^7.6.0",
-        "chayns-toolkit": "^2.0.13",
+        "chayns-toolkit": "^3.1.3",
         "concurrently": "^9.1.2",
         "cross-env": "^7.0.3",
         "prettier": "^3.4.2",

package/toolkit.config.js

@@ -1,20 +1,27 @@
-const path = require('path');
+const { buildToolkitConfig } = require('chayns-toolkit');
+const { pluginUmd } = require('@rsbuild/plugin-umd');
 
-module.exports = {
+module.exports = buildToolkitConfig({
     development: {
-        host: "0.0.0.0",
+        host: '0.0.0.0',
         port: 8081,
     },
     output: {
-        singleBundle: true,
-        filename: 'chayns-api.js',
-        path: path.resolve(__dirname, 'dist'),
+        filename: {
+            js: '[name].js',
+        },
+        entryPoints: {
+            ['chayns-api']: {
+                pathIndex: './src/umd.index.js',
+            },
+        },
+        path: 'dist',
     },
     webpack(config) {
-        config.output.library = {
+        config.plugins.push(pluginUmd({
             name: 'ChaynsApi',
-            type: 'umd',
-        }
+        }));
+        config.output.sourceMap = false;
         return config;
-    }
-};
+    },
+});

package/dist/cjs/components/AppDialogWrapper.js

@@ -1,42 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _ChaynsHost = _interopRequireDefault(require("../host/ChaynsHost"));
-var _hooks = require("../hooks");
-var _ErrorBoundary = _interopRequireDefault(require("./ErrorBoundary"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-const AppDialogWrapper = ({
-  dialogEventTarget
-}) => {
-  const functions = (0, _hooks.useFunctions)();
-  const data = (0, _hooks.useValues)();
-  const [dialogData, setDialogData] = (0, _react.useState)({
-    dialogs: []
-  });
-  (0, _react.useEffect)(() => {
-    dialogEventTarget.addEventListener('change', e => {
-      setDialogData({
-        dialogs: e.detail
-      });
-    });
-  }, []);
-  return _react.default.createElement(_ErrorBoundary.default, null, _react.default.createElement(_ChaynsHost.default, _extends({
-    type: "client-module",
-    system: {
-      module: './AppWrapper',
-      url: 'https://tapp.chayns-static.space/api/dialog-v2/v1/remoteEntry.js',
-      scope: 'dialog_v2'
-    }
-  }, data, {
-    functions: functions,
-    customData: dialogData
-  })));
-};
-var _default = exports.default = AppDialogWrapper;

package/dist/esm/components/AppDialogWrapper.js

@@ -1,34 +0,0 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-import React, { useEffect, useState } from 'react';
-import ChaynsHost from '../host/ChaynsHost';
-import { useFunctions, useValues } from '../hooks';
-import ErrorBoundary from "./ErrorBoundary";
-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 React.createElement(ErrorBoundary, null, React.createElement(ChaynsHost, _extends({
-    type: "client-module",
-    system: {
-      module: './AppWrapper',
-      url: 'https://tapp.chayns-static.space/api/dialog-v2/v1/remoteEntry.js',
-      scope: 'dialog_v2'
-    }
-  }, data, {
-    functions: functions,
-    customData: dialogData
-  })));
-};
-export default AppDialogWrapper;

package/dist/types/components/AppDialogWrapper.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-declare const AppDialogWrapper: ({ dialogEventTarget }: {
-    dialogEventTarget: any;
-}) => React.JSX.Element;
-export default AppDialogWrapper;