@cuekit-ai/react 1.2.0 → 1.2.2

package/README.md

@@ -190,6 +190,7 @@ The SDK can integrate with your application's router via the `navigationHandler`
 ```tsx
 import { useNavigate } from 'react-router-dom'
 import { CuekitProvider } from '@cuekit-ai/react'
+import '@cuekit-ai/react/styles.css'
 
 function AppProviders({ children }) {
   const navigate = useNavigate()
@@ -208,6 +209,41 @@ function AppProviders({ children }) {
 }
 ```
 
+**Next.js Example**:
+
+```tsx
+'use client'
+
+import { CuekitProvider } from '@cuekit-ai/react'
+import { useRouter } from 'next/navigation'
+import dynamic from 'next/dynamic'
+import React from 'react'
+import '@cuekit-ai/react/styles.css'
+
+const DynamicCuekitProvider = dynamic(
+  () => import('@/providers/cuekit-provider').then((mod) => mod.CuekitProvider),
+  {
+    ssr: false,
+  }
+)
+
+export default function AppProviders({ children }: { children: React.ReactNode }) {
+  const router = useRouter()
+  return (
+    <DynamicCuekitProvider
+      apiKey="YOUR_API_KEY"
+      appId="YOUR_APP_ID"
+      navigationHandler={(path, params) => {
+        const qs = params ? `?${new URLSearchParams(params).toString()}` : ''
+        router.push(`${path}${qs}`)
+      }}
+    >
+      {children}
+    </DynamicCuekitProvider>
+  )
+}
+```
+
 ## 🐛 Troubleshooting
 
 If you're having trouble, here are a few things to check:
@@ -215,7 +251,6 @@ If you're having trouble, here are a few things to check:
 - **Microphone Not Working**: Ensure that you've granted microphone permissions to your site. Also, the SDK requires a secure (HTTPS) connection to function.
 - **Voice Commands Not Recognized**: Check your internet connection and ensure that you've provided a valid API key and app ID to the `CuekitProvider`.
 - **Styling Issues**: Make sure you've imported the CSS file as described in the [Installation](#-installation) section.
-- **WebRTC Connection Issues**: Check your browser's console for any error messages related to WebRTC. Ensure your network doesn't block the necessary ports.
 
 ---
 

package/dist/cuekit.css

@@ -203,9 +203,6 @@
       max-width: 96rem;
     }
   }
-  .block {
-    display: block;
-  }
   .flex {
     display: flex;
   }

package/package.json

@@ -1,18 +1,16 @@
 {
   "name": "@cuekit-ai/react",
-  "version": "1.2.0",
+  "version": "1.2.2",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "exports": {
     ".": {
+      "types": "./dist/index.d.ts",
       "import": "./dist/index.mjs",
       "require": "./dist/index.js"
     },
     "./babel": "./babel/index.js",
-    "./styles.css": {
-      "import": "./dist/cuekit.css",
-      "require": "./dist/cuekit.css"
-    }
+    "./styles.css": "./dist/cuekit.css"
   },
   "files": [
     "dist",