chayns-api 2.2.9 → 2.2.11

package/dist/cjs/components/withCompatMode.js

@@ -26,7 +26,7 @@ const withCompatMode = Component => {
         ref: innerRef
       })));
       if (typeof _client.createRoot === 'function') {
-        const identifierPrefix = Math.floor(Math.random() * 2 ** 64).toString(16);
+        const identifierPrefix = Array(8).fill(0).map(() => Math.floor(Math.random() * 256).toString(16).padStart(2, '0')).join('');
         this.root = (0, _client.createRoot)(this.ref.current, {
           identifierPrefix
         });

package/dist/cjs/handler/DialogHandler.js

@@ -31,7 +31,7 @@ class DialogHandler {
     });
     return this.result = res;
   }
-  close(buttonType, data) {
+  close(buttonType, data = undefined) {
     if (!this.isOpen) {
       return;
     }

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

@@ -112,6 +112,7 @@ const HostIframe = ({
   (0, _useUpdateData.default)(eventTarget.current, 'language', language);
   (0, _useUpdateData.default)(eventTarget.current, 'parameters', parameters);
   (0, _useUpdateData.default)(eventTarget.current, 'environment', environment);
+  (0, _useUpdateData.default)(eventTarget.current, 'currentPage', currentPage);
   (0, _useUpdateData.default)(eventTarget.current, 'customData', customData);
   (0, _useUpdateData.default)(eventTarget.current, 'dialog', dialog);
   (0, _useUpdateData.default)(eventTarget.current, 'styleSettings', styleSettings);

package/dist/esm/components/withCompatMode.js

@@ -17,7 +17,7 @@ export const withCompatMode = Component => {
         ref: innerRef
       })));
       if (typeof createRoot === 'function') {
-        const identifierPrefix = Math.floor(Math.random() * 2 ** 64).toString(16);
+        const identifierPrefix = Array(8).fill(0).map(() => Math.floor(Math.random() * 256).toString(16).padStart(2, '0')).join('');
         this.root = createRoot(this.ref.current, {
           identifierPrefix
         });

package/dist/esm/handler/DialogHandler.js

@@ -28,7 +28,8 @@ export default class DialogHandler {
     });
     return this.result = res;
   }
