chayns-api 1.2.0-9 → 2.0.1-0

package/dist/cjs/components/withHydrationBoundary.js

@@ -8,16 +8,19 @@ var _react = _interopRequireWildcard(require("react"));
 var _constants = require("../constants");
 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; }
-const withHydrationBoundary = (Component, initializer, useHydrationId) => {
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+const withHydrationBoundary = (Component, initializer, useHydrationId, useProps) => {
   return ({
     id: idProp,
-    children
+    children,
+    ...rest
   }) => {
     let value;
     if (!globalThis.window) {
       value = (0, _react.useContext)(_constants.HydrationContext);
     }
     const id = useHydrationId ? useHydrationId() : idProp;
+    const props = useProps ? useProps(rest) : undefined;
     if (!id) {
       throw new Error('hydration boundary was not given a id which is required');
     }
@@ -33,7 +36,7 @@ const withHydrationBoundary = (Component, initializer, useHydrationId) => {
           initialValue = JSON.parse($elem.innerHTML);
         }
       }
-      const s = initializer(initialValue, id);
+      const s = initializer(initialValue, id, props);
       if (!globalThis.window) {
         value[id] = s;
       }
@@ -46,9 +49,9 @@ const withHydrationBoundary = (Component, initializer, useHydrationId) => {
         $elem.remove();
       }
     }, []);
-    return /*#__PURE__*/_react.default.createElement(Component, {
+    return /*#__PURE__*/_react.default.createElement(Component, _extends({}, rest, {
       value: store
-    }, children);
+    }), children);
   };
 };
 var _default = exports.default = withHydrationBoundary;

package/dist/cjs/host/module/utils/loadComponent.js

@@ -22,7 +22,7 @@ const loadModule = (scope, module, url, preventSingleton = false) => {
       console.error(`[chayns-api] call registerRemote with force for scope ${scope}. url: ${url}`);
     }
     registerRemotes([{
-      shareScope: 'chayns-api2',
+      shareScope: url.endsWith('v2.remoteEntry.js') ? 'chayns-api' : 'default',
       name: scope,
       entry: url,
       alias: scope
@@ -73,7 +73,6 @@ const loadComponent = (scope, module, url, skipCompatMode = false, preventSingle
         loadShareSync('react', {
           resolver: shareOptions => {
             resolve(shareOptions);
-            console.log("shareOptions", shareOptions);
             return shareOptions[0];
           }
         });
@@ -85,12 +84,10 @@ const loadComponent = (scope, module, url, skipCompatMode = false, preventSingle
         return _semver.default.gt(version, hostVersion) && _semver.default.satisfies(version, requiredVersion) || scope === from.split('-').join('_');
       });
       if (!matchReactVersion || environment !== 'production' || process.env.NODE_ENV === 'development' || Module.default.version !== 2) {
-        console.log("use compat mode for", scope, module);
         return {
           default: Module.default.CompatComponent
         };
       }
-      console.log("use direct component for", scope, module);
       return {
         default: Module.default.Component
       };

package/dist/cjs/index.js

@@ -190,6 +190,18 @@ Object.keys(_initModuleFederationSharing).forEach(function (key) {
     }
   });
 });
+var _bindChaynsApi = require("./util/bindChaynsApi");
+Object.keys(_bindChaynsApi).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _bindChaynsApi[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _bindChaynsApi[key];
+    }
+  });
+});
 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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

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.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.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 = /*#__PURE__*/function (DateType) {
   DateType[DateType["DATE"] = 0] = "DATE";
   DateType[DateType["TIME"] = 1] = "TIME";
@@ -164,6 +164,12 @@ let FloatingButtonPosition = exports.FloatingButtonPosition = /*#__PURE__*/funct
   FloatingButtonPosition[FloatingButtonPosition["Left"] = 2] = "Left";
   return FloatingButtonPosition;
 }({});
