@usechatting/react-native 0.1.0

package/dist/use-chatting-conversation.js

@@ -0,0 +1,161 @@
+import { useEffect, useRef, useState } from "react";
+import { applyConversation, startConversationSync, syncTyping } from "./chatting-hook-helpers";
+import { normalizeText, toErrorMessage } from "./chatting-utils";
+export function useChattingConversation(input) {
+    const [siteConfig, setSiteConfig] = useState(null);
+    const [siteStatus, setSiteStatus] = useState(null);
+    const [messages, setMessages] = useState([]);
+    const [faqSuggestions, setFaqSuggestions] = useState(null);
+    const [draftMessage, setDraftMessageState] = useState("");
+    const [emailAddress, setEmailAddress] = useState(input.draftVisitorEmail ?? "");
+    const [teamTyping, setTeamTyping] = useState(false);
+    const [errorMessage, setErrorMessage] = useState(null);
+    const [isLoading, setIsLoading] = useState(false);
+    const [isSending, setIsSending] = useState(false);
+    const [isSavingEmail, setIsSavingEmail] = useState(false);
+    const stopSyncRef = useRef(null);
+    const activeConversationIdRef = useRef(null);
+    const typingTimeoutRef = useRef(null);
+    const refreshConversation = () => input.client.fetchConversation();
+    const refreshConversationState = async () => {
+        const conversation = await refreshConversation();
+        setTeamTyping(false);
+        applyConversation(conversation, setMessages, setFaqSuggestions);
+        await startConversationSync({
+            client: input.client,
+            pollIntervalMs: input.pollIntervalMs,
+            stopSyncRef,
+            activeConversationIdRef,
+            setMessages,
+            setFaqSuggestions,
+            setTeamTyping,
+            setErrorMessage,
+            refreshConversation
+        });
+    };
+    useEffect(() => {
+        if (typeof input.draftVisitorEmail === "string") {
+            setEmailAddress(input.draftVisitorEmail);
+        }
+    }, [input.draftVisitorEmail]);
+    useEffect(() => {
+        let cancelled = false;
+        stopSyncRef.current?.();
+        stopSyncRef.current = null;
+        activeConversationIdRef.current = null;
+        setMessages([]);
+        setFaqSuggestions(null);
+        setTeamTyping(false);
+        const bootstrap = async () => {
+            setIsLoading(true);
+            setErrorMessage(null);
+            try {
+                if (input.draftVisitorEmail) {
+                    await input.client.saveEmail(input.draftVisitorEmail);
+                }
+                if (input.profile) {
+                    await input.client.identify(input.profile, input.context);
+                }
+                const [nextConfig, nextStatus, nextConversation] = await Promise.all([
+                    input.client.fetchSiteConfig(input.context),
+                    input.client.fetchSiteStatus(input.context),
+                    input.client.fetchConversationIfAvailable()
+                ]);
+                if (cancelled) {
+                    return;
+                }
+                setSiteConfig(nextConfig);
+                setSiteStatus(nextStatus);
+                if (!nextConversation) {
+                    return;
+                }
+                await input.client.syncPushToken();
+                applyConversation(nextConversation, setMessages, setFaqSuggestions);
+                await startConversationSync({
+                    client: input.client,
+                    pollIntervalMs: input.pollIntervalMs,
+                    stopSyncRef,
+                    activeConversationIdRef,
+                    setMessages,
+                    setFaqSuggestions,
+                    setTeamTyping,
+                    setErrorMessage,
+                    refreshConversation
+                });
+            }
+            catch (error) {
+                if (!cancelled) {
+                    setErrorMessage(toErrorMessage(error));
+                }
+            }
+            finally {
+                if (!cancelled) {
+                    setIsLoading(false);
+                }
+            }
+        };
+        void bootstrap();
+        return () => {
+            cancelled = true;
+            stopSyncRef.current?.();
+            if (typingTimeoutRef.current) {
+                clearTimeout(typingTimeoutRef.current);
+            }
+        };
+    }, [input.client, input.context, input.draftVisitorEmail, input.pollIntervalMs, input.profile]);
+    const setDraftMessage = (value) => {
+        setDraftMessageState(value);
+        void syncTyping({ client: input.client, value, typingTimeoutRef });
+    };
+    const sendMessage = async () => {
+        const nextMessage = normalizeText(draftMessage);
+        if (!nextMessage) {
+            return;
+        }
+        setIsSending(true);
+        setErrorMessage(null);
+        try {
+            await input.client.sendMessage(nextMessage, { context: input.context, email: emailAddress });
+            setDraftMessageState("");
+            setTeamTyping(false);
+            await refreshConversationState();
+        }
+        catch (error) {
+            setErrorMessage(toErrorMessage(error));
+        }
+        finally {
+            setIsSending(false);
+        }
+    };
+    const saveEmail = async () => {
+        setIsSavingEmail(true);
+        setErrorMessage(null);
+        try {
+            await input.client.saveEmail(emailAddress);
+        }
+        catch (error) {
+            setErrorMessage(toErrorMessage(error));
+        }
+        finally {
+            setIsSavingEmail(false);
+        }
+    };
+    return {
+        siteConfig,
+        siteStatus,
+        messages,
+        faqSuggestions,
+        draftMessage,
+        emailAddress,
+        teamTyping,
+        errorMessage,
+        isLoading,
+        isSending,
+        isSavingEmail,
+        setDraftMessage,
+        setEmailAddress,
+        refreshConversation: refreshConversationState,
+        sendMessage,
+        saveEmail
+    };
+}

package/package.json

@@ -0,0 +1,21 @@
+{
+  "name": "@usechatting/react-native",
+  "version": "0.1.0",
+  "description": "React Native and Expo visitor chat SDK for Chatting.",
+  "license": "Proprietary",
+  "main": "dist/index.js",
+  "react-native": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "sideEffects": false,
+  "scripts": {
+    "build": "tsc -p tsconfig.json"
+  },
+  "peerDependencies": {
+    "react": ">=18",
+    "react-native": ">=0.74"
+  }
+}