@messenger-box/chat-ui 5.0.11-alpha.7 → 7.0.11-alpha.0

package/CHANGELOG.md

@@ -3,106 +3,6 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-## [5.0.11-alpha.7](https://github.com/CDEBase/messenger-box/compare/v5.0.11-alpha.6...v5.0.11-alpha.7) (2024-04-23)
-
-**Note:** Version bump only for package @messenger-box/chat-ui
-
-## [5.0.11-alpha.5](https://github.com/CDEBase/messenger-box/compare/v5.0.11-alpha.4...v5.0.11-alpha.5) (2024-04-10)
-
-**Note:** Version bump only for package @messenger-box/chat-ui
-
-## [5.0.11-alpha.0](https://github.com/CDEBase/messenger-box/compare/v0.0.1-alpha.487...v5.0.11-alpha.0) (2024-03-28)
-
-**Note:** Version bump only for package @messenger-box/chat-ui
-
-## [0.0.1-alpha.486](https://github.com/CDEBase/messenger-box/compare/v0.0.1-alpha.485...v0.0.1-alpha.486) (2024-03-15)
-
-**Note:** Version bump only for package @messenger-box/chat-ui
-
-## [0.0.1-alpha.481](https://github.com/CDEBase/messenger-box/compare/v0.0.1-alpha.480...v0.0.1-alpha.481) (2024-03-02)
-
-**Note:** Version bump only for package @messenger-box/chat-ui
-
-## [0.0.1-alpha.477](https://github.com/CDEBase/messenger-box/compare/v0.0.1-alpha.476...v0.0.1-alpha.477) (2024-02-29)
-
-**Note:** Version bump only for package @messenger-box/chat-ui
-
-## [0.0.1-alpha.476](https://github.com/CDEBase/messenger-box/compare/v0.0.1-alpha.475...v0.0.1-alpha.476) (2024-02-27)
-
-**Note:** Version bump only for package @messenger-box/chat-ui
-
-## [0.0.1-alpha.475](https://github.com/CDEBase/messenger-box/compare/v0.0.1-alpha.474...v0.0.1-alpha.475) (2024-02-21)
-
-**Note:** Version bump only for package @messenger-box/chat-ui
-
-## [0.0.1-alpha.474](https://github.com/CDEBase/messenger-box/compare/v0.0.1-alpha.473...v0.0.1-alpha.474) (2024-02-20)
-
-**Note:** Version bump only for package @messenger-box/chat-ui
-
-## [0.0.1-alpha.469](https://github.com/CDEBase/messenger-box/compare/v0.0.1-alpha.468...v0.0.1-alpha.469) (2024-02-13)
-
-**Note:** Version bump only for package @messenger-box/chat-ui
-
-## [0.0.1-alpha.467](https://github.com/cdmbase/messenger-box/compare/v0.0.1-alpha.466...v0.0.1-alpha.467) (2024-02-11)
-
-**Note:** Version bump only for package @messenger-box/chat-ui
-
-## [0.0.1-alpha.465](https://github.com/CDEBase/messenger-box/compare/v0.0.1-alpha.464...v0.0.1-alpha.465) (2024-02-07)
-
-**Note:** Version bump only for package @messenger-box/chat-ui
-
-## [0.0.1-alpha.455](https://github.com/CDEBase/messenger-box/compare/v0.0.1-alpha.454...v0.0.1-alpha.455) (2024-01-25)
-
-**Note:** Version bump only for package @messenger-box/chat-ui
-
-## [0.0.1-alpha.454](https://github.com/CDEBase/messenger-box/compare/v0.0.1-alpha.453...v0.0.1-alpha.454) (2024-01-10)
-
-**Note:** Version bump only for package @messenger-box/chat-ui
-
-## [0.0.1-alpha.437](https://github.com/CDEBase/messenger-box/compare/v0.0.1-alpha.436...v0.0.1-alpha.437) (2024-01-02)
-
-**Note:** Version bump only for package @messenger-box/chat-ui
-
-## [0.0.1-alpha.434](https://github.com/CDEBase/messenger-box/compare/v0.0.1-alpha.433...v0.0.1-alpha.434) (2023-12-22)
-
-**Note:** Version bump only for package @messenger-box/chat-ui
-
-## [0.0.1-alpha.428](https://github.com/CDEBase/messenger-box/compare/v0.0.1-alpha.427...v0.0.1-alpha.428) (2023-12-20)
-
-**Note:** Version bump only for package @messenger-box/chat-ui
-
-## [0.0.1-alpha.426](https://github.com/CDEBase/messenger-box/compare/v0.0.1-alpha.425...v0.0.1-alpha.426) (2023-12-19)
-
-**Note:** Version bump only for package @messenger-box/chat-ui
-
-## [0.0.1-alpha.425](https://github.com/CDEBase/messenger-box/compare/v0.0.1-alpha.424...v0.0.1-alpha.425) (2023-12-18)
-
-**Note:** Version bump only for package @messenger-box/chat-ui
-
-## [0.0.1-alpha.424](https://github.com/CDEBase/messenger-box/compare/v0.0.1-alpha.423...v0.0.1-alpha.424) (2023-12-18)
-
-**Note:** Version bump only for package @messenger-box/chat-ui
-
-## [0.0.1-alpha.421](https://github.com/CDEBase/messenger-box/compare/v0.0.1-alpha.420...v0.0.1-alpha.421) (2023-12-07)
-
-**Note:** Version bump only for package @messenger-box/chat-ui
-
-## [0.0.1-alpha.420](https://github.com/CDEBase/messenger-box/compare/v0.0.1-alpha.419...v0.0.1-alpha.420) (2023-12-06)
-
-**Note:** Version bump only for package @messenger-box/chat-ui
-
-## [0.0.1-alpha.411](https://github.com/CDEBase/messenger-box/compare/v0.0.1-alpha.410...v0.0.1-alpha.411) (2023-11-20)
-
-**Note:** Version bump only for package @messenger-box/chat-ui
-
-## [0.0.1-alpha.408](https://github.com/CDEBase/messenger-box/compare/v0.0.1-alpha.407...v0.0.1-alpha.408) (2023-11-18)
-
-**Note:** Version bump only for package @messenger-box/chat-ui
-
-## [0.0.1-alpha.407](https://github.com/CDEBase/messenger-box/compare/v0.0.1-alpha.406...v0.0.1-alpha.407) (2023-11-18)
-
-**Note:** Version bump only for package @messenger-box/chat-ui
-
-## [0.0.1-alpha.399](https://github.com/CDEBase/messenger-box/compare/v0.0.1-alpha.398...v0.0.1-alpha.399) (2023-10-09)
+## 7.0.11-alpha.0 (2024-06-25)
 
 **Note:** Version bump only for package @messenger-box/chat-ui

