@worktual/react-native-ai-bot 1.0.1 → 1.0.3
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 +32 -0
- package/dist/WorktualAIBot.d.ts +7 -0
- package/dist/WorktualAIBot.d.ts.map +1 -1
- package/dist/WorktualAIBot.js +9 -3
- package/dist/WorktualAIBot.js.map +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -60,6 +60,9 @@ Then navigate to it from anywhere (e.g. a floating button):
|
|
|
60
60
|
| `webchatId` | `string` | Yes | — | Your unique webchat ID provided by Worktual |
|
|
61
61
|
| `onClose` | `() => void` | Yes | — | Called when the chat ends (navigate back / dismiss) |
|
|
62
62
|
| `baseUrl` | `string` | No | Worktual production URL | Custom bot URL if self-hosted |
|
|
63
|
+
| `loadingLogo` | `ImageSourcePropType` | No | — | Logo image on loading screen (see below) |
|
|
64
|
+
| `loadingLogoWidth` | `number` | No | `80` | Logo width in pixels |
|
|
65
|
+
| `loadingLogoHeight` | `number` | No | `80` | Logo height in pixels |
|
|
63
66
|
| `loadingTitle` | `string` | No | `"AI Assistant"` | Title shown on loading screen |
|
|
64
67
|
| `loadingSubtitle` | `string` | No | `"Loading your chat..."` | Subtitle shown on loading screen |
|
|
65
68
|
| `primaryColor` | `string` | No | `"#575CFF"` | Colour for progress bar & spinner |
|
|
@@ -70,12 +73,41 @@ Then navigate to it from anywhere (e.g. a floating button):
|
|
|
70
73
|
|
|
71
74
|
## Customisation Examples
|
|
72
75
|
|
|
76
|
+
### Custom logo on loading screen
|
|
77
|
+
|
|
78
|
+
Use a local image:
|
|
79
|
+
|
|
80
|
+
```tsx
|
|
81
|
+
<WorktualAIBot
|
|
82
|
+
webchatId="YOUR_WEBCHAT_ID"
|
|
83
|
+
onClose={() => navigation.goBack()}
|
|
84
|
+
loadingLogo={require("./assets/my-logo.png")}
|
|
85
|
+
loadingLogoWidth={120}
|
|
86
|
+
loadingLogoHeight={120}
|
|
87
|
+
/>
|
|
88
|
+
```
|
|
89
|
+
|
|
90
|
+
Or a remote URL:
|
|
91
|
+
|
|
92
|
+
```tsx
|
|
93
|
+
<WorktualAIBot
|
|
94
|
+
webchatId="YOUR_WEBCHAT_ID"
|
|
95
|
+
onClose={() => navigation.goBack()}
|
|
96
|
+
loadingLogo={{ uri: "https://example.com/logo.png" }}
|
|
97
|
+
loadingLogoWidth={100}
|
|
98
|
+
loadingLogoHeight={100}
|
|
99
|
+
/>
|
|
100
|
+
```
|
|
101
|
+
|
|
102
|
+
> If `loadingLogo` is not provided, a spinner is shown by default.
|
|
103
|
+
|
|
73
104
|
### Custom branding
|
|
74
105
|
|
|
75
106
|
```tsx
|
|
76
107
|
<WorktualAIBot
|
|
77
108
|
webchatId="YOUR_WEBCHAT_ID"
|
|
78
109
|
onClose={() => navigation.goBack()}
|
|
110
|
+
loadingLogo={require("./assets/logo.png")}
|
|
79
111
|
loadingTitle="Support Chat"
|
|
80
112
|
loadingSubtitle="Connecting to an agent..."
|
|
81
113
|
primaryColor="#FF6B00"
|
package/dist/WorktualAIBot.d.ts
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
+
import { ImageSourcePropType } from "react-native";
|
|
2
3
|
export interface WorktualAIBotProps {
|
|
3
4
|
/** Your unique webchat ID provided by Worktual */
|
|
4
5
|
webchatId: string;
|
|
@@ -6,6 +7,12 @@ export interface WorktualAIBotProps {
|
|
|
6
7
|
onClose: () => void;
|
|
7
8
|
/** Optional: custom base URL (defaults to Worktual production) */
|
|
8
9
|
baseUrl?: string;
|
|
10
|
+
/** Optional: logo image shown on loading screen (require('./logo.png') or { uri: 'https://...' }) */
|
|
11
|
+
loadingLogo?: ImageSourcePropType;
|
|
12
|
+
/** Optional: logo width in pixels (default: 80) */
|
|
13
|
+
loadingLogoWidth?: number;
|
|
14
|
+
/** Optional: logo height in pixels (default: 80) */
|
|
15
|
+
loadingLogoHeight?: number;
|
|
9
16
|
/** Optional: loading screen title (default: "AI Assistant") */
|
|
10
17
|
loadingTitle?: string;
|
|
11
18
|
/** Optional: loading screen subtitle (default: "Loading your chat...") */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WorktualAIBot.d.ts","sourceRoot":"","sources":["../src/WorktualAIBot.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"WorktualAIBot.d.ts","sourceRoot":"","sources":["../src/WorktualAIBot.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AACxE,OAAO,EASL,mBAAmB,EACpB,MAAM,cAAc,CAAC;AAQtB,MAAM,WAAW,kBAAkB;IACjC,kDAAkD;IAClD,SAAS,EAAE,MAAM,CAAC;IAElB,uFAAuF;IACvF,OAAO,EAAE,MAAM,IAAI,CAAC;IAEpB,kEAAkE;IAClE,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,qGAAqG;IACrG,WAAW,CAAC,EAAE,mBAAmB,CAAC;IAElC,mDAAmD;IACnD,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B,oDAAoD;IACpD,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B,+DAA+D;IAC/D,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,0EAA0E;IAC1E,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB,+EAA+E;IAC/E,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,sEAAsE;IACtE,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B,qFAAqF;IACrF,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,wDAAwD;IACxD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB,6DAA6D;IAC7D,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;CACrD;AA2CD,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA0K/C,CAAC;AAiDF,eAAe,aAAa,CAAC"}
|
package/dist/WorktualAIBot.js
CHANGED
|
@@ -72,7 +72,7 @@ const buildInjectedJS = (maxMs) => `
|
|
|
72
72
|
/* ────────────────────────────────────────────────────────
|
|
73
73
|
* Component
|
|
74
74
|
* ──────────────────────────────────────────────────────── */
|
|
75
|
-
const WorktualAIBot = ({ webchatId, onClose, baseUrl = DEFAULT_BASE_URL, loadingTitle = "AI Assistant", loadingSubtitle = "Loading your chat...", primaryColor = "#575CFF", loadingBackground = "#f8f9fb", maxLoadTime = 6000, onReady, onMessage: onMessageProp, }) => {
|
|
75
|
+
const WorktualAIBot = ({ webchatId, onClose, baseUrl = DEFAULT_BASE_URL, loadingLogo, loadingLogoWidth = 80, loadingLogoHeight = 80, loadingTitle = "AI Assistant", loadingSubtitle = "Loading your chat...", primaryColor = "#575CFF", loadingBackground = "#f8f9fb", maxLoadTime = 6000, onReady, onMessage: onMessageProp, }) => {
|
|
76
76
|
const insets = (0, react_native_safe_area_context_1.useSafeAreaInsets)();
|
|
77
77
|
const [showLoader, setShowLoader] = (0, react_1.useState)(true);
|
|
78
78
|
// Animations
|
|
@@ -160,8 +160,11 @@ const WorktualAIBot = ({ webchatId, onClose, baseUrl = DEFAULT_BASE_URL, loading
|
|
|
160
160
|
styles.loaderOverlay,
|
|
161
161
|
{ opacity: fadeAnim, backgroundColor: loadingBackground },
|
|
162
162
|
]}>
|
|
163
|
-
{/* Spinner */}
|
|
164
|
-
<react_native_1.
|
|
163
|
+
{/* Logo or Spinner */}
|
|
164
|
+
{loadingLogo ? (<react_native_1.Image source={loadingLogo} style={[
|
|
165
|
+
styles.logo,
|
|
166
|
+
{ width: loadingLogoWidth, height: loadingLogoHeight },
|
|
167
|
+
]} resizeMode="contain"/>) : (<react_native_1.ActivityIndicator size="large" color={primaryColor} style={styles.spinner}/>)}
|
|
165
168
|
|
|
166
169
|
{/* Title */}
|
|
167
170
|
<react_native_1.Text style={styles.loaderTitle}>{loadingTitle}</react_native_1.Text>
|
|
@@ -196,6 +199,9 @@ const styles = react_native_1.StyleSheet.create({
|
|
|
196
199
|
spinner: {
|
|
197
200
|
marginBottom: 20,
|
|
198
201
|
},
|
|
202
|
+
logo: {
|
|
203
|
+
marginBottom: 20,
|
|
204
|
+
},
|
|
199
205
|
loaderTitle: {
|
|
200
206
|
fontSize: 18,
|
|
201
207
|
fontWeight: "600",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WorktualAIBot.js","sourceRoot":"","sources":["../src/WorktualAIBot.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAwE;AACxE,+
|
|
1
|
+
{"version":3,"file":"WorktualAIBot.js","sourceRoot":"","sources":["../src/WorktualAIBot.tsx"],"names":[],"mappings":"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"}
|