react-notify-sdk 1.0.39 → 1.0.41

package/dist/FadeWrapper.d.ts

@@ -3,7 +3,8 @@ import { FeatureMessages } from './types';
 interface FadeWrapperProps {
     visible: boolean;
     message: FeatureMessages;
-    device: string;
+    device: string | null;
+    children: React.ReactNode;
 }
-export declare const FadeWrapper: import("goober").StyledVNode<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & import("goober").DefaultTheme & FadeWrapperProps, never>>;
+declare const FadeWrapper: React.FC<FadeWrapperProps>;
 export default FadeWrapper;

package/dist/FadeWrapper.js

@@ -1,15 +1,18 @@
-import { styled } from "goober";
-import { fadeIn, fadeOut } from './animations';
-export const FadeWrapper = styled("div") `
-opacity: ${(props) => (props.visible ? 1 : 0)};
-animation: ${(props) => (props.visible ? fadeIn : fadeOut)} 0.3s ease forwards;
-transition: opacity 0.3s ease;
-position: fixed;
-width: ${(props) => props.device === 'Mobile' ? '95%' : props.device === 'Tablet' ? '420px' : '420px'};
-top: ${(props) => props.message?.position === 'top' ? '24px' : ''};
-bottom: ${(props) => props.message?.position === 'bottom' ? '24px' : ''};
-left: 50%;
-transform: translateX(-50%);
-z-index: 5000;
-`;
+import { jsx as _jsx } from "react/jsx-runtime";
+const FadeWrapper = ({ visible, message, device, children }) => {
+    const width = device === 'Mobile' ? '95%' : '420px';
+    const top = message?.position === 'top' ? '24px' : 'auto';
+    const bottom = message?.position === 'bottom' ? '24px' : 'auto';
+    return (_jsx("div", { style: {
+            opacity: visible ? 1 : 0,
+            transition: 'opacity 0.3s ease',
+            position: 'fixed',
+            width: width,
+            top: top,
+            bottom: bottom,
+            left: '50%',
+            transform: 'translateX(-50%)',
+            zIndex: 9999,
+        }, children: children }));
+};
 export default FadeWrapper;

package/dist/index.js

@@ -1,4 +1 @@
-import { setup } from 'goober';
-import { createElement } from 'react';
-setup(createElement);
 export { FeatureMessageProvider } from './FeatureMessageProvider';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-notify-sdk",
-  "version": "1.0.39",
+  "version": "1.0.41",
   "description": "SDK for displaying real-time route-specific messages in React apps",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -24,12 +24,10 @@
   "devDependencies": {
     "@types/react": "^19.1.13",
     "@types/react-dom": "^19.1.9",
-    "@types/react-router-dom": "^5.3.3",
     "typescript": "^5.9.2"
   },
   "peerDependencies": {
     "react": "^19.1.1",
-    "react-dom": "^19.1.1",
-    "react-router-dom": "^7.6.2"
+    "react-dom": "^19.1.1"
   }
 }