package/lib/components/CustomerSupportChat/Chat.js

@@ -1,44 +1,61 @@
-import React,{useState,useRef}from'react';import {MainContainer,ChatContainer,MessageList,MessageGroup,Message,MessageInput}from'@chatscope/chat-ui-kit-react';import {useSendPublicMessageMutation,useOnPublicPostAddedSubscription}from'@messenger-box/platform-client';import {uniqBy}from'lodash-es';const Chat = ({ user, channelId, channelMessages, setChannelMessages }) => {
-    // Message input value
-    useState('');
-    const [totalCount, setTotalCount] = useState(0);
-    const [sendMsg] = useSendPublicMessageMutation();
-    const chatContainerRef = useRef(null);
-    const { data: newThreadMsg, loading: newThreadMsgLoading, error: newThreadMsgError, } = useOnPublicPostAddedSubscription({
-        variables: {
-            channelId: channelId?.toString(),
-        },
-    });
-    const handleSend = async (text) => {
-        if (!(text && channelId)) {
-            return;
-        }
-        await sendMsg({
-            variables: {
-                channelId: channelId?.toString(),
-                messageInput: {
-                    content: text?.toString(),
-                },
-            },
-        });
-    };
-    React.useEffect(() => {
-        if (newThreadMsg) {
-            const msg = newThreadMsg?.publicPostAdded;
-            setTotalCount((preCount) => preCount + 1);
-            setChannelMessages((oldMessages) => uniqBy([...oldMessages, msg], ({ id }) => id));
-            // Scroll to the bottom after adding a new message
-            const chatContainer = chatContainerRef.current;
-            chatContainer.scrollToBottom();
+import React,{useState,useRef}from'react';import {MainContainer,ChatContainer,MessageList,MessageGroup,Message,MessageInput}from'@chatscope/chat-ui-kit-react';import {useSendPublicMessageMutation,useOnPublicPostAddedSubscription}from'@messenger-box/platform-client';import {uniqBy}from'lodash-es';const Chat = ({
+  user,
+  channelId,
+  channelMessages,
+  setChannelMessages
+}) => {
+  // Message input value
+  useState('');
+  const [totalCount, setTotalCount] = useState(0);
+  const [sendMsg] = useSendPublicMessageMutation();
+  const chatContainerRef = useRef(null);
+  const {
+    data: newThreadMsg,
+    loading: newThreadMsgLoading,
+    error: newThreadMsgError
+  } = useOnPublicPostAddedSubscription({
+    variables: {
+      channelId: channelId?.toString()
+    }
+  });
+  const handleSend = async text => {
+    if (!(text && channelId)) {
+      return;
+    }
+    await sendMsg({
+      variables: {
+        channelId: channelId?.toString(),
+        messageInput: {
+          content: text?.toString()
         }
-    }, [newThreadMsg]);
-    return (React.createElement(MainContainer, null,
-        React.createElement(ChatContainer, null,
-            React.createElement(MessageList, { ref: chatContainerRef }, channelMessages.map((g) => (React.createElement(MessageGroup, { key: g.id, direction: 'outgoing' },
-                React.createElement(MessageGroup.Messages, null,
-                    React.createElement(Message, { key: g.id, model: {
-                            type: 'text',
-                            payload: g.message,
-                        } })))))),
-            React.createElement(MessageInput, { placeholder: "Type message here", onSend: handleSend }))));
+      }
+    });
+  };
+  React.useEffect(() => {
+    if (newThreadMsg) {
+      const msg = newThreadMsg?.publicPostAdded;
+      setTotalCount(preCount => preCount + 1);
+      setChannelMessages(oldMessages => uniqBy([...oldMessages, msg], ({
+        id
+      }) => id));
+      // Scroll to the bottom after adding a new message
+      const chatContainer = chatContainerRef.current;
+      chatContainer.scrollToBottom();
+    }
+  }, [newThreadMsg]);
+  return React.createElement(MainContainer, null, React.createElement(ChatContainer, null, React.createElement(MessageList, {
+    ref: chatContainerRef
+  }, channelMessages.map(g => React.createElement(MessageGroup, {
+    key: g.id,
+    direction: 'outgoing'
+  }, React.createElement(MessageGroup.Messages, null, React.createElement(Message, {
+    key: g.id,
+    model: {
+      type: 'text',
+      payload: g.message
+    }
+  }))))), React.createElement(MessageInput, {
+    placeholder: "Type message here",
+    onSend: handleSend
+  })));
 };export{Chat};//# sourceMappingURL=Chat.js.map

package/lib/components/CustomerSupportChat/Chat.js.map

@@ -1 +1 @@
-{"version":3,"file":"Chat.js","sources":["../../../src/components/CustomerSupportChat/Chat.tsx"],"sourcesContent":[null],"names":[],"mappings":"ySAkBO,MAAM,IAAI,GAAG,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,eAAe,EAAE,kBAAkB,EAAE,KAAI;;IAEnD,QAAQ,CAAC,EAAE,EAAE;IACvC,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;AAEhD,IAAA,MAAM,CAAC,OAAO,CAAC,GAAG,4BAA4B,EAAE,CAAC;AAEjD,IAAA,MAAM,gBAAgB,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AAEtC,IAAA,MAAM,EACF,IAAI,EAAE,YAAY,EAClB,OAAO,EAAE,mBAAmB,EAC5B,KAAK,EAAE,iBAAiB,GAC3B,GAAG,gCAAgC,CAAC;AACjC,QAAA,SAAS,EAAE;AACP,YAAA,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE;AACnC,SAAA;AACJ,KAAA,CAAC,CAAC;AAEH,IAAA,MAAM,UAAU,GAAG,OAAO,IAAS,KAAI;AACnC,QAAA,IAAI,EAAE,IAAI,IAAI,SAAS,CAAC,EAAE;YACtB,OAAO;AACV,SAAA;AAED,QAAA,MAAM,OAAO,CAAC;AACV,YAAA,SAAS,EAAE;AACP,gBAAA,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE;AAChC,gBAAA,YAAY,EAAE;AACV,oBAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE;AAC5B,iBAAA;AACJ,aAAA;AACJ,SAAA,CAAC,CAAC;AACP,KAAC,CAAC;AACF,IAAA,KAAK,CAAC,SAAS,CAAC,MAAK;AACjB,QAAA,IAAI,YAAY,EAAE;AACd,YAAA,MAAM,GAAG,GAAG,YAAY,EAAE,eAAe,CAAC;YAC1C,aAAa,CAAC,CAAC,QAAa,KAAK,QAAQ,GAAG,CAAC,CAAC,CAAC;YAC/C,kBAAkB,CAAC,CAAC,WAAgB,KAAK,MAAM,CAAC,CAAC,GAAG,WAAW,EAAE,GAAG,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC;;AAGxF,YAAA,MAAM,aAAa,GAAG,gBAAgB,CAAC,OAAO,CAAC;YAC/C,aAAa,CAAC,cAAc,EAAE,CAAC;AAClC,SAAA;AACL,KAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnB,QACI,oBAAC,aAAa,EAAA,IAAA;AACV,QAAA,KAAA,CAAA,aAAA,CAAC,aAAa,EAAA,IAAA;YACV,KAAC,CAAA,aAAA,CAAA,WAAW,EAAC,EAAA,GAAG,EAAE,gBAAgB,EAC7B,EAAA,eAAe,CAAC,GAAG,CAAC,CAAC,CAAC,MACnB,KAAA,CAAA,aAAA,CAAC,YAAY,EAAA,EAAC,GAAG,EAAE,CAAC,CAAC,EAAE,EAAE,SAAS,EAAE,UAAU,EAAA;gBAC1C,KAAC,CAAA,aAAA,CAAA,YAAY,CAAC,QAAQ,EAAA,IAAA;oBAClB,KAAC,CAAA,aAAA,CAAA,OAAO,IACJ,GAAG,EAAE,CAAC,CAAC,EAAE,EACT,KAAK,EACD;AACI,4BAAA,IAAI,EAAE,MAAM;4BACZ,OAAO,EAAE,CAAC,CAAC,OAAO;AACd,yBAAA,EAAA,CAEd,CACkB,CACb,CAClB,CAAC,CACQ;AAEd,YAAA,KAAA,CAAA,aAAA,CAAC,YAAY,EAAA,EAAC,WAAW,EAAC,mBAAmB,EAAC,MAAM,EAAE,UAAU,EAAA,CAAI,CACxD,CACJ,EAClB;AACN"}
+{"version":3,"file":"Chat.js","sources":["../../../src/components/CustomerSupportChat/Chat.tsx"],"sourcesContent":[null],"names":[],"mappings":"ySAkBO,MAAM,IAAI,GAAG,CAAC;MACK;WACf;iBACU;AAEjB,EAAA,kBAAkB;AAElB,CAAA,KAAA;AAEA;AAKI,EAAW,QAAA,CAAA,EAAA,EAAA;AACP,EAAA,MAAA,CAAA,UAAA,EAAS,aAAa,CAAA,GAAA,QAAU,CAAA,CAAA,CAAA,CAAA;AACnC,EAAA,MAAA,CAAA,OAAA,CAAA,GAAA,4BAAA,EAAA,CAAA;AACJ,EAAA,MAAE,gBAAA,GAAA,MAAA,CAAA,IAAA,CAAA,CAAA;AAEH,EAAA,MAAA;AACI,IAAA,IAAA,EAAA,YAAc;aACH,mBAAA;AACV,IAAA,KAAA,EAAA,iBAAA;AAED,GAAA,GAAA,gCAAc,CAAA;AACV,IAAA,SAAA,EAAA;AACI,MAAA,SAAA,EAAA,SAAW,EAAA,QAAS,EAAE;AACtB,KAAA;AACI,GAAA,CAAA,CAAA;AACH,EAAA,MAAA,UAAA,GAAA,MAAA,IAAA,IAAA;AACJ,IAAA,IAAA,EAAA,IAAA,IAAA,SAAA,CAAA,EAAA;AACJ,MAAA,OAAE;AACP,KAAC;AACD,IAAA,MAAM,OAAA,CAAA;AACF,MAAA;AACI,QAAA,SAAA,EAAS,SAAe,EAAA,QAAE;oBACb,EAAA;iBACK,EAAA,IAAA,EAAA,QAAE,EAAA;;AAGpB,OAAA;;AAEH,GAAA,CAAA;AACL,EAAA,KAAG,CAAC,SAAY,CAAA,MAAG;IAEnB,IAAO;AAEC,MAAA,MAAA,GAAA,GAAA,YAAc,EAAA,eAAA,CAAA;mBACT,CAAA,QAAA,IAAA,QAAA,GAAW,CAAC,CAAA,CAAA;wBAGA,CAAA,WAAA,IAAA,MAAA,CAAA,CAAY,GAAS,WAAA,EAAA,GAAA,CAAA,EAAA,CAAA;;AAKN,OAAA,KAAA,EAAA,CAAA,CAAA,CAAA;;AAEI,MAAA,MAAA,aAAA,GAEd,gBAIJ,CAAA,OAAA,CAAA;AAEd,MAAA,aAAA,CAAA,cAAa,EAAA,CAAA;AAI7B,KAAE;;;;;;;;;;;;;;;;;"}

package/lib/components/CustomerSupportChat/CustomerSupportChat.js

@@ -1,122 +1,192 @@
-import React,{useState,useEffect}from'react';import {Box,Button,Image}from'@chakra-ui/react';import {BiConversation,BiMessageDetail}from'react-icons/bi';import {MdKeyboardArrowDown,MdOutlineArticle}from'react-icons/md';import {nanoid}from'nanoid';import {BasicStorage,ChatProvider,AutoDraft}from'@chatscope/use-chat';import {ExampleChatService}from'@chatscope/use-chat/dist/examples';import'@chatscope/chat-ui-kit-styles/dist/default/styles.min.css';import {usePublicMessagesQuery}from'@messenger-box/platform-client';import {uniqBy}from'lodash-es';import {Chat}from'./Chat.js';import {objectId}from'@messenger-box/core';const CustomerSupportChat = () => {
-    // Check if ID exists in storage
-    const storeChannelId = localStorage?.getItem('channelId') ?? null;
-    const [isChat, setIsChat] = useState(false);
-    const [isChatOpen, setIsChatOpen] = useState(false);
-    const [channelMessages, setChannelMessages] = useState([]);
-    const [channelId, setChannelId] = useState(storeChannelId);
-    // Storage needs to generate id for messages and groups
-    const messageIdGenerator = () => nanoid();
-    const groupIdGenerator = () => nanoid();
-    // Create serviceFactory
-    const serviceFactory = (storage, updateState) => {
-        return new ExampleChatService(storage, updateState);
-    };
-    useEffect(() => {
-        if (storeChannelId === 'undefined' || storeChannelId === null) {
-            // ID is undefined or not present in localStorage
-            const newId = objectId();
-            localStorage.setItem('channelId', newId);
-            setChannelId(newId);
-        }
-        else {
-            if (storeChannelId)
-                setChannelId(storeChannelId?.toString());
-        }
-    }, [storeChannelId]);
-    const { data, loading, error } = usePublicMessagesQuery({
-        variables: {
-            channelId: channelId?.toString(),
-        },
-    });
-    React.useEffect(() => {
-        if (data?.publicMessages?.data) {
-            const currentConversaion = data?.publicMessages?.data?.slice().reverse();
-            currentConversaion.map((msg) => {
-                setChannelMessages((oldMessages) => uniqBy([...oldMessages, msg], ({ id }) => id));
-            });
-        }
-    }, [data, isChat]);
-    const handleChat = () => {
-        setIsChatOpen(true);
-    };
-    const handleChatClick = () => {
-        setIsChat(true);
-    };
-    const chatStorage = new BasicStorage({ groupIdGenerator, messageIdGenerator });
-    return (React.createElement(React.Fragment, null, !isChat ? (React.createElement(Box, { style: { position: 'fixed', bottom: '20px', right: '30px', zIndex: '2' } },
-        React.createElement(Button, { background: '#3182ce', fontSize: '38px', padding: '36px 18px', borderRadius: '50%', onClick: handleChatClick },
-            React.createElement(BiConversation, null)))) : (React.createElement(Box, { width: { base: '80%', md: '50%', lg: '30%', xl: '25%' }, style: { position: 'fixed', bottom: '20px', right: '30px', zIndex: '2' } },
-        React.createElement(Box, { textAlign: 'right', marginBottom: '20px' },
-            React.createElement(Button, { background: '#3182ce', fontSize: '42px', borderRadius: '50%', padding: '30px 10px', onClick: () => setIsChat(false) },
-                React.createElement(MdKeyboardArrowDown, null))),
-        React.createElement(Box, { style: { borderRadius: '20px', background: 'white' } },
-            React.createElement(Box, { style: {
-                    display: 'flex',
-                    backgroundColor: '#3182ce',
-                    padding: '20px 30px',
-                    lineHeight: '7vh',
-                    alignItems: 'center',
-                } },
-                React.createElement(Box, { style: {
-                        background: '#366c96',
-                        padding: '10px',
-                        borderRadius: '54px',
-                        fontSize: '25px',
-                    } },
-                    React.createElement(BiMessageDetail, null)),
-                React.createElement(Box, { style: { fontWeight: '700', fontSize: '18px', marginLeft: '30px' } }, "Conversation(s)")),
-            React.createElement(Box, { style: {
-                    height: '50vh',
-                    background: '#fafafa',
-                    color: 'black',
-                    display: 'flex',
-                    flexDirection: 'column',
-                    alignContent: 'stretch',
-                    justifyContent: 'space-evenly',
-                    alignItems: 'center',
-                } }, !isChatOpen && !channelMessages.length ? (React.createElement(Box, { textAlign: 'center' },
-                React.createElement(Image, { width: '50%', margin: 'auto', src: "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcThpk_KxVKIRa0_fxwaVgIFcRvTgUem0LbkaA&usqp=CAU" }),
-                React.createElement(Box, { textAlign: 'center' }, " No ongoing Conversation"),
-                React.createElement(Button, { style: {
-                        backgroundColor: '#3182ce',
-                        padding: '22px 26px',
-                        marginTop: '20px',
-                        borderRadius: '8px',
-                        color: 'whitesmoke',
-                    }, leftIcon: React.createElement(BiMessageDetail, { fontSize: '22px' }), onClick: handleChat }, "Chat now"))) : (React.createElement(Box, { w: '100%', h: '50vh' },
-                React.createElement(ChatProvider, { serviceFactory: serviceFactory, storage: chatStorage, config: {
-                        typingThrottleTime: 250,
-                        typingDebounceTime: 900,
-                        debounceTyping: true,
-                        autoDraft: AutoDraft.Save | AutoDraft.Restore,
-                    } },
-                    React.createElement(Chat, { user: { name: 'beeena', avatar: '' }, channelId: channelId, setChannelMessages: setChannelMessages, channelMessages: channelMessages }))))),
-            React.createElement(Box, { style: {
-                    height: '7vh',
-                    background: 'white',
-                    color: 'black',
-                    display: 'flex',
-                    alignContent: 'center',
-                    alignItems: 'center',
-                    padding: '30px 0px',
-                    justifyContent: 'space-evenly',
-                    boxShadow: '0 0 5px rgba(0, 0, 0, 0.9)',
-                    outline: '1px solid transparent',
-                } },
-                React.createElement(Box, { style: {
-                        display: 'flex',
-                        flexDirection: 'column',
-                        alignItems: 'center',
-                    } },
-                    React.createElement(BiMessageDetail, null),
-                    " Conversation"),
-                React.createElement(Box, { style: {
-                        display: 'flex',
-                        flexDirection: 'column',
-                        alignItems: 'center',
-                    } },
-                    React.createElement(MdOutlineArticle, null),
-                    " Articles",
-                    ' ')))))));
+import React,{useState,useEffect}from'react';import {Box,Button,Image}from'@chakra-ui/react';import {BiConversation,BiMessageDetail}from'react-icons/bi/index.js';import {MdKeyboardArrowDown,MdOutlineArticle}from'react-icons/md/index.js';import {nanoid}from'nanoid';import {BasicStorage,ChatProvider,AutoDraft}from'@chatscope/use-chat';import {ExampleChatService}from'@chatscope/use-chat/dist/examples.js';import'@chatscope/chat-ui-kit-styles/dist/default/styles.min.css.js';import {usePublicMessagesQuery}from'@messenger-box/platform-client';import {uniqBy}from'lodash-es';import {Chat}from'./Chat.js';import {objectId}from'@messenger-box/core';const CustomerSupportChat = () => {
+  // Check if ID exists in storage
+  const storeChannelId = localStorage?.getItem('channelId') ?? null;
+  const [isChat, setIsChat] = useState(false);
+  const [isChatOpen, setIsChatOpen] = useState(false);
+  const [channelMessages, setChannelMessages] = useState([]);
+  const [channelId, setChannelId] = useState(storeChannelId);
+  // Storage needs to generate id for messages and groups
+  const messageIdGenerator = () => nanoid();
+  const groupIdGenerator = () => nanoid();
+  // Create serviceFactory
+  const serviceFactory = (storage, updateState) => {
+    return new ExampleChatService(storage, updateState);
+  };
+  useEffect(() => {
+    if (storeChannelId === 'undefined' || storeChannelId === null) {
+      // ID is undefined or not present in localStorage
+      const newId = objectId();
+      localStorage.setItem('channelId', newId);
+      setChannelId(newId);
+    } else {
+      if (storeChannelId) setChannelId(storeChannelId?.toString());
+    }
+  }, [storeChannelId]);
+  const {
+    data,
+    loading,
+    error
+  } = usePublicMessagesQuery({
+    variables: {
+      channelId: channelId?.toString()
+    }
+  });
+  React.useEffect(() => {
+    if (data?.publicMessages?.data) {
+      const currentConversaion = data?.publicMessages?.data?.slice().reverse();
+      currentConversaion.map(msg => {
+        setChannelMessages(oldMessages => uniqBy([...oldMessages, msg], ({
+          id
+        }) => id));
+      });
+    }
+  }, [data, isChat]);
+  const handleChat = () => {
+    setIsChatOpen(true);
+  };
+  const handleChatClick = () => {
+    setIsChat(true);
+  };
+  const chatStorage = new BasicStorage({
+    groupIdGenerator,
+    messageIdGenerator
+  });
+  return React.createElement(React.Fragment, null, !isChat ? React.createElement(Box, {
+    style: {
+      position: 'fixed',
+      bottom: '20px',
+      right: '30px',
+      zIndex: '2'
+    }
+  }, React.createElement(Button, {
+    background: '#3182ce',
+    fontSize: '38px',
+    padding: '36px 18px',
+    borderRadius: '50%',
+    onClick: handleChatClick
+  }, React.createElement(BiConversation, null))) : React.createElement(Box, {
+    width: {
+      base: '80%',
+      md: '50%',
+      lg: '30%',
+      xl: '25%'
+    },
+    style: {
+      position: 'fixed',
+      bottom: '20px',
+      right: '30px',
+      zIndex: '2'
+    }
+  }, React.createElement(Box, {
+    textAlign: 'right',
+    marginBottom: '20px'
+  }, React.createElement(Button, {
+    background: '#3182ce',
+    fontSize: '42px',
+    borderRadius: '50%',
+    padding: '30px 10px',
+    onClick: () => setIsChat(false)
+  }, React.createElement(MdKeyboardArrowDown, null))), React.createElement(Box, {
+    style: {
+      borderRadius: '20px',
+      background: 'white'
+    }
+  }, React.createElement(Box, {
+    style: {
+      display: 'flex',
+      backgroundColor: '#3182ce',
+      padding: '20px 30px',
+      lineHeight: '7vh',
+      alignItems: 'center'
+    }
+  }, React.createElement(Box, {
+    style: {
+      background: '#366c96',
+      padding: '10px',
+      borderRadius: '54px',
+      fontSize: '25px'
+    }
+  }, React.createElement(BiMessageDetail, null)), React.createElement(Box, {
+    style: {
+      fontWeight: '700',
+      fontSize: '18px',
+      marginLeft: '30px'
+    }
+  }, "Conversation(s)")), React.createElement(Box, {
+    style: {
+      height: '50vh',
+      background: '#fafafa',
+      color: 'black',
+      display: 'flex',
+      flexDirection: 'column',
+      alignContent: 'stretch',
+      justifyContent: 'space-evenly',
+      alignItems: 'center'
+    }
+  }, !isChatOpen && !channelMessages.length ? React.createElement(Box, {
+    textAlign: 'center'
+  }, React.createElement(Image, {
+    width: '50%',
+    margin: 'auto',
+    src: "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcThpk_KxVKIRa0_fxwaVgIFcRvTgUem0LbkaA&usqp=CAU"
+  }), React.createElement(Box, {
+    textAlign: 'center'
+  }, " No ongoing Conversation"), React.createElement(Button, {
+    style: {
+      backgroundColor: '#3182ce',
+      padding: '22px 26px',
+      marginTop: '20px',
+      borderRadius: '8px',
+      color: 'whitesmoke'
+    },
+    leftIcon: React.createElement(BiMessageDetail, {
+      fontSize: '22px'
+    }),
+    onClick: handleChat
+  }, "Chat now")) : React.createElement(Box, {
+    w: '100%',
+    h: '50vh'
+  }, React.createElement(ChatProvider, {
+    serviceFactory: serviceFactory,
+    storage: chatStorage,
+    config: {
+      typingThrottleTime: 250,
+      typingDebounceTime: 900,
+      debounceTyping: true,
+      autoDraft: AutoDraft.Save | AutoDraft.Restore
+    }
+  }, React.createElement(Chat, {
+    user: {
+      name: 'beeena',
+      avatar: ''
+    },
+    channelId: channelId,
+    setChannelMessages: setChannelMessages,
+    channelMessages: channelMessages
+  })))), React.createElement(Box, {
+    style: {
+      height: '7vh',
+      background: 'white',
+      color: 'black',
+      display: 'flex',
+      alignContent: 'center',
+      alignItems: 'center',
+      padding: '30px 0px',
+      justifyContent: 'space-evenly',
+      boxShadow: '0 0 5px rgba(0, 0, 0, 0.9)',
+      outline: '1px solid transparent'
+    }
+  }, React.createElement(Box, {
+    style: {
+      display: 'flex',
+      flexDirection: 'column',
+      alignItems: 'center'
+    }
+  }, React.createElement(BiMessageDetail, null), " Conversation"), React.createElement(Box, {
+    style: {
+      display: 'flex',
+      flexDirection: 'column',
+      alignItems: 'center'
+    }
+  }, React.createElement(MdOutlineArticle, null), " Articles", ' ')))));
 };export{CustomerSupportChat};//# sourceMappingURL=CustomerSupportChat.js.map

package/lib/components/CustomerSupportChat/CustomerSupportChat.js.map

@@ -1 +1 @@
-{"version":3,"file":"CustomerSupportChat.js","sources":["../../../src/components/CustomerSupportChat/CustomerSupportChat.tsx"],"sourcesContent":[null],"names":[],"mappings":"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"}
+{"version":3,"file":"CustomerSupportChat.js","sources":["../../../src/components/CustomerSupportChat/CustomerSupportChat.tsx"],"sourcesContent":[null],"names":[],"mappings":"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"}

package/lib/config/env-config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"env-config.d.ts","sourceRoot":"","sources":["../../src/config/env-config.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,iDAEjB,CAAC"}
+{"version":3,"file":"env-config.d.ts","sourceRoot":"","sources":["../../src/config/env-config.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,MAAM,iDAEjB,CAAC"}

package/lib/routes.json

@@ -0,0 +1 @@
+[]

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@messenger-box/chat-ui",
-    "version": "5.0.11-alpha.7",
+    "version": "7.0.11-alpha.0",
     "description": "Account browser",
     "license": "ISC",
     "author": "CDMBase LLC",
@@ -43,8 +43,8 @@
         "@chatscope/chat-ui-kit-react": "^1.10.1",
         "@chatscope/chat-ui-kit-styles": "^1.4.0",
         "@chatscope/use-chat": "^3.1.1",
-        "@messenger-box/core": "5.0.11-alpha.5",
-        "@messenger-box/platform-client": "5.0.11-alpha.7",
+        "@messenger-box/core": "7.0.11-alpha.0",
+        "@messenger-box/platform-client": "7.0.11-alpha.0",
         "date-fns": "^2.28.0",
         "date-fns-tz": "^1.3.3",
         "emoji-mart": "^3.0.1",
@@ -77,5 +77,5 @@
     "typescript": {
         "definition": "lib/index.d.ts"
     },
-    "gitHead": "c6318645a3b3cb8ba9d118e17db02fd91eac217b"
+    "gitHead": "cbe604d214e52bc45021abdd08cb02eed81aec5a"
 }

package/rollup.config.mjs

@@ -1,31 +1,27 @@
-/* eslint-disable import/no-extraneous-dependencies */
-import graphql from '@rollup/plugin-graphql';
-import image from '@rollup/plugin-image';
-import typescript from '@rollup/plugin-typescript';
-
-const isDev = process.env.NODE_ENV === 'development';
-const bundle = (config) => ({
-    ...config,
-    input: 'src/index.ts',
-    // marking all node modules as external
-    external: (id) => !/^[./]/.test(id),
-});
-const globals = { react: 'React' };
+import { createRollupConfig } from '../../../rollup.config.base.mjs';
 
+const additionalPlugins = [];
+// Use the createRollupConfig function to merge the base and specific configurations
 export default [
-    bundle({
-        plugins: [typescript({ noEmitOnError: !isDev }), image(), graphql()],
+    createRollupConfig({
+        input: [
+            'src/index.ts',
+        ],
+        plugins: [
+            // Spread in additional plugins specific to this config
+            ...additionalPlugins,
+        ],
         output: [
             {
                 dir: 'lib',
                 format: 'es',
-                name: 'Counter',
+                name: 'chakra-ui-inbox',
                 compact: true,
                 exports: 'named',
                 sourcemap: true,
                 preserveModules: true,
                 chunkFileNames: '[name]-[hash].[format].js',
-                globals,
+                globals: { react: 'React' },
             },
         ],
     }),

package/src/config/env-config.ts

@@ -1,5 +1,8 @@
 import { cleanEnv, num, str } from 'envalid';
+import { getEnvironment } from '@common-stack/core';
 
-export const config = cleanEnv(process.env, {
+const env = getEnvironment();
+
+export const config = cleanEnv(env, {
 
 });

package/tsconfig.json

@@ -10,5 +10,5 @@
     "types": ["@types/node", "@types/jest", "../../../typings"]
   },
   "exclude": ["../../../node_modules", "node_modules", "lib", "dist", "webpack.config.js", "rollup.config.mjs"],
-  "include": ["src", "./typings/*.d.ts", "type.d.ts"]
+  "include": ["src", "./typings/*.d.ts", "type.d.ts"],
 }