+let FloatingButtonAnimation = exports.FloatingButtonAnimation = /*#__PURE__*/function (FloatingButtonAnimation) {
+  FloatingButtonAnimation["None"] = "none";
+  FloatingButtonAnimation["FadeIn"] = "fade-in";
+  FloatingButtonAnimation["Pulse"] = "pulse";
+  return FloatingButtonAnimation;
+}({});
 let SharingApp = exports.SharingApp = /*#__PURE__*/function (SharingApp) {
   SharingApp[SharingApp["Mail"] = 0] = "Mail";
   SharingApp[SharingApp["WhatsApp"] = 1] = "WhatsApp";

package/dist/cjs/util/bindChaynsApi.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.bindChaynsApi = void 0;
+var _index = require("../index");
+const bindChaynsApi = fun => (values, functions) => {
+  new _index.StaticChaynsApi(values, functions);
+  return fun;
+};
+exports.bindChaynsApi = bindChaynsApi;

package/dist/cjs/util/initModuleFederationSharing.js

@@ -7,38 +7,38 @@ exports.initModuleFederationSharing = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactDom = _interopRequireDefault(require("react-dom"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const initModuleFederationSharing = () => {
+const initModuleFederationSharing = ({
+  name
+}) => {
   // forces single instance of module federation runtime
-  if (!globalThis.moduleFederationRuntime) {
-    var _process$env$__PACKAG;
-    globalThis.moduleFederationRuntime = require('@module-federation/enhanced/runtime');
-    globalThis.moduleFederationScopes = {
-      registeredScopes: {},
-      moduleMap: {},
-      componentMap: {}
-    };
-    const {
-      init
-    } = globalThis.moduleFederationRuntime;
-
-    // init also should only be called once
-    init({
-      // will be set by chayns-toolkit via DefinePlugin
-      name: (_process$env$__PACKAG = process.env.__PACKAGE_NAME__) !== null && _process$env$__PACKAG !== void 0 ? _process$env$__PACKAG : '',
-      remotes: [],
-      shared: {
-        react: {
-          version: _react.default.version,
-          scope: 'chayns-api2',
-          lib: () => _react.default
-        },
-        'react-dom': {
-          version: _reactDom.default.version,
-          scope: 'chayns-api2',
-          lib: () => _reactDom.default
-        }
-      }
-    });
+  if (globalThis.moduleFederationRuntime) {
+    return;
   }
+  globalThis.moduleFederationRuntime = require('@module-federation/enhanced/runtime');
+  globalThis.moduleFederationScopes = {
+    registeredScopes: {},
+    moduleMap: {},
+    componentMap: {}
+  };
+  const {
+    init
+  } = globalThis.moduleFederationRuntime;
+  init({
+    name: name !== null && name !== void 0 ? name : '',
+    remotes: [],
+    shared: {
+      react: {
+        version: _react.default.version,
+        scope: 'chayns-api',
+        lib: () => _react.default
+      },
+      'react-dom': {
+        version: _react.default.version,
+        // intended, because react dom.version is not identical to package json react version (hash in version)
+        scope: 'chayns-api',
+        lib: () => _reactDom.default
+      }
+    }
+  });
 };
 exports.initModuleFederationSharing = initModuleFederationSharing;

package/dist/cjs/wrapper/StaticChaynsApi.js

@@ -9,13 +9,16 @@ var _IChaynsReact = require("../types/IChaynsReact");
 var _deviceHelper = _interopRequireDefault(require("../util/deviceHelper"));
 var _AppWrapper = require("./AppWrapper");
 var _FrameWrapper = require("./FrameWrapper");
+var _ModuleFederationWrapper = require("./ModuleFederationWrapper");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 class StaticChaynsApi {
-  constructor() {
+  constructor(values, functions) {
     var _deviceInfo$app$name, _deviceInfo$app;
     let wrapper;
     const deviceInfo = (0, _deviceHelper.default)(navigator.userAgent, '');
-    if ([_IChaynsReact.AppName.Chayns, _IChaynsReact.AppName.ChaynsLauncher, _IChaynsReact.AppName.Sidekick, _IChaynsReact.AppName.TobitChat].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 (values && functions) {
+      wrapper = new _ModuleFederationWrapper.ModuleFederationWrapper(values, functions);
+    } else if ([_IChaynsReact.AppName.Chayns, _IChaynsReact.AppName.ChaynsLauncher, _IChaynsReact.AppName.Sidekick, _IChaynsReact.AppName.TobitChat].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) {
       wrapper = new _AppWrapper.AppWrapper();
     } else {
       wrapper = new _FrameWrapper.FrameWrapper();

package/dist/esm/components/withHydrationBoundary.js

@@ -1,16 +1,19 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import React, { useContext, useEffect, useState } from 'react';
 import { HydrationContext } from '../constants';
-const withHydrationBoundary = (Component, initializer, useHydrationId) => {
+const withHydrationBoundary = (Component, initializer, useHydrationId, useProps) => {
   return _ref => {
     let {
       id: idProp,
-      children
+      children,
+      ...rest
     } = _ref;
     let value;
     if (!globalThis.window) {
       value = useContext(HydrationContext);
     }
     const id = useHydrationId ? useHydrationId() : idProp;
+    const props = useProps ? useProps(rest) : undefined;
     if (!id) {
       throw new Error('hydration boundary was not given a id which is required');
     }
@@ -26,7 +29,7 @@ const withHydrationBoundary = (Component, initializer, useHydrationId) => {
           initialValue = JSON.parse($elem.innerHTML);
         }
       }
-      const s = initializer(initialValue, id);
+      const s = initializer(initialValue, id, props);
       if (!globalThis.window) {
         value[id] = s;
       }
@@ -39,9 +42,9 @@ const withHydrationBoundary = (Component, initializer, useHydrationId) => {
         $elem.remove();
       }
     }, []);
-    return /*#__PURE__*/React.createElement(Component, {
+    return /*#__PURE__*/React.createElement(Component, _extends({}, rest, {
       value: store
-    }, children);
+    }), children);
   };
 };
 export default withHydrationBoundary;

package/dist/esm/host/module/utils/loadComponent.js

@@ -16,7 +16,7 @@ export const loadModule = function (scope, module, url) {
       console.error(`[chayns-api] call registerRemote with force for scope ${scope}. url: ${url}`);
     }
     registerRemotes([{
-      shareScope: 'chayns-api2',
+      shareScope: url.endsWith('v2.remoteEntry.js') ? 'chayns-api' : 'default',
       name: scope,
       entry: url,
       alias: scope
@@ -68,7 +68,6 @@ const loadComponent = function (scope, module, url) {
         loadShareSync('react', {
           resolver: shareOptions => {
             resolve(shareOptions);
-            console.log("shareOptions", shareOptions);
             return shareOptions[0];
           }
         });
@@ -81,12 +80,10 @@ const loadComponent = function (scope, module, url) {
         return semver.gt(version, hostVersion) && semver.satisfies(version, requiredVersion) || scope === from.split('-').join('_');
       });
       if (!matchReactVersion || environment !== 'production' || process.env.NODE_ENV === 'development' || Module.default.version !== 2) {
-        console.log("use compat mode for", scope, module);
         return {
           default: Module.default.CompatComponent
         };
       }
-      console.log("use direct component for", scope, module);
       return {
         default: Module.default.Component
       };

package/dist/esm/index.js

@@ -17,4 +17,5 @@ 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/initModuleFederationSharing';
+export * from './util/bindChaynsApi';

package/dist/esm/types/IChaynsReact.js

@@ -161,6 +161,12 @@ export let FloatingButtonPosition = /*#__PURE__*/function (FloatingButtonPositio
   FloatingButtonPosition[FloatingButtonPosition["Left"] = 2] = "Left";
   return FloatingButtonPosition;
 }({});
+export let FloatingButtonAnimation = /*#__PURE__*/function (FloatingButtonAnimation) {
+  FloatingButtonAnimation["None"] = "none";
+  FloatingButtonAnimation["FadeIn"] = "fade-in";
+  FloatingButtonAnimation["Pulse"] = "pulse";
+  return FloatingButtonAnimation;
+}({});
 export let SharingApp = /*#__PURE__*/function (SharingApp) {
   SharingApp[SharingApp["Mail"] = 0] = "Mail";
   SharingApp[SharingApp["WhatsApp"] = 1] = "WhatsApp";

package/dist/esm/util/bindChaynsApi.js

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

package/dist/esm/util/initModuleFederationSharing.js

@@ -1,36 +1,37 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
-export const initModuleFederationSharing = () => {
+export const initModuleFederationSharing = _ref => {
+  let {
+    name
+  } = _ref;
   // forces single instance of module federation runtime
-  if (!globalThis.moduleFederationRuntime) {
-    var _process$env$__PACKAG;
-    globalThis.moduleFederationRuntime = require('@module-federation/enhanced/runtime');
-    globalThis.moduleFederationScopes = {
-      registeredScopes: {},
-      moduleMap: {},
-      componentMap: {}
-    };
-    const {
-      init
-    } = globalThis.moduleFederationRuntime;
-
-    // init also should only be called once
-    init({
-      // will be set by chayns-toolkit via DefinePlugin
-      name: (_process$env$__PACKAG = process.env.__PACKAGE_NAME__) !== null && _process$env$__PACKAG !== void 0 ? _process$env$__PACKAG : '',
-      remotes: [],
-      shared: {
-        react: {
-          version: React.version,
-          scope: 'chayns-api2',
-          lib: () => React
-        },
-        'react-dom': {
-          version: ReactDOM.version,
-          scope: 'chayns-api2',
-          lib: () => ReactDOM
-        }
-      }
-    });
+  if (globalThis.moduleFederationRuntime) {
+    return;
   }
+  globalThis.moduleFederationRuntime = require('@module-federation/enhanced/runtime');
+  globalThis.moduleFederationScopes = {
+    registeredScopes: {},
+    moduleMap: {},
+    componentMap: {}
+  };
+  const {
+    init
+  } = globalThis.moduleFederationRuntime;
+  init({
+    name: name !== null && name !== void 0 ? name : '',
+    remotes: [],
+    shared: {
+      react: {
+        version: React.version,
+        scope: 'chayns-api',
+        lib: () => React
+      },
+      'react-dom': {
+        version: React.version,
+        // intended, because react dom.version is not identical to package json react version (hash in version)
+        scope: 'chayns-api',
+        lib: () => ReactDOM
+      }
+    }
+  });
 };

package/dist/esm/wrapper/StaticChaynsApi.js

@@ -6,8 +6,9 @@ import { AppName } from '../types/IChaynsReact';
 import getDeviceInfo from '../util/deviceHelper';
 import { AppWrapper } from './AppWrapper';
 import { FrameWrapper } from './FrameWrapper';
+import { ModuleFederationWrapper } from "./ModuleFederationWrapper";
 class StaticChaynsApi {
-  constructor() {
+  constructor(values, functions) {
     var _deviceInfo$app$name, _deviceInfo$app;
     _defineProperty(this, "getUser", () => this._wrapper.values.user);
     _defineProperty(this, "getSite", () => this._wrapper.values.site);
@@ -19,7 +20,9 @@ class StaticChaynsApi {
     _defineProperty(this, "getEnvironment", () => this._wrapper.values.environment);
     let wrapper;
     const deviceInfo = getDeviceInfo(navigator.userAgent, '');
-    if ([AppName.Chayns, AppName.ChaynsLauncher, AppName.Sidekick, AppName.TobitChat].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 (values && functions) {
+      wrapper = new ModuleFederationWrapper(values, functions);
+    } else if ([AppName.Chayns, AppName.ChaynsLauncher, AppName.Sidekick, AppName.TobitChat].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) {
       wrapper = new AppWrapper();
     } else {
       wrapper = new FrameWrapper();

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

@@ -221,6 +221,9 @@ export declare const getCurrentPage: () => {
 };
 export declare const getDevice: () => ChaynsApiDevice;
 export declare const getLanguage: () => {
+    /**
+     * Select other page on chayns site.
+     */
     site: import("../types/IChaynsReact").Language;
     translation: import("../types/IChaynsReact").Language | null;
     device: import("../types/IChaynsReact").Language;
@@ -233,12 +236,17 @@ export declare const getParameters: () => {
 export declare const getPages: () => import("../types/IChaynsReact").Page[];
 export declare const getEnvironment: () => {
     buildEnvironment: import("../types/IChaynsReact").Environment;
-    runtimeEnvironment: string | import("../types/IChaynsReact").RuntimeEnviroment;
+    runtimeEnvironment: string | import("../types/IChaynsReact").RuntimeEnviroment; /**
+     * Scrolls to specific position.
+     */
 };
 export declare const user: UserInfo;
 export declare const site: ChaynsApiSite;
 export declare const device: ChaynsApiDevice;
 export declare const language: {
+    /**
+     * Select other page on chayns site.
+     */
     site: import("../types/IChaynsReact").Language;
     translation: import("../types/IChaynsReact").Language | null;
     device: import("../types/IChaynsReact").Language;
@@ -251,5 +259,7 @@ export declare const parameters: {
 export declare const pages: import("../types/IChaynsReact").Page[];
 export declare const environment: {
     buildEnvironment: import("../types/IChaynsReact").Environment;
-    runtimeEnvironment: string | import("../types/IChaynsReact").RuntimeEnviroment;
+    runtimeEnvironment: string | import("../types/IChaynsReact").RuntimeEnviroment; /**
+     * Scrolls to specific position.
+     */
 };

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

@@ -8,10 +8,10 @@ type HydrationComponent = React.FC<{
     value: StoreLikeValue;
     children?: React.ReactNode;
 }>;
-type Initializer = (initialValue: object | undefined, id: string) => StoreLikeValue;
+type Initializer = (initialValue: object | undefined, id: string, props: any) => StoreLikeValue;
 type HydrationBoundary = React.FC<{
     id?: string;
     children?: React.ReactNode;
 }>;
-declare const withHydrationBoundary: (Component: HydrationComponent, initializer: Initializer, useHydrationId: undefined | (() => string)) => HydrationBoundary;
+declare const withHydrationBoundary: (Component: HydrationComponent, initializer: Initializer, useHydrationId: undefined | (() => string), useProps: ((props: any) => any) | undefined) => HydrationBoundary;
 export default withHydrationBoundary;

package/dist/types/index.d.ts

@@ -17,3 +17,4 @@ 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

@@ -30,8 +30,8 @@ export interface DialogDate {
     disabledWeekDayIntervals?: {
         weekDay: WeekDayType;
         interval?: {
-            start: Date;
-            end: Date;
+            start: string;
+            end: string;
         };
     }[];
 }
@@ -619,22 +619,28 @@ export declare enum FloatingButtonPosition {
     Center = 1,
     Left = 2
 }
+export declare enum FloatingButtonAnimation {
+    None = "none",
+    FadeIn = "fade-in",
+    Pulse = "pulse"
+}
 export interface FloatingButton {
     isEnabled: boolean;
-    position: FloatingButtonPosition;
-    zIndex: number;
-    badge: string;
-    textSize: number;
-    color: string;
-    colorText: string;
-    icon: string;
-    text: string;
-    rotateIcon: boolean;
-    items: {
+    position?: FloatingButtonPosition;
+    zIndex?: number;
+    badge?: string;
+    textSize?: number;
+    color?: string;
+    colorText?: string;
+    icon?: string;
+    text?: string;
+    rotateIcon?: boolean;
+    items?: {
         onClick?: () => Promise<void>;
         text: string;
         icon: string;
     }[];
+    animation?: FloatingButtonAnimation;
 }
 export declare enum SharingApp {
     Mail = 0,

package/dist/types/util/bindChaynsApi.d.ts

@@ -0,0 +1 @@
+export declare const bindChaynsApi: (fun: any) => (values: any, functions: any) => any;

package/dist/types/util/initModuleFederationSharing.d.ts

@@ -1 +1,3 @@
-export declare const initModuleFederationSharing: () => void;
+export declare const initModuleFederationSharing: ({ name }: {
+    name: any;
+}) => void;

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

@@ -3,7 +3,7 @@ declare class StaticChaynsApi {
     ready: Promise<void>;
     addDataListener: (cb: DataChangeCallback) => () => void;
     private _wrapper;
-    constructor();
+    constructor(values: any, functions: any);
     getUser: () => any;
     getSite: () => any;
     getCurrentPage: () => any;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "chayns-api",
-    "version": "1.2.0-9",
+    "version": "2.0.1-0",
     "description": "new chayns api",
     "main": "dist/cjs/index.js",
     "module": "dist/esm/index.js",
@@ -63,7 +63,7 @@
         "@babel/preset-react": "^7.24.1",
         "@babel/preset-typescript": "^7.24.1",
         "@chayns-toolkit/eslint-config": "^2.0.0",
-        "@testing-library/react": "^12.1.2",
+        "@testing-library/react": "^16.0.1",
         "@types/htmlescape": "^1.1.3",
         "@types/lodash.throttle": "^4.1.9",
         "@types/prop-types": "^15.7.12",

package/dist/cjs/host/module/utils/useDynamicScript.js

@@ -1,59 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.semaphore = exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _semaphoreAsyncAwait = _interopRequireDefault(require("semaphore-async-await"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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; }
-const semaphore = exports.semaphore = {};
-const useDynamicScript = args => {
-  const [ready, setReady] = _react.default.useState(false);
-  const [failed, setFailed] = _react.default.useState(false);
-  (0, _react.useEffect)(() => {
-    if (!args.url) {
-      return undefined;
-    }
-    const element = document.createElement('script');
-    element.src = args.url;
-    element.type = 'text/javascript';
-    element.async = true;
-    setReady(false);
-    setFailed(false);
-    if (!(args.scope in semaphore)) {
-      semaphore[args.scope] = new _semaphoreAsyncAwait.default(1);
-    }
-    (async () => {
-      await semaphore[args.scope].acquire();
-      element.onload = () => {
-        setReady(true);
-        const listKey = args.scope + "_list";
-        if (!window[listKey]) window[listKey] = [];
-        window[listKey].push({
-          url: args.url,
-          container: window[args.scope]
-        });
-        window[args.scope] = null;
-      };
-      element.onerror = () => {
-        setReady(false);
-        setFailed(true);
-      };
-      document.head.appendChild(element);
-    })();
-    return () => {
-      semaphore[args.scope].release();
-      if (document.head.contains(element)) {
-        document.head.removeChild(element);
-      }
-    };
-  }, [args.url]);
-  return {
-    ready,
-    failed
-  };
-};
-var _default = exports.default = useDynamicScript;

package/dist/esm/host/module/utils/useDynamicScript.js

@@ -1,50 +0,0 @@
-import React, { useEffect } from 'react';
-import Semaphore from 'semaphore-async-await';
-export const semaphore = {};
-const useDynamicScript = args => {
-  const [ready, setReady] = React.useState(false);
-  const [failed, setFailed] = React.useState(false);
-  useEffect(() => {
-    if (!args.url) {
-      return undefined;
-    }
-    const element = document.createElement('script');
-    element.src = args.url;
-    element.type = 'text/javascript';
-    element.async = true;
-    setReady(false);
-    setFailed(false);
-    if (!(args.scope in semaphore)) {
-      semaphore[args.scope] = new Semaphore(1);
-    }
-    (async () => {
-      await semaphore[args.scope].acquire();
-      element.onload = () => {
-        setReady(true);
-        const listKey = args.scope + "_list";
-        if (!window[listKey]) window[listKey] = [];
-        window[listKey].push({
-          url: args.url,
-          container: window[args.scope]
-        });
-        window[args.scope] = null;
-      };
-      element.onerror = () => {
-        setReady(false);
-        setFailed(true);
-      };
-      document.head.appendChild(element);
-    })();
-    return () => {
-      semaphore[args.scope].release();
-      if (document.head.contains(element)) {
-        document.head.removeChild(element);
-      }
-    };
-  }, [args.url]);
-  return {
-    ready,
-    failed
-  };
-};
-export default useDynamicScript;

package/dist/types/host/module/utils/useDynamicScript.d.ts

@@ -1,9 +0,0 @@
-export declare const semaphore: {};
-declare const useDynamicScript: (args: {
-    url: string | undefined;
-    scope: string | undefined;
-}) => {
-    ready: boolean;
-    failed: boolean;
-};
-export default useDynamicScript;