-  close(buttonType, data) {
+  close(buttonType) {
+    let data = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : undefined;
     if (!this.isOpen) {
       return;
     }

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

@@ -104,6 +104,7 @@ const HostIframe = _ref => {
   useUpdateData(eventTarget.current, 'language', language);
   useUpdateData(eventTarget.current, 'parameters', parameters);
   useUpdateData(eventTarget.current, 'environment', environment);
+  useUpdateData(eventTarget.current, 'currentPage', currentPage);
   useUpdateData(eventTarget.current, 'customData', customData);
   useUpdateData(eventTarget.current, 'dialog', dialog);
   useUpdateData(eventTarget.current, 'styleSettings', styleSettings);

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

@@ -3,193 +3,185 @@ import { ChaynsApiDevice, ChaynsApiSite, ChaynsReactFunctions, UserInfo } from '
  * This adds a listener to determine your location.
  * @category Event listener
  */
-export declare const addGeoLocationListener: (value: {
-    timeout?: number;
-    silent?: boolean;
-}, callback: (geoLocation: import("../types/IChaynsReact").GeoLocation) => void) => Promise<number>;
+export declare const addGeoLocationListener: (...args: Parameters<ChaynsReactFunctions["addGeoLocationListener"]>) => Promise<number>;
 /**
  * Adds a listener for scroll event by user.
  * @category Event listener
  */
-export declare const addScrollListener: (value: {
-    throttle?: number;
-}, callback: (result: import("../types/IChaynsReact").ScrollListenerResult) => void) => Promise<number>;
+export declare const addScrollListener: (...args: Parameters<ChaynsReactFunctions["addScrollListener"]>) => Promise<number>;
 /**
  * This method will be executed when the page gets displayed or hidden.
  * @category Event listener
  */
-export declare const addVisibilityChangeListener: (callback: (result: import("../types/IChaynsReact").VisibilityChangeListenerResult) => void) => Promise<number>;
+export declare const addVisibilityChangeListener: (...args: Parameters<ChaynsReactFunctions["addVisibilityChangeListener"]>) => Promise<number>;
 /**
  * This method will be executed when the toolbar gets displayed or hidden.
  * @category Event listener
  */
-export declare const addToolbarChangeListener: (callback: (result: import("../types/IChaynsReact").ToolbarChangeListenerResult) => void) => Promise<number>;
+export declare const addToolbarChangeListener: (...args: Parameters<ChaynsReactFunctions["addToolbarChangeListener"]>) => Promise<number>;
 /**
  * This adds a listener to get the actual height of the page.
  * @category Event listener
  */
-export declare const addWindowMetricsListener: (callback: (result: import("../types/IChaynsReact").WindowMetricsListenerResult) => void) => Promise<number>; /**
+export declare const addWindowMetricsListener: (...args: Parameters<ChaynsReactFunctions["addWindowMetricsListener"]>) => Promise<number>; /**
  * Allows a custom callback function to be defined. Prefer usage via useCustomCallbackFunction when possible
  * @deprecated Use customFunction/useCustomFunction-interface instead if possible
  */
-export declare const customCallbackFunction: (type: string, data: unknown) => Promise<unknown>;
+export declare const customCallbackFunction: (...args: Parameters<ChaynsReactFunctions["customCallbackFunction"]>) => Promise<unknown>;
 /**
  * Get the accessToken from the user.
  */
-export declare const getAccessToken: (value?: import("../types/IChaynsReact").AccessToken | undefined) => Promise<import("../types/IChaynsReact").AccessTokenResult>;
+export declare const getAccessToken: (...args: Parameters<ChaynsReactFunctions["getAccessToken"]>) => Promise<import("../types/IChaynsReact").AccessTokenResult>;
 /**
  * This method returns a list of installed share/social media apps.
  */
-export declare const getAvailableSharingServices: () => Promise<import("../types/IChaynsReact").AvailableSharingServices>;
+export declare const getAvailableSharingServices: (...args: Parameters<ChaynsReactFunctions["getAvailableSharingServices"]>) => Promise<import("../types/IChaynsReact").AvailableSharingServices>;
 /**
  * This method determines your location. If you want to track a route, use addGeoLocationListener.
  */
-export declare const getGeoLocation: (value: {
-    timeout?: number;
-    silent?: boolean;
-}) => Promise<import("../types/IChaynsReact").GeoLocation>;
+export declare const getGeoLocation: (...args: Parameters<ChaynsReactFunctions["getGeoLocation"]>) => Promise<import("../types/IChaynsReact").GeoLocation>;
 /**
  * This method returns user information for a specific user.
  * @category User functions
  */
-export declare const getUserInfo: (value: import("../types/IChaynsReact").UserInfoQuery) => Promise<UserInfo | null>;
+export declare const getUserInfo: (...args: Parameters<ChaynsReactFunctions["getUserInfo"]>) => Promise<UserInfo | null>;
 /**
  * Return the current scroll position of the top frame
  */
-export declare const getScrollPosition: () => Promise<import("../types/IChaynsReact").ScrollListenerResult>;
+export declare const getScrollPosition: (...args: Parameters<ChaynsReactFunctions["getScrollPosition"]>) => Promise<import("../types/IChaynsReact").ScrollListenerResult>;
 /**
  * Returns the window metrics.
  */
-export declare const getWindowMetrics: () => Promise<import("../types/IChaynsReact").WindowMetricsListenerResult>;
+export declare const getWindowMetrics: (...args: Parameters<ChaynsReactFunctions["getWindowMetrics"]>) => Promise<import("../types/IChaynsReact").WindowMetricsListenerResult>;
 /** @internal */
-export declare const invokeCall: (value: import("../types/IChaynsReact").InvokeCall, callback?: ((result: any) => void) | undefined) => Promise<any>;
+export declare const invokeCall: (...args: Parameters<ChaynsReactFunctions["invokeCall"]>) => Promise<any>;
 /** @internal */
-export declare const invokeDialogCall: (value: import("../types/IChaynsReact").InvokeCall, callback?: ((result: any) => void) | undefined) => Promise<any>;
+export declare const invokeDialogCall: (...args: Parameters<ChaynsReactFunctions["invokeDialogCall"]>) => Promise<any>;
 /**
  * This method will show a login dialog where the user has the opportunity to log in.
  */
-export declare const login: (value?: import("../types/IChaynsReact").Login | undefined, callback?: ((result: boolean) => void) | undefined, closeCallback?: (() => void) | undefined) => Promise<import("../types/IChaynsReact").LoginResult>;
+export declare const login: (...args: Parameters<ChaynsReactFunctions["login"]>) => Promise<import("../types/IChaynsReact").LoginResult>;
 /**
  * This method will logout the user
  */
-export declare const logout: () => Promise<void>;
+export declare const logout: (...args: Parameters<ChaynsReactFunctions["logout"]>) => Promise<void>;
 /**
  * This function navigates you to the previous site.
  */
-export declare const navigateBack: () => Promise<void>;
+export declare const navigateBack: (...args: Parameters<ChaynsReactFunctions["navigateBack"]>) => Promise<void>;
 /**
  * The images specified in the url array is shown in gallery mode.
  */
-export declare const openImage: (value: import("../types/IChaynsReact").OpenImage) => Promise<void>;
+export declare const openImage: (...args: Parameters<ChaynsReactFunctions["openImage"]>) => Promise<void>;
 /**
  * The images and videos specified in the items array is shown in gallery mode.
  */
-export declare const openMedia: (value: import("../types/IChaynsReact").OpenMedia) => Promise<void>;
+export declare const openMedia: (...args: Parameters<ChaynsReactFunctions["openMedia"]>) => Promise<void>;
 /**
  * Opens an URL in the chayns environment.
  */
-export declare const openUrl: (value: import("../types/IChaynsReact").OpenUrl) => Promise<void>;
+export declare const openUrl: (...args: Parameters<ChaynsReactFunctions["openUrl"]>) => Promise<void>;
 /**
  * The video specified in the URL is shown in video mode.
  */
-export declare const openVideo: (value: import("../types/IChaynsReact").OpenVideo) => Promise<void>;
+export declare const openVideo: (...args: Parameters<ChaynsReactFunctions["openVideo"]>) => Promise<void>;
 /**
  * Refresh badge count in navigation, user information and pages
  */
-export declare const refreshData: (value: import("../types/IChaynsReact").RefreshData) => Promise<void>;
+export declare const refreshData: (...args: Parameters<ChaynsReactFunctions["refreshData"]>) => Promise<void>;
 /**
  * Refresh accesstoken, should only be used when user object changes, not when token is invalid
  */
-export declare const refreshAccessToken: () => Promise<void>;
+export declare const refreshAccessToken: (...args: Parameters<ChaynsReactFunctions["refreshAccessToken"]>) => Promise<void>;
 /**
  * This removes a listener to determine your location.
  * @category Event listener
  */
-export declare const removeGeoLocationListener: (value: number) => Promise<void>;
+export declare const removeGeoLocationListener: (...args: Parameters<ChaynsReactFunctions["removeGeoLocationListener"]>) => Promise<void>;
 /**
  * This removes a listener for changing toolbar visibility
  * @category Event listener
  */
-export declare const removeToolbarChangeListener: (value: number) => Promise<void>;
+export declare const removeToolbarChangeListener: (...args: Parameters<ChaynsReactFunctions["removeToolbarChangeListener"]>) => Promise<void>;
 /**
  * Removes scroll listener.
  * @category Event listener
  */
-export declare const removeScrollListener: (value: number) => Promise<void>;
+export declare const removeScrollListener: (...args: Parameters<ChaynsReactFunctions["removeScrollListener"]>) => Promise<void>;
 /**
  * Removes visibility change listener.
  * @category Event listener
  */
-export declare const removeVisibilityChangeListener: (value: number) => Promise<void>;
+export declare const removeVisibilityChangeListener: (...args: Parameters<ChaynsReactFunctions["removeVisibilityChangeListener"]>) => Promise<void>;
 /**
  * Removes window metrics listener.
  * @category Event listener
  */
-export declare const removeWindowMetricsListener: (value: number) => Promise<void>;
+export declare const removeWindowMetricsListener: (...args: Parameters<ChaynsReactFunctions["removeWindowMetricsListener"]>) => Promise<void>;
 /**
  * Select other page on chayns site.
  */
-export declare const selectPage: (value: import("../types/IChaynsReact").SelectPage) => Promise<void>;
+export declare const selectPage: (...args: Parameters<ChaynsReactFunctions["selectPage"]>) => Promise<void>;
 /**
  * Scrolls by specific amount.
  */
-export declare const scrollByY: (position: number, duration?: number | undefined) => Promise<void>;
+export declare const scrollByY: (...args: Parameters<ChaynsReactFunctions["scrollByY"]>) => Promise<void>;
 /**
  * Scrolls to specific position.
  */
-export declare const scrollToY: (position: number, duration: number) => Promise<void>;
+export declare const scrollToY: (...args: Parameters<ChaynsReactFunctions["scrollToY"]>) => Promise<void>;
 /**
  * Sends intercom message to group.
  */
-export declare const sendMessageToGroup: (groupId: number, message: import("../types/IChaynsReact").IntercomMessage) => Promise<Response>;
+export declare const sendMessageToGroup: (...args: Parameters<ChaynsReactFunctions["sendMessageToGroup"]>) => Promise<Response>;
 /**
  * Sends intercom message to page.
  */
-export declare const sendMessageToPage: (message: import("../types/IChaynsReact").IntercomMessage) => Promise<Response>;
+export declare const sendMessageToPage: (...args: Parameters<ChaynsReactFunctions["sendMessageToPage"]>) => Promise<Response>;
 /**
  * Sends intercom message to an user.
  */
-export declare const sendMessageToUser: (userId: number, message: import("../types/IChaynsReact").IntercomMessage) => Promise<Response>;
+export declare const sendMessageToUser: (...args: Parameters<ChaynsReactFunctions["sendMessageToUser"]>) => Promise<Response>;
 /**
  * Switches admin mode, also toggles admin switch in top frame.
  */
-export declare const setAdminMode: (enabled: boolean) => Promise<void>;
+export declare const setAdminMode: (...args: Parameters<ChaynsReactFunctions["setAdminMode"]>) => Promise<void>;
 /**
  * Sets the display timeout, only works in chayns App.
  */
-export declare const setDisplayTimeout: (enabled: boolean) => Promise<import("../types/IChaynsReact").DisplayTimeout>;
+export declare const setDisplayTimeout: (...args: Parameters<ChaynsReactFunctions["setDisplayTimeout"]>) => Promise<import("../types/IChaynsReact").DisplayTimeout>;
 /**
  * Enables or disables a button which floats over the page.
  */
-export declare const setFloatingButton: (value: import("../types/IChaynsReact").FloatingButton, callback: () => void) => Promise<void>;
+export declare const setFloatingButton: (...args: Parameters<ChaynsReactFunctions["setFloatingButton"]>) => Promise<void>;
 /**
  * Sets the height of the page.
  */
-export declare const setHeight: (height: number) => Promise<void>;
+export declare const setHeight: (...args: Parameters<ChaynsReactFunctions["setHeight"]>) => Promise<void>;
 /**
  * Enables or disables the ability to refresh a page
  */
-export declare const setRefreshScrollEnabled: (enabled: boolean) => Promise<import("../types/IChaynsReact").RefreshScrollEnabled>;
+export declare const setRefreshScrollEnabled: (...args: Parameters<ChaynsReactFunctions["setRefreshScrollEnabled"]>) => Promise<import("../types/IChaynsReact").RefreshScrollEnabled>;
 /**
  * Scans a qr-code and returns the result
  */
-export declare const setScanQrCode: (value: import("../types/IChaynsReact").ScanQrCodeRequest) => Promise<import("../types/IChaynsReact").ScanQrCodeResult>;
+export declare const setScanQrCode: (...args: Parameters<ChaynsReactFunctions["setScanQrCode"]>) => Promise<import("../types/IChaynsReact").ScanQrCodeResult>;
 /**
  * Temporarily change design settings in top frame
  */
-export declare const setTempDesignSettings: (value: import("../types/IChaynsReact").DesignSettings) => Promise<void>;
+export declare const setTempDesignSettings: (...args: Parameters<ChaynsReactFunctions["setTempDesignSettings"]>) => Promise<void>;
 /**
  * Shows or hide a waitcursor
  */
-export declare const setWaitCursor: (value: import("../types/IChaynsReact").WaitCursor) => Promise<void>;
+export declare const setWaitCursor: (...args: Parameters<ChaynsReactFunctions["setWaitCursor"]>) => Promise<void>;
 /**
  * Retrieves the value that is assigned to the key from a storage outside the frame
  */
-export declare const storageGetItem: <T extends object | number | string>(key: string, accessMode?: import("../types/IChaynsReact").AccessMode | undefined) => Promise<T | undefined>;
+export declare const storageGetItem: <T extends object | number | string>(...args: Parameters<ChaynsReactFunctions["storageGetItem"]>) => Promise<T | undefined>;
 /**
  * Removes the value that is assigned to the key from a storage outside the frame
  */
-export declare const storageRemoveItem: (key: string, accessMode?: import("../types/IChaynsReact").AccessMode | undefined) => Promise<void>;
+export declare const storageRemoveItem: (...args: Parameters<ChaynsReactFunctions["storageRemoveItem"]>) => Promise<void>;
 /**
  * Sets the value that is assigned to the key from a storage outside the frame
  */
@@ -197,7 +189,7 @@ export declare const storageSetItem: ChaynsReactFunctions["storageSetItem"];
 /**
  * This method lets a smartphone vibrate for the given time.
  */
-export declare const vibrate: (value: import("../types/IChaynsReact").Vibrate) => Promise<void>;
+export declare const vibrate: (...args: Parameters<ChaynsReactFunctions["vibrate"]>) => Promise<void>;
 /**
  * This method creates a dialog
  */
@@ -205,7 +197,7 @@ export declare const createDialog: ChaynsReactFunctions["createDialog"];
 /**
  * Displays an overlay
  */
-export declare const setOverlay: (value: import("../types/IChaynsReact").ShowOverlay, callback: () => void) => Promise<void>;
+export declare const setOverlay: (...args: Parameters<ChaynsReactFunctions["setOverlay"]>) => Promise<void>;
 /**
  * Generates a temp accesstoken, only valid for short period of time (~3 days), works only when no user is logged in
  */

package/dist/types/handler/DialogHandler.d.ts

@@ -1,4 +1,4 @@
-export default class DialogHandler<S = void, T extends any = void> {
+export default class DialogHandler<T = unknown> {
     private dialogId;
     private isOpen;
     private result;
@@ -11,14 +11,14 @@ export default class DialogHandler<S = void, T extends any = void> {
     constructor(config: any, open: any, close: any, dispatchEvent: any, addDataListener: any);
     open(): Promise<{
         buttonType: number;
-        result: T extends undefined ? S : T;
+        result: T;
     }>;
-    close(buttonType: any, data: any): void;
+    close(buttonType: number, data?: any): void;
     dispatchEvent(data: object): void;
     addDataListener(listener: (data: any) => void): void;
     removeDataListener(listener: (data: any) => void): void;
     getResult(): {
         buttonType: number;
-        result: T extends undefined ? S : T;
+        result: T;
     } | undefined;
 }

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

@@ -1,4 +1,4 @@
 /**
  * @category Hooks
  */
-export declare const useCustomData: <T extends unknown>() => T;
+export declare const useCustomData: <T extends any>() => T;

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

@@ -6,4 +6,4 @@ export declare const useDialogState: () => DialogHookResult;
 /**
  * @category Hooks
  */
-export declare const useDialogData: <T extends unknown>() => T;
+export declare const useDialogData: <T extends any>() => T;

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

@@ -83,11 +83,11 @@ export interface BaseDialog {
         config?: any;
     };
 }
-export type Dialog<T extends any = object> = BaseDialog & (DialogAlert | DialogConfirm | DialogInput | DialogModule<T> | DialogIFrame<T> | DialogSelect | DialogDate | DialogToast | DialogSignature | DialogFileSelect);
+export type Dialog<T = object> = BaseDialog & (DialogAlert | DialogConfirm | DialogInput | DialogModule<T> | DialogIFrame<T> | DialogSelect | DialogDate | DialogToast | DialogSignature | DialogFileSelect);
 export interface DialogSignature {
     type: DialogType.SIGNATURE;
 }
-export interface DialogModule<T extends any = object> {
+export interface DialogModule<T = object> {
     type: DialogType.MODULE;
     system: {
         url: string;
@@ -99,7 +99,7 @@ export interface DialogModule<T extends any = object> {
     allowAnonymousUser?: boolean;
     seamless?: boolean;
 }
-export interface DialogIFrame<T extends any = object> {
+export interface DialogIFrame<T = object> {
     type: DialogType.IFRAME;
     url: string;
     dialogInput?: T;
@@ -322,18 +322,6 @@ export interface DialogResultFile {
     size: number;
     url: string;
 }
-export type DialogResultValue<T> = {
-    [DialogType.INPUT]: string;
-    [DialogType.SELECT]: (number | string)[];
-    [DialogType.CONFIRM]: void;
-    [DialogType.ALERT]: void;
-    [DialogType.DATE]: Date;
-    [DialogType.FILE_SELECT]: DialogResultFile[];
-    [DialogType.IFRAME]: T;
-    [DialogType.MODULE]: T;
-    [DialogType.SIGNATURE]: string;
-    [DialogType.TOAST]: void;
-};
 /**
  * @ignore
  */
@@ -393,7 +381,17 @@ export interface ChaynsReactFunctions {
     vibrate: (value: Vibrate) => Promise<void>;
     scrollByY: (position: number, duration?: number) => Promise<void>;
     setOverlay: (value: ShowOverlay, callback: () => void) => Promise<void>;
-    createDialog: <I extends any = undefined, T extends any = undefined, Z extends Dialog<I> = Dialog<I>>(config: Z) => DialogHandler<DialogResultValue<T>[Z["type"]], T>;
+    createDialog(config: BaseDialog & (DialogAlert | DialogConfirm | DialogToast)): DialogHandler<void>;
+    createDialog(config: BaseDialog & (DialogInput | DialogSignature)): DialogHandler<string>;
+    createDialog(config: BaseDialog & DialogSelect): DialogHandler<(number | string)[]>;
+    createDialog(config: BaseDialog & DialogDate & ({
+        multiselect: true;
+    } | {
+        interval: true;
+    })): DialogHandler<Date[]>;
+    createDialog(config: BaseDialog & DialogDate): DialogHandler<Date>;
+    createDialog(config: BaseDialog & DialogFileSelect): DialogHandler<DialogResultFile[]>;
+    createDialog<I = any, R = unknown>(config: BaseDialog & (DialogModule<I> | DialogIFrame<I>)): DialogHandler<R>;
     openDialog: (value: any, callback: (data: any) => any) => Promise<any>;
     closeDialog: (dialogId: number) => Promise<void>;
     setDialogResult: (buttonType: DialogButtonType, result: any) => Promise<void>;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "chayns-api",
-    "version": "2.2.9",
+    "version": "2.2.11",
     "description": "new chayns api",
     "main": "dist/cjs/index.js",
     "module": "dist/esm/index.js",
@@ -44,7 +44,7 @@
         "extends": "@chayns-toolkit"
     },
     "dependencies": {
-        "@module-federation/enhanced": "^0.8.9",
+        "@module-federation/enhanced": "^0.10.0",
         "comlink": "4.3.1",
         "htmlescape": "^1.1.1",
         "lodash.throttle": "^4.1.1",
@@ -54,7 +54,7 @@
     "devDependencies": {
         "@babel/cli": "^7.26.4",
         "@babel/core": "^7.26.9",
-        "@babel/preset-env": "^7.26.0",
+        "@babel/preset-env": "^7.26.9",
         "@babel/preset-react": "^7.26.3",
         "@babel/preset-typescript": "^7.26.0",
         "@chayns-toolkit/eslint-config": "^2.0.0",
@@ -67,14 +67,14 @@
         "@types/ua-parser-js": "^0.7.39",
         "@types/use-sync-external-store": "^0.0.6",
         "@typescript-eslint/parser": "^7.6.0",
-        "chayns-toolkit": "^3.2.0",
+        "chayns-toolkit": "^3.2.6",
         "concurrently": "^9.1.2",
         "cross-env": "^7.0.3",
-        "prettier": "^3.5.1",
-        "prettier-plugin-packagejson": "^2.5.8",
+        "prettier": "^3.5.3",
+        "prettier-plugin-packagejson": "^2.5.10",
         "react": "^18.3.1",
         "react-dom": "^18.3.1",
-        "typescript": "^5.7.3"
+        "typescript": "^5.8.2"
     },
     "peerDependencies": {
         "react": "^16.8 || ^17.0.1 || ^18.0.0 || ^19.0.0",