react-notify-sdk 1.0.38 → 1.0.40

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: absolute;
-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/FeatureMessageProvider.js

@@ -18,11 +18,7 @@ const routeMatches = (pattern, path) => {
         return false;
     }
 };
-export const FeatureMessageProvider = ({ projectKey,
-//className,
-//style,
-//disableDefaultStyles = true,
- }) => {
+export const FeatureMessageProvider = ({ projectKey, }) => {
     const [message, setMessage] = useState(null);
     const [visible, setVisible] = useState(false);
     const [pathname, setPathname] = useState(() => typeof window !== 'undefined' ? window.location.pathname : '');
@@ -67,8 +63,6 @@ export const FeatureMessageProvider = ({ projectKey,
                 .eq('route', pathname)
                 .eq('is_active', true)
                 .order('created_at', { ascending: false });
-            //.limit(1)
-            //.single();
             const match = data?.find((msg) => routeMatches(msg.route, pathname));
             if (match) {
                 setMessage(match);
@@ -105,6 +99,5 @@ export const FeatureMessageProvider = ({ projectKey,
     }, [pathname, projectKey]);
     if (!message)
         return null;
-    //const defaultClasses = `absolute ${message?.position}-6 left-1/2 transform -translate-x-1/2 z-20 w-full md:w-[${message?.width}%] px-3 py-1 bg-[${message?.backgroundColor}] border border-[${message?.borderColor}] text-[${message?.textColor}] rounded-lg shadow`;
     return (_jsx(FadeWrapper, { visible: visible, device: device, message: message, children: _jsx(FeatureMessage, { message: message }) }));
 };

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.38",
+  "version": "1.0.40",
   "description": "SDK for displaying real-time route-specific messages in React apps",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",