@aslaluroba/help-center-react 3.0.19 → 3.0.21

package/dist/core/api.d.ts

@@ -1,7 +1,8 @@
-import { TokenResponse } from '../lib/types';
+import { TokenResponse } from "../lib/types";
 export declare function initializeAPI(url: string, getToken: () => Promise<TokenResponse>): void;
 export declare function getValidToken(forceRefresh?: boolean): Promise<string>;
-export declare function apiRequest(endpoint: string, method?: string, body?: any, options?: {
+export declare function apiRequest(endpoint: string, method: string | undefined, body: any | undefined, options: {
     cache?: boolean;
     timeout?: number;
+    language: string;
 }): Promise<any>;

package/dist/index.esm.js

@@ -110,10 +110,10 @@ function _getValidToken() {
     var forceRefresh = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
     var _a;
     if (!getTokenFunction) {
-      throw new Error('API module not initialized. Call initializeAPI(getToken) first.');
+      throw new Error("API module not initialized. Call initializeAPI(getToken) first.");
     }
-    var storedToken = localStorage.getItem('chatbot-token');
-    var storedExpiry = localStorage.getItem('chatbot-token-expiry');
+    var storedToken = localStorage.getItem("chatbot-token");
+    var storedExpiry = localStorage.getItem("chatbot-token-expiry");
     var currentTime = Math.floor(Date.now() / 1000);
     // Add buffer time to prevent token expiry during request
     var bufferTime = 60; // 1 minute buffer
@@ -123,10 +123,10 @@ function _getValidToken() {
         var tokenResponse = yield getTokenFunction();
         storedToken = tokenResponse.token;
         storedExpiry = String(currentTime + ((_a = tokenResponse.expiresIn) !== null && _a !== void 0 ? _a : 900));
-        localStorage.setItem('chatbot-token', storedToken);
-        localStorage.setItem('chatbot-token-expiry', storedExpiry);
+        localStorage.setItem("chatbot-token", storedToken);
+        localStorage.setItem("chatbot-token-expiry", storedExpiry);
       } catch (error) {
-        console.error('Failed to refresh token:', error);
+        console.error("Failed to refresh token:", error);
         throw error;
       }
     }
@@ -143,11 +143,11 @@ function _fetchWithAuth() {
     var headers = new Headers(options.headers);
     try {
       var token = yield getValidToken();
-      headers.set('Authorization', "Bearer ".concat(token));
+      headers.set("Authorization", "Bearer ".concat(token));
       // Add performance optimizations
-      headers.set('Accept', 'application/json');
-      headers.set('Accept-Encoding', 'gzip, deflate, br');
-      headers.set('Connection', 'keep-alive');
+      headers.set("Accept", "application/json");
+      headers.set("Accept-Encoding", "gzip, deflate, br");
+      headers.set("Connection", "keep-alive");
       options.headers = headers;
       // Add timeout to prevent hanging requests
       var controller = new AbortController();
@@ -156,15 +156,15 @@ function _fetchWithAuth() {
         var response = yield fetch(url, _objectSpread2(_objectSpread2({}, options), {}, {
           signal: controller.signal,
           // Add HTTP/2 optimization hints
-          cache: 'no-cache',
-          mode: 'cors'
+          cache: "no-cache",
+          mode: "cors"
         }));
         clearTimeout(timeoutId);
         // Handle 401/403 with token refresh
         if ((response.status === 401 || response.status === 403) && retry) {
-          console.warn('Token expired, refreshing...');
+          console.warn("Token expired, refreshing...");
           var newToken = yield getValidToken(true);
-          headers.set('Authorization', "Bearer ".concat(newToken));
+          headers.set("Authorization", "Bearer ".concat(newToken));
           options.headers = headers;
           // Retry the request with new token
           return fetchWithAuth(url, options, false);
@@ -172,13 +172,13 @@ function _fetchWithAuth() {
         return response;
       } catch (error) {
         clearTimeout(timeoutId);
-        if (error instanceof Error && error.name === 'AbortError') {
-          throw new Error('Request timeout - please try again');
+        if (error instanceof Error && error.name === "AbortError") {
+          throw new Error("Request timeout - please try again");
         }
         throw error;
       }
     } catch (error) {
-      console.error('Fetch error:', error);
+      console.error("Fetch error:", error);
       throw error;
     }
   });
@@ -218,10 +218,10 @@ function apiRequest(_x3) {
 }
 function _apiRequest() {
   _apiRequest = _asyncToGenerator(function* (endpoint) {
-    var method = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'GET';
+    var method = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "GET";
     var body = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
-    var options = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
-    if (!baseUrl) throw new Error('API not initialized');
+    var options = arguments.length > 3 ? arguments[3] : undefined;
+    if (!baseUrl) throw new Error("API not initialized");
     var url = "".concat(baseUrl, "/").concat(endpoint);
     var requestKey = "".concat(method, ":").concat(endpoint, ":").concat(JSON.stringify(body));
     // Check for duplicate in-flight requests
@@ -230,7 +230,7 @@ function _apiRequest() {
       return duplicateRequest;
     }
     // Check cache for GET requests (except real-time endpoints)
-    if (method === 'GET' && options.cache !== false && !endpoint.includes('/send-message')) {
+    if (method === "GET" && options.cache !== false && !endpoint.includes("/send-message")) {
       var cached = getCachedResponse(requestKey);
       if (cached) {
         return Promise.resolve(cached);
@@ -239,8 +239,9 @@ function _apiRequest() {
     var requestOptions = {
       method,
       headers: {
-        'Content-Type': 'application/json',
-        'Cache-Control': method === 'GET' ? 'max-age=30' : 'no-cache'
+        "Content-Type": "application/json",
+        "Cache-Control": method === "GET" ? "max-age=30" : "no-cache",
+        "Accept-Language": options.language
       },
       body: body ? JSON.stringify(body) : null
     };
@@ -248,7 +249,7 @@ function _apiRequest() {
       try {
         var response = yield fetchWithAuth(url, requestOptions);
         if (!response.ok) {
-          var errorMessage = 'API request failed';
+          var errorMessage = "API request failed";
           try {
             var errorData = yield response.json();
             errorMessage = errorData.message || errorMessage;
@@ -258,8 +259,8 @@ function _apiRequest() {
           throw new Error(errorMessage);
         }
         // Cache successful GET responses
-        if (method === 'GET' && options.cache !== false) {
-          var responseData = yield response.clone();
+        if (method === "GET" && options.cache !== false) {
+          var responseData = response.clone();
           var data = yield responseData.json();
           setCachedResponse(requestKey, {
             json: () => Promise.resolve(data)
@@ -35051,7 +35052,8 @@ var HelpCenterContent = _ref => {
     showHelpScreen = false,
     primaryColor,
     secondaryColor,
-    logoUrl
+    logoUrl,
+    language
   } = _ref;
   var {
     t
@@ -35059,8 +35061,8 @@ var HelpCenterContent = _ref => {
   var [isOpen, setIsOpen] = useState(false);
   var [showArrowAnimation, setShowArrowAnimation] = useState(showArrow);
   var [helpScreenData, setHelpScreenData] = useState(null);
-  var [status, setStatus] = useState('idle');
-  var [error, setError] = useState('');
+  var [status, setStatus] = useState("idle");
+  var [error, setError] = useState("");
   var [selectedOption, setSelectedOption] = useState(null);
   var [sessionId, setSessionId] = useState(null);
   var [reviewSessionId, setReviewSessionId] = useState(null);
@@ -35068,7 +35070,7 @@ var HelpCenterContent = _ref => {
   var [isChatClosed, setIsChatClosed] = useState(false);
   var [messages, setMessages] = useState([]);
   var [needsAgent, setNeedsAgent] = useState(false);
-  var [assistantStatus, setAssistantStatus] = useState('idle');
+  var [assistantStatus, setAssistantStatus] = useState("idle");
   var [isReviewDialogOpen, setIsReviewDialogOpen] = useState(false);
   var handleTogglePopup = () => {
     setIsOpen(!isOpen);
@@ -35091,7 +35093,7 @@ var HelpCenterContent = _ref => {
       };
       return [...prevMessages, newMessage];
     });
-    setAssistantStatus('idle');
+    setAssistantStatus("idle");
   };
   var handleEndChat = /*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator(function* () {
@@ -35099,9 +35101,11 @@ var HelpCenterContent = _ref => {
       try {
         yield ClientAblyService.stopConnection();
         setIsAblyConnected(false);
-        setAssistantStatus('idle');
-        var response = yield apiRequest("Client/ClientChatSession/".concat(sessionId, "/close"), 'POST');
-        if (!response.ok) throw new Error('Failed to close chat session');
+        setAssistantStatus("idle");
+        var response = yield apiRequest("Client/ClientChatSession/".concat(sessionId, "/close"), "POST", null, {
+          language: language
+        });
+        if (!response.ok) throw new Error("Failed to close chat session");
         // Store sessionId for review before clearing the main sessionId
         setReviewSessionId(sessionId);
         // Clear the sessionId after successfully closing the session
@@ -35110,9 +35114,9 @@ var HelpCenterContent = _ref => {
         setMessages([]);
         setIsReviewDialogOpen(true);
       } catch (error) {
-        console.error('Error ending chat:', error);
-        setError('Failed to end chat session');
-        setAssistantStatus('idle');
+        console.error("Error ending chat:", error);
+        setError("Failed to end chat session");
+        setAssistantStatus("idle");
         // Even if there's an error, clear the session state to prevent stuck state
         setReviewSessionId(sessionId);
         setSessionId(null);
@@ -35135,12 +35139,14 @@ var HelpCenterContent = _ref => {
         comment
       };
       try {
-        var response = yield apiRequest("Client/ClientChatSession/".concat(reviewSessionId, "/review"), 'POST', payload);
-        if (!response.ok) throw new Error('Failed to send chat review');
+        var response = yield apiRequest("Client/ClientChatSession/".concat(reviewSessionId, "/review"), "POST", payload, {
+          language
+        });
+        if (!response.ok) throw new Error("Failed to send chat review");
         handleCloseChatReview();
       } catch (error) {
-        console.error('Error sending chat review:', error);
-        setError('Failed to send chat review');
+        console.error("Error sending chat review:", error);
+        setError("Failed to send chat review");
       }
     });
     return function handleSendChatReview(_x) {
@@ -35157,12 +35163,12 @@ var HelpCenterContent = _ref => {
       setMessages([{
         id: Date.now(),
         senderType: 3,
-        messageContent: ((_a = option === null || option === void 0 ? void 0 : option.assistant) === null || _a === void 0 ? void 0 : _a.greeting) || 'مرحباً! كيف يمكنني مساعدتك اليوم؟',
+        messageContent: ((_a = option === null || option === void 0 ? void 0 : option.assistant) === null || _a === void 0 ? void 0 : _a.greeting) || "مرحباً! كيف يمكنني مساعدتك اليوم؟",
         sentAt: new Date(),
         isSeen: true
       }]);
       setIsChatClosed(false);
-      setStatus('succeeded');
+      setStatus("succeeded");
     });
     return function handleStartChat(_x2) {
       return _ref5.apply(this, arguments);
@@ -35171,8 +35177,8 @@ var HelpCenterContent = _ref => {
   var startNewChatSession = /*#__PURE__*/function () {
     var _ref6 = _asyncToGenerator(function* (option) {
       try {
-        setStatus('loading');
-        setError('');
+        setStatus("loading");
+        setError("");
         var chatSessionCreateDto = _objectSpread2({
           helpScreenId: helpScreenId,
           optionId: option.id
@@ -35183,9 +35189,11 @@ var HelpCenterContent = _ref => {
             email: user.email
           }
         });
-        var response = yield apiRequest('Client/ClientChatSession/create-session', 'POST', chatSessionCreateDto);
+        var response = yield apiRequest("Client/ClientChatSession/create-session", "POST", chatSessionCreateDto, {
+          language
+        });
         if (!response.ok) {
-          throw new Error('Failed to create chat session');
+          throw new Error("Failed to create chat session");
         }
         var responseData = yield response.json();
         var newSessionId = responseData.chatSession.id;
@@ -35193,15 +35201,15 @@ var HelpCenterContent = _ref => {
         yield ClientAblyService.startConnection(newSessionId, responseData.ablyToken, handleReceiveMessage, responseData.chatSession.tenantId);
         // Verify the connection is actually active
         if (!ClientAblyService.isConnectionActive()) {
-          throw new Error('Ably connection failed to establish properly');
+          throw new Error("Ably connection failed to establish properly");
         }
         setIsAblyConnected(true);
         setIsChatClosed(false);
-        setStatus('succeeded');
+        setStatus("succeeded");
         return newSessionId; // Return the session ID
       } catch (error) {
-        setError(error instanceof Error ? error.message : 'Failed to start chat session');
-        setStatus('failed');
+        setError(error instanceof Error ? error.message : "Failed to start chat session");
+        setStatus("failed");
         throw error; // Re-throw to handle in calling function
       }
     });
@@ -35211,9 +35219,9 @@ var HelpCenterContent = _ref => {
   }();
   var handleSendMessage = /*#__PURE__*/function () {
     var _ref7 = _asyncToGenerator(function* (message) {
-      if (message.trim() !== '') {
+      if (message.trim() !== "") {
         try {
-          setAssistantStatus('typing');
+          setAssistantStatus("typing");
           var userMessage = {
             id: Date.now(),
             senderType: 1,
@@ -35228,14 +35236,16 @@ var HelpCenterContent = _ref => {
             currentSessionId = yield startNewChatSession(selectedOption);
           }
           if (!currentSessionId) {
-            throw new Error('No active session available');
+            throw new Error("No active session available");
           }
           var messageDto = {
             messageContent: message
           };
-          var response = yield apiRequest("Client/ClientChatSession/".concat(currentSessionId, "/send-message"), 'POST', messageDto);
+          var response = yield apiRequest("Client/ClientChatSession/".concat(currentSessionId, "/send-message"), "POST", messageDto, {
+            language
+          });
           if (!response.ok) {
-            throw new Error('Failed to send message');
+            throw new Error("Failed to send message");
           }
           setMessages(prevMessages => {
             return prevMessages.map(msg => msg.senderType === 1 && !msg.isSeen ? _objectSpread2(_objectSpread2({}, msg), {}, {
@@ -35243,12 +35253,12 @@ var HelpCenterContent = _ref => {
             }) : msg);
           });
         } catch (error) {
-          console.error('Error in handleSendMessage:', error);
-          setAssistantStatus('idle');
+          console.error("Error in handleSendMessage:", error);
+          setAssistantStatus("idle");
           var errorMessage = {
             id: Date.now(),
             senderType: 3,
-            messageContent: 'Failed to send the message. Please try again.\n لم يتم إرسال الرسالة. يرجى المحاولة مرة أخرى.',
+            messageContent: "Failed to send the message. Please try again.\n لم يتم إرسال الرسالة. يرجى المحاولة مرة أخرى.",
             sentAt: new Date(),
             isSeen: true
           };
@@ -35262,14 +35272,16 @@ var HelpCenterContent = _ref => {
   }();
   useEffect(() => {
     if (isOpen && helpScreenId) {
-      setStatus('loading');
-      apiRequest("client/clientHelpScreen/".concat(helpScreenId)).then(res => res.json()).then(data => {
+      setStatus("loading");
+      apiRequest("client/clientHelpScreen/".concat(helpScreenId), "GET", null, {
+        language
+      }).then(res => res.json()).then(data => {
         setHelpScreenData(data);
-        setStatus('succeeded');
-        setError('');
+        setStatus("succeeded");
+        setError("");
       }).catch(err => {
         setError(err.message);
-        setStatus('failed');
+        setStatus("failed");
       });
     }
   }, [isOpen, helpScreenId]);
@@ -35278,11 +35290,11 @@ var HelpCenterContent = _ref => {
     secondaryColor
   });
   return jsxs("div", {
-    className: 'babylai-help-center-container mb-4',
+    className: "babylai-help-center-container mb-4",
     style: themeStyles,
     children: [showArrowAnimation && !isOpen && jsx(FloatingMessage$1, {
       onClose: handleCloseArrowAnimation,
-      message: messageLabel || t('homeSdk.needAssistance')
+      message: messageLabel || t("homeSdk.needAssistance")
     }), jsx(HelpButton$1, {
       onClick: handleTogglePopup
     }), isOpen && jsx(HelpPopup$1, {
@@ -35327,6 +35339,7 @@ var HelpCenter = _ref8 => {
   return jsx(LanguageProvider, {
     language: language,
     children: jsx(HelpCenterContent, {
+      language: language,
       helpScreenId: helpScreenId,
       user: user,
       showArrow: showArrow,