@voxket-ai/voxket-live 1.1.45 → 1.1.47
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +18 -4
- package/dist/components/common/common-popup-trigger.d.ts +5 -4
- package/dist/index.cjs +56 -62
- package/dist/index.css +1 -1
- package/dist/index.js +6896 -6977
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -89,7 +89,24 @@ yarn add @voxket-ai/voxket-live
|
|
|
89
89
|
|
|
90
90
|
That's it! All dependencies including LiveKit are bundled automatically. React and React DOM are peer dependencies (your project should already have them).
|
|
91
91
|
|
|
92
|
-
###
|
|
92
|
+
### � **Popup Icon Customization**
|
|
93
|
+
|
|
94
|
+
The popup trigger button comes with a default Voxket logo. You can customize it in two ways:
|
|
95
|
+
|
|
96
|
+
#### **Option 1: Use a Custom Logo URL**
|
|
97
|
+
Pass your own logo URL to the `popupTriggerLogoUrl` prop:
|
|
98
|
+
|
|
99
|
+
```tsx
|
|
100
|
+
<VoxketWidget
|
|
101
|
+
// ... other props
|
|
102
|
+
popupTriggerLogoUrl="https://example.com/my-custom-logo.png"
|
|
103
|
+
/>
|
|
104
|
+
```
|
|
105
|
+
|
|
106
|
+
#### **Option 2: Default Voxket Logo**
|
|
107
|
+
If you don't pass `popupTriggerLogoUrl`, the SDK automatically uses the bundled Voxket logo - no additional setup required!
|
|
108
|
+
|
|
109
|
+
### �🎯 **Option 1: Simple Widget (React)**
|
|
93
110
|
|
|
94
111
|
Perfect for React apps - drop in the widget component:
|
|
95
112
|
|
|
@@ -207,9 +224,6 @@ Floating chat bubble that can be positioned anywhere:
|
|
|
207
224
|
popupPosition="bottom-right" // top-left, top-right, bottom-left, bottom-right
|
|
208
225
|
popupTriggerText="Need Help?"
|
|
209
226
|
onPopupToggle={(isOpen) => console.log('Popup:', isOpen)}
|
|
210
|
-
// Optional: Use your own popup icon (URL to PNG, SVG, etc)
|
|
211
|
-
popupTriggerLogoUrl="https://yourdomain.com/mylogo.png"
|
|
212
|
-
// If not provided, Voxket will show its default logo. If your image fails to load, a built-in Voxket icon is always shown as fallback.
|
|
213
227
|
// ... other props
|
|
214
228
|
/>
|
|
215
229
|
```
|
|
@@ -12,18 +12,19 @@ export interface CommonPopupTriggerProps {
|
|
|
12
12
|
*/
|
|
13
13
|
logoScale?: number;
|
|
14
14
|
/**
|
|
15
|
-
* When true, show a subtle
|
|
15
|
+
* When true, show a subtle glowing border to indicate an active running session.
|
|
16
16
|
*/
|
|
17
17
|
isRunning?: boolean;
|
|
18
18
|
/**
|
|
19
|
-
* Custom logo URL. If not provided,
|
|
19
|
+
* Custom logo URL. If not provided, uses the bundled Voxket logo
|
|
20
20
|
*/
|
|
21
21
|
logoUrl?: string;
|
|
22
22
|
}
|
|
23
23
|
/**
|
|
24
24
|
* CommonPopupTrigger
|
|
25
|
-
* A theme-agnostic popup trigger: black circular button with logo
|
|
26
|
-
* Uses
|
|
25
|
+
* A theme-agnostic popup trigger: black circular button with bundled Voxket logo centered.
|
|
26
|
+
* Uses the logo bundled with the SDK, positioned in any corner.
|
|
27
|
+
* When session is active (isRunning=true), shows an elegant glowing border animation.
|
|
27
28
|
*/
|
|
28
29
|
export declare const CommonPopupTrigger: React.FC<CommonPopupTriggerProps>;
|
|
29
30
|
export default CommonPopupTrigger;
|