@messenger-box/chat-ui 10.0.3-alpha.2 → 10.0.3-alpha.202

package/lib/components/CustomerSupportChat/Chat.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Chat.d.ts","sourceRoot":"","sources":["../../../src/components/CustomerSupportChat/Chat.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;AAiBjF,eAAO,MAAM,IAAI;;;;;uBAsEhB,CAAC"}
+{"version":3,"file":"Chat.d.ts","sourceRoot":"","sources":["../../../src/components/CustomerSupportChat/Chat.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;AAiBjF,eAAO,MAAM,IAAI,GAAI;;;;;CAAwD,sBAsE5E,CAAC"}

package/lib/components/CustomerSupportChat/Chat.js

@@ -1,11 +1,11 @@
-import React__default,{useState,useRef}from'react';import {MainContainer,ChatContainer,MessageList,MessageGroup,Message,MessageInput}from'@chatscope/chat-ui-kit-react';import {useSendPublicMessageMutation,useOnPublicPostAddedSubscription}from'common/lib/generated/generated.js';import {uniqBy}from'lodash-es';const Chat = ({
+import React__default,{useState,useRef}from'react';import {MainContainer,ChatContainer,MessageList,MessageGroup,Message,MessageInput}from'@chatscope/chat-ui-kit-react';import {useSendPublicMessageMutation,useOnPublicPostAddedSubscription}from'common/graphql';import {uniqBy}from'lodash-es';const Chat = ({
   user,
   channelId,
   channelMessages,
   setChannelMessages
 }) => {
   // Message input value
-  useState('');
+  const [value, setValue] = useState('');
   const [totalCount, setTotalCount] = useState(0);
   const [sendMsg] = useSendPublicMessageMutation();
   const chatContainerRef = useRef(null);

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

@@ -1 +1 @@
-{"version":3,"file":"Chat.js","sources":["../../../src/components/CustomerSupportChat/Chat.tsx"],"sourcesContent":[null],"names":[],"mappings":"qTAiBO,MAAM,IAAI,GAAG,CAAC;MACK;WACf;iBACU;AAEjB,EAAA;AAEA,CAAA,KAAA;AAEA;AAKI,EAAW,QAAA,CAAA,EAAA;AACP,EAAA,MAAA,CAAA,UAAA,EAAS,aAAa,CAAA,GAAA,QAAU,CAAA,CAAA,CAAA;AACnC,EAAA,MAAA,CAAA,OAAA,CAAA,GAAA,4BAAA,EAAA;AACJ,EAAA,MAAE,gBAAA,GAAA,MAAA,CAAA,IAAA,CAAA;AAEH,EAAA,MAAA;AACI,IAAA,IAAA,EAAA,YAAc;aACH,mBAAA;SACV,EAAA;AAED,GAAA,GAAA,gCAAc,CAAA;AACV,IAAA,SAAA,EAAA;AACI,MAAA,SAAA,EAAA,SAAW,EAAA,QAAS;AACpB;AACI,GAAA,CAAA;AACH,EAAA,MAAA,UAAA,GAAA,MAAA,IAAA,IAAA;AACJ,IAAA,IAAA,EAAA,IAAA,IAAA,SAAA,CAAA,EAAA;AACJ,MAAA;AACL;AACA,IAAA,MAAM,OAAA,CAAA;eACE,EAAA;AACA,QAAA,SAAA,EAAS,SAAe,EAAA,QAAE;oBACb,EAAA;iBACK,EAAA,IAAA,EAAA,QAAE;;AAGpB;;;gBAGL,CAAE,SAAE,CAAA,MAAA;IAEP,IAAO;AAEC,MAAA,MAAA,GAAA,GAAA,YAAc,EAAA,eAAA;mBACT,CAAA,QAAA,IAAA,QAAA,GAAW,CAAC,CAAA;wBAGA,CAAA,WAAA,IAAA,MAAA,CAAA,CAAY,GAAS,WAAA,EAAA,GAAA,CAAA,EAAA,CAAA;;AAKN,OAAA,KAAA,EAAA,CAAA,CAAA;;AAEI,MAAA,MAAA,aAAA,GAEd,gBAIJ,CAAA,OAAA;AAEd,MAAA,aAAA,CAAA,cAAa,EAAA;AAI7B;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Chat.js","sources":["../../../src/components/CustomerSupportChat/Chat.tsx"],"sourcesContent":[null],"names":[],"mappings":"kSAiBO,MAAM,IAAI,GAAG,CAAC;MACjB;WACO;iBACA;AAEP,EAAA;AAEA,CAAA,KAAA;AAEA;AAKI,EAAA,MAAA,CAAA,KAAA,EAAA,QAAW,CAAA,GAAA,QAAA,CAAA,EAAA,CAAA;AACP,EAAA,MAAA,CAAA,UAAA,EAAS,aAAa,CAAA,GAAA,QAAU,CAAA,CAAA,CAAA;AACnC,EAAA,MAAA,CAAA,OAAA,CAAA,GAAA,4BAAA,EAAA;AACJ,EAAA,MAAE,gBAAA,GAAA,MAAA,CAAA,IAAA,CAAA;AAEH,EAAA,MAAA;AACI,IAAA,IAAA,EAAA,YAAc;aACV,mBAAO;SACV,EAAA;AAED,GAAA,GAAA,gCAAc,CAAA;AACV,IAAA,SAAA,EAAA;AACI,MAAA,SAAA,EAAA,SAAS,EAAE,QAAS;AACpB;AACI,GAAA,CAAA;AACH,EAAA,MAAA,UAAA,GAAA,MAAA,IAAA,IAAA;AACJ,IAAA,IAAA,EAAA,IAAA,IAAA,SAAA,CAAA,EAAA;AACJ,MAAA;AACL,IAAA;AACA,IAAA,MAAM,OAAA,CAAA;eACE,EAAA;AACA,QAAA,SAAA,EAAM,SAAM,EAAA,QAAc;oBAC1B,EAAA;iBACA,EAAA,IAAA,EAAA,QAAoB;;AAGpB;;;gBAGL,CAAA,SAAI,CAAA,MAAA;IAEP,IAAA;AAEQ,MAAA,MAAA,GAAA,GAAA,YAAC,EAAA,eAAa;mBACV,CAAA,QAAA,IAAC,QAAA,GAAW,CAAA,CAAA;wBAGA,CAAA,WAAC,IAAA,MAAA,CAAA,CAAY,GAAC,WAAQ,EAAA,GAAA,CAAA,EAAA,CAAA;;AAKN,OAAA,KAAA,EAAA,CAAA,CAAA;;AAEI,MAAA,MAAA,aAAA,GAEd,gBAIJ,CAAA,OAAA;AAEd,MAAA,aAAA,CAAA,cAAC,EAAA;AAIjB,IAAE;;;;;;;;;;;;;;;;;"}

package/lib/components/CustomerSupportChat/CustomerSupportChat.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CustomerSupportChat.d.ts","sourceRoot":"","sources":["../../../src/components/CustomerSupportChat/CustomerSupportChat.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAcnD,eAAO,MAAM,mBAAmB,yBA0N/B,CAAC"}
+{"version":3,"file":"CustomerSupportChat.d.ts","sourceRoot":"","sources":["../../../src/components/CustomerSupportChat/CustomerSupportChat.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AA8BnD,eAAO,MAAM,mBAAmB,yBAuI/B,CAAC"}

package/lib/components/CustomerSupportChat/CustomerSupportChat.js

@@ -1,9 +1,23 @@
-import React__default,{useState,useEffect}from'react';import {useMediaQuery,Box,Button,Image}from'@chakra-ui/react';import {BiConversation}from'@react-icons/all-files/bi/BiConversation.js';import {BiMessageDetail}from'@react-icons/all-files/bi/BiMessageDetail.js';import {MdKeyboardArrowDown}from'@react-icons/all-files/md/MdKeyboardArrowDown.js';import {BsCardText}from'@react-icons/all-files/bs/BsCardText.js';import {nanoid}from'nanoid';import {BasicStorage,ChatProvider,AutoDraft}from'@chatscope/use-chat';import {ExampleChatService}from'@chatscope/use-chat/dist/examples/index.js';import {usePublicMessagesQuery}from'common/lib/generated/generated.js';import {uniqBy}from'lodash-es';import {Chat}from'./Chat.js';import {objectId}from'@messenger-box/core';const CustomerSupportChat = () => {
+import React__default,{useState,useEffect}from'react';import {BiConversation}from'@react-icons/all-files/bi/BiConversation.js';import {BiMessageDetail}from'@react-icons/all-files/bi/BiMessageDetail.js';import {MdKeyboardArrowDown}from'@react-icons/all-files/md/MdKeyboardArrowDown.js';import {BsCardText}from'@react-icons/all-files/bs/BsCardText.js';import {nanoid}from'nanoid';import {BasicStorage,ChatProvider,AutoDraft}from'@chatscope/use-chat';import {ExampleChatService}from'@chatscope/use-chat/dist/examples/index.js';import {usePublicMessagesQuery}from'common/graphql';import {uniqBy}from'lodash-es';import {Chat}from'./Chat.js';import {objectId}from'@messenger-box/core';// Custom hook for media query
+const useMediaQuery = query => {
+  const [matches, setMatches] = useState(false);
+  useEffect(() => {
+    const media = window.matchMedia(query);
+    if (media.matches !== matches) {
+      setMatches(media.matches);
+    }
+    const listener = () => setMatches(media.matches);
+    media.addEventListener('change', listener);
+    return () => media.removeEventListener('change', listener);
+  }, [matches, query]);
+  return matches;
+};
+const CustomerSupportChat = () => {
   const [isChat, setIsChat] = useState(false);
   const [isChatOpen, setIsChatOpen] = useState(false);
   const [channelMessages, setChannelMessages] = useState([]);
   const [channelId, setChannelId] = useState(null);
-  const [isMobileView, isNonMobileView] = useMediaQuery(['(max-width: 480px)', '(min-width: 480px)']);
+  const isMobileView = useMediaQuery('(max-width: 480px)');
   // Storage needs to generate id for messages and groups
   const messageIdGenerator = () => nanoid();
   const groupIdGenerator = () => nanoid();
@@ -51,105 +65,46 @@ import React__default,{useState,useEffect}from'react';import {useMediaQuery,Box,
     groupIdGenerator,
     messageIdGenerator
   });
-  return React__default.createElement(React__default.Fragment, null, !isChat ? React__default.createElement(Box, {
-    style: {
-      position: 'fixed',
-      bottom: '20px',
-      right: '30px',
-      zIndex: '2'
-    }
-  }, React__default.createElement(Button, {
-    background: '#3182ce',
-    fontSize: '38px',
-    padding: '16px',
-    width: '72px',
-    height: '72px',
-    borderRadius: '50%',
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'center',
+  return React__default.createElement(React__default.Fragment, null, !isChat ? React__default.createElement("div", {
+    className: "fixed bottom-5 right-8 z-[2]"
+  }, React__default.createElement("button", {
+    className: "bg-blue-600 text-[38px] p-4 w-[72px] h-[72px] rounded-full flex items-center justify-center hover:bg-blue-700 transition-colors cursor-pointer",
     onClick: handleChatClick
-  }, React__default.createElement(BiConversation, null))) : React__default.createElement(Box, {
-    style: {
-      position: 'fixed',
-      bottom: '20px',
-      right: '30px',
-      zIndex: '2',
-      width: isMobileView ? '80vw' : '25vw'
-    }
-  }, React__default.createElement(Box, {
-    textAlign: 'left',
-    marginBottom: '10px'
-  }, React__default.createElement(Button, {
-    background: '#3182ce',
-    fontSize: '42px',
-    width: '62px',
-    height: '62px',
-    borderRadius: '50%',
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'center',
+  }, React__default.createElement(BiConversation, null))) : React__default.createElement("div", {
+    className: `fixed bottom-5 right-8 z-[2] ${isMobileView ? 'w-[80vw]' : 'w-[25vw]'}`
+  }, React__default.createElement("div", {
+    className: "text-left mb-2.5"
+  }, React__default.createElement("button", {
+    className: "bg-blue-600 text-[42px] w-[62px] h-[62px] rounded-full flex items-center justify-center hover:bg-blue-700 transition-colors cursor-pointer",
     onClick: () => setIsChat(false)
-  }, React__default.createElement(MdKeyboardArrowDown, null))), React__default.createElement(Box, {
-    style: {
-      borderRadius: '20px',
-      background: 'white'
-    }
-  }, React__default.createElement(Box, {
-    style: {
-      display: 'flex',
-      backgroundColor: '#3182ce',
-      padding: '20px 30px',
-      lineHeight: '7vh',
-      alignItems: 'center'
-    }
-  }, React__default.createElement(Box, {
+  }, React__default.createElement(MdKeyboardArrowDown, null))), React__default.createElement("div", {
+    className: "rounded-[20px] bg-white"
+  }, React__default.createElement("div", {
+    className: "flex bg-blue-600 px-7 py-5 items-center",
     style: {
-      background: '#366c96',
-      padding: '10px',
-      borderRadius: '54px',
-      fontSize: '25px'
+      lineHeight: '7vh'
     }
-  }, React__default.createElement(BiMessageDetail, null)), React__default.createElement(Box, {
-    style: {
-      fontWeight: '700',
-      fontSize: '18px',
-      marginLeft: '30px'
-    }
-  }, "Conversation(s)")), React__default.createElement(Box, {
-    style: {
-      height: '50vh',
-      background: '#fafafa',
-      color: 'black',
-      display: 'flex',
-      flexDirection: 'column',
-      alignContent: 'stretch',
-      justifyContent: 'space-evenly',
-      alignItems: 'center'
-    }
-  }, !isChatOpen && !channelMessages.length ? React__default.createElement(Box, {
-    textAlign: 'center'
-  }, React__default.createElement(Image, {
-    width: '50%',
-    margin: 'auto',
-    src: "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcThpk_KxVKIRa0_fxwaVgIFcRvTgUem0LbkaA&usqp=CAU"
-  }), React__default.createElement(Box, {
-    textAlign: 'center'
-  }, " No ongoing Conversation"), React__default.createElement(Button, {
-    style: {
-      backgroundColor: '#3182ce',
-      padding: '22px 26px',
-      marginTop: '20px',
-      borderRadius: '8px',
-      color: 'whitesmoke'
-    },
-    leftIcon: React__default.createElement(BiMessageDetail, {
-      fontSize: '22px'
-    }),
+  }, React__default.createElement("div", {
+    className: "bg-[#366c96] p-2.5 rounded-[54px] text-[25px]"
+  }, React__default.createElement(BiMessageDetail, null)), React__default.createElement("div", {
+    className: "font-bold text-lg ml-7"
+  }, "Conversation(s)")), React__default.createElement("div", {
+    className: "h-[50vh] bg-[#fafafa] text-black flex flex-col content-stretch justify-evenly items-center"
+  }, !isChatOpen && !channelMessages.length ? React__default.createElement("div", {
+    className: "text-center"
+  }, React__default.createElement("img", {
+    className: "w-1/2 mx-auto",
+    src: "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcThpk_KxVKIRa0_fxwaVgIFcRvTgUem0LbkaA&usqp=CAU",
+    alt: "No conversation"
+  }), React__default.createElement("div", {
+    className: "text-center"
+  }, "No ongoing Conversation"), React__default.createElement("button", {
+    className: "bg-blue-600 px-7 py-5 mt-5 rounded-lg text-gray-100 hover:bg-blue-700 transition-colors flex items-center gap-2 mx-auto cursor-pointer",
     onClick: handleChat
-  }, "Chat now")) : React__default.createElement(Box, {
-    w: '100%',
-    h: '50vh'
+  }, React__default.createElement(BiMessageDetail, {
+    className: "text-[22px]"
+  }), "Chat now")) : React__default.createElement("div", {
+    className: "w-full h-[50vh]"
   }, React__default.createElement(ChatProvider, {
     serviceFactory: serviceFactory,
     storage: chatStorage,
@@ -167,30 +122,14 @@ import React__default,{useState,useEffect}from'react';import {useMediaQuery,Box,
     channelId: channelId,
     setChannelMessages: setChannelMessages,
     channelMessages: channelMessages
-  })))), React__default.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__default.createElement(Box, {
-    style: {
-      display: 'flex',
-      flexDirection: 'column',
-      alignItems: 'center'
-    }
-  }, React__default.createElement(BiMessageDetail, null), " Conversation"), React__default.createElement(Box, {
+  })))), React__default.createElement("div", {
+    className: "h-[7vh] bg-white text-black flex content-center items-center py-7 justify-evenly outline outline-1 outline-transparent",
     style: {
-      display: 'flex',
-      flexDirection: 'column',
-      alignItems: 'center'
+      boxShadow: '0 0 5px rgba(0, 0, 0, 0.9)'
     }
-  }, React__default.createElement(BsCardText, null), " Articles", ' ')))));
+  }, React__default.createElement("div", {
+    className: "flex flex-col items-center"
+  }, React__default.createElement(BiMessageDetail, null), " Conversation"), React__default.createElement("div", {
+    className: "flex flex-col items-center"
+  }, React__default.createElement(BsCardText, 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":["React"],"mappings":"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"}
+{"version":3,"file":"CustomerSupportChat.js","sources":["../../../src/components/CustomerSupportChat/CustomerSupportChat.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"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"}

package/lib/compute.d.ts

@@ -1,3 +1,3 @@
-declare const filteredRoutes: any;
+declare const filteredRoutes: import("@common-stack/core").IRouteMap[];
 export { filteredRoutes };
 //# sourceMappingURL=compute.d.ts.map

package/lib/compute.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"compute.d.ts","sourceRoot":"","sources":["../src/compute.ts"],"names":[],"mappings":"AAeA,QAAA,MAAM,cAAc,KAA6B,CAAC;AAElD,OAAO,EAAE,cAAc,EAAE,CAAC"}
+{"version":3,"file":"compute.d.ts","sourceRoot":"","sources":["../src/compute.ts"],"names":[],"mappings":"AAeA,QAAA,MAAM,cAAc,0CAA6B,CAAC;AAElD,OAAO,EAAE,cAAc,EAAE,CAAC"}

package/lib/compute.js

@@ -11,7 +11,6 @@ const chatBox = [{
   hasClientLoader: true,
   hasComponent: true,
   loaderReturnInfo: {
-    returnType: "json",
     hasOptions: false,
     keys: ["parentRoute"]
   }

package/lib/compute.js.map

@@ -1 +1 @@
-{"version":3,"file":"compute.js","sources":["../src/compute.ts"],"sourcesContent":[null],"names":[],"mappings":"uFACA,MAAM,GAAG,GAAG,UAAU;AAEtB,MAAM,OAAO,GAAU,CAAA;AACnB,EAAA,IAAA,EAAA,OAAA;AACI,EAAA,GAAA,EAAA,GAAA;AACA,EAAA,KAAA,EAAA,KAAQ;AACR,EAAA,IAAA,EAAA,UAAY;AACZ,EAAA,gBAAgB,EAAA,CAAA,GAAA,CAAA;WACA,EAAA,MAAA,OAAE,kCAAK;AACvB,CAAA,CAAA;AACH;AACH,MAAA,cAAA,GAAA,iBAAA,CAAA,OAAA"}
+{"version":3,"file":"compute.js","sources":["../src/compute.ts"],"sourcesContent":[null],"names":[],"mappings":"uFACA,MAAM,GAAG,GAAG,UAAU;AAEtB,MAAM,OAAO,GAAU,CAAA;AACnB,EAAA,IAAA,EAAA,OAAA;AACI,EAAA,GAAA,EAAA,GAAA;AACA,EAAA,KAAA,EAAA,KAAK;AACL,EAAA,IAAA,EAAA,UAAO;AACP,EAAA,gBAAM,EAAA,CAAA,GAAU,CAAA;WAChB,EAAA,MAAA,OAAkB,kCAAK;AACvB,CAAA,CAAA;AACH;AACH,MAAA,cAAA,GAAA,iBAAA,CAAA,OAAA"}

package/lib/config/env-config.js.map

@@ -1 +1 @@
-{"version":3,"file":"env-config.js","sources":["../../src/config/env-config.ts"],"sourcesContent":[null],"names":[],"mappings":"mFAGA,MAAM,GAAG,GAAG,cAAc,EAAE;AAEf,MAAA,MAAM,GAAG,QAAQ,CAAC,GAAG,EAAE;AAChC,EAAA,WAAA,EAAW,GAAE,CAAA;AAChB,IAAE,OAAA,EAAA,GAAA;;;"}
+{"version":3,"file":"env-config.js","sources":["../../src/config/env-config.ts"],"sourcesContent":[null],"names":[],"mappings":"mFAGA,MAAM,GAAG,GAAG,cAAc,EAAE;AAErB,MAAM,MAAM,GAAG,QAAQ,CAAC,GAAG,EAAE;AAChC,EAAA,WAAA,EAAW,GAAE,CAAA;AAChB,IAAE,OAAA,EAAA,GAAA;;;"}

package/lib/container/chatBoxWithLoader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chatBoxWithLoader.d.ts","sourceRoot":"","sources":["../../src/container/chatBoxWithLoader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,QAAA,MAAM,iBAAiB,mCAEtB,CAAC;AACF,eAAe,iBAAiB,CAAC;AAEjC,eAAO,MAAM,MAAM;;;;;CAMlB,CAAC;AAEF,wBAAsB,YAAY,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE;;;;CAAA,gBAenE"}
+{"version":3,"file":"chatBoxWithLoader.d.ts","sourceRoot":"","sources":["../../src/container/chatBoxWithLoader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,QAAA,MAAM,iBAAiB,GAAI,UAAK,sBAE/B,CAAC;AACF,eAAe,iBAAiB,CAAC;AAEjC,eAAO,MAAM,MAAM,GAAI;;;CAAoB;;CAM1C,CAAC;AAEF,wBAAsB,YAAY,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE;;;;CAAA,gBAenE"}

package/lib/container/chatBoxWithLoader.js

@@ -3,7 +3,7 @@ import { ClientContainerService } from '@adminide-stack/core';
 import { matchParentRoute } from '@admin-layout/client/lib/utils/parentRoute.js';
 import { config } from '../config/env-config.js';
 import '@chatscope/chat-ui-kit-react';
-import 'common/lib/generated/generated.js';
+import 'common/graphql';
 import 'lodash-es';
 import { CustomerSupportChat } from '../components/CustomerSupportChat/CustomerSupportChat.js';
 const ChatBoxWithLoader = props => {
@@ -17,7 +17,7 @@ const loader = ({
     routeConfig
   } = context;
   const parentRoute = matchParentRoute(routeConfig, config.LAYOUT_ROOT);
-  // returnInfo: {"returnType":"json","keys":["parentRoute"],"hasOptions":false} 
+  // returnInfo: {"keys":["parentRoute"],"hasOptions":false} 
   return {
     data: [parentRoute]
   };

package/lib/container/chatBoxWithLoader.js.map

@@ -1 +1 @@
-{"version":3,"file":"chatBoxWithLoader.js","sources":["../../src/container/chatBoxWithLoader.tsx"],"sourcesContent":[null],"names":[],"mappings":"4YAMA,MAAM,iBAAiB,GAAG,KAAC,IAAS;SACzB,KAAA,CAAA,aAAA,CAAA,mBAAoB,EAAA,IAAA,CAAA;AAC/B;AAGa,MAAA,MAAM,GAAG,CAAC;AACnB,EAAA,OAAA;;MAIO;AACX,EAAE,MAAA;AAEF,IAAM;MAC0E,OAAA;AAC5E,EAAA,MAAA,WAAgB,GAAA,gBAAS,CAAA,WAAe,EAAA,MAAA,CAAA,WAAA,CAAA;AACxC,EAAA,OAAA;AAEA,IAAA;AACI,GAAA;;AAEA,eAAA,YAAoB,CAAO;SAC9B;QAAQ;AACL,EAAA;AACA,CAAA,EAAA;;AAGJ,EAAA,MAAA,aAAiB,MAAC,YAAA,EAAA;AACtB,EAAC,MAAA;;;;;;;;;;;;;;"}
+{"version":3,"file":"chatBoxWithLoader.js","sources":["../../src/container/chatBoxWithLoader.tsx"],"sourcesContent":[null],"names":[],"mappings":"yXAMA,MAAM,iBAAiB,GAAG,KAAC,IAAO;SAC9B,KAAO,CAAA,aAAA,CAAA,mBAAC,EAAmB,IAAA,CAAA;AAC/B;AAGO,MAAM,MAAM,GAAG,CAAC;AACnB,EAAA,OAAA;;MAIA;AACJ,EAAE,MAAA;AAEF,IAAA;MACI,OAAA;AACA,EAAA,MAAA,WAAM,GAAU,gBAAS,CAAA,WAAe,EAAA,MAAA,CAAA,WAAA,CAAA;AACxC,EAAA,OAAA;AAEA,IAAA;AACI,GAAA;;AAEA,eAAA,YAAoB,CAAO;SAC9B;QAAC;AACE,EAAA;AACA,CAAA,EAAA;;AAGJ,EAAA,MAAA,aAAiB,MAAC,YAAA,EAAA;AACtB,EAAC,MAAA;;;;;;;;;;;;;;"}

package/lib/module.js.map

@@ -1 +1 @@
-{"version":3,"file":"module.js","sources":["../src/module.tsx"],"sourcesContent":[null],"names":[],"mappings":"2FAGA,cAAe,IAAI,OAAO,CAAC;AACvB,EAAA,WAAA,EAAW,cAAgB;cACf,EAAA,CAAA,2DAAG;AAClB,CAAA,CAAC"}
+{"version":3,"file":"module.js","sources":["../src/module.tsx"],"sourcesContent":[null],"names":[],"mappings":"2FAGA,cAAe,IAAI,OAAO,CAAC;AACvB,EAAA,WAAA,EAAW,cAAE;cACb,EAAY,CAAA,2DAAG;AAClB,CAAA,CAAC"}

package/lib/routes.json

@@ -13,7 +13,6 @@
       "hasClientLoader": true,
       "hasComponent": true,
       "loaderReturnInfo": {
-        "returnType": "json",
         "hasOptions": false,
         "keys": [
           "parentRoute"

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@messenger-box/chat-ui",
-    "version": "10.0.3-alpha.2",
+    "version": "10.0.3-alpha.202",
     "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": "10.0.3-alpha.0",
-        "@messenger-box/platform-client": "10.0.3-alpha.0",
+        "@messenger-box/core": "10.0.3-alpha.202",
+        "@messenger-box/platform-client": "10.0.3-alpha.202",
         "date-fns": "^4.1.0",
         "date-fns-tz": "^3.2.0",
         "emoji-mart": "^3.0.1",
@@ -55,7 +55,6 @@
         "@adminide-stack/core": "*",
         "@adminide-stack/user-auth0-browser": "*",
         "@cdm-logger/client": "*",
-        "@chakra-ui/react": "*",
         "@common-stack/client-react": "*",
         "@emotion/react": ">=11",
         "@emotion/styled": ">=11",
@@ -76,5 +75,5 @@
     "typescript": {
         "definition": "lib/index.d.ts"
     },
-    "gitHead": "5af212ba674f013e84bdf055e0999702f088263d"
+    "gitHead": "a52f86b51a44fb8506bd2e2c43ce547f10ec3f4a"
 }

package/CHANGELOG.md

@@ -1,88 +0,0 @@
-# Change Log
-
-All notable changes to this project will be documented in this file.
-See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
-
-## [10.0.3-alpha.2](https://github.com/cdmbase/messenger-box/compare/v10.0.3-alpha.1...v10.0.3-alpha.2) (2025-02-24)
-
-**Note:** Version bump only for package @messenger-box/chat-ui
-
-## [10.0.3-alpha.0](https://github.com/cdmbase/messenger-box/compare/v10.0.2-alpha.6...v10.0.3-alpha.0) (2025-02-24)
-
-**Note:** Version bump only for package @messenger-box/chat-ui
-
-## [10.0.2-alpha.5](https://github.com/CDEBase/messenger-box/compare/v10.0.2-alpha.4...v10.0.2-alpha.5) (2025-02-24)
-
-**Note:** Version bump only for package @messenger-box/chat-ui
-
-## [10.0.2-alpha.4](https://github.com/CDEBase/messenger-box/compare/v10.0.2-alpha.3...v10.0.2-alpha.4) (2025-02-10)
-
-**Note:** Version bump only for package @messenger-box/chat-ui
-
-## [10.0.2-alpha.3](https://github.com/CDEBase/messenger-box/compare/v10.0.2-alpha.2...v10.0.2-alpha.3) (2025-02-10)
-
-**Note:** Version bump only for package @messenger-box/chat-ui
-
-## [10.0.2-alpha.2](https://github.com/CDEBase/messenger-box/compare/v10.0.2-alpha.1...v10.0.2-alpha.2) (2025-02-10)
-
-**Note:** Version bump only for package @messenger-box/chat-ui
-
-## [10.0.2-alpha.0](https://github.com/cdmbase/messenger-box/compare/v9.0.4-alpha.23...v10.0.2-alpha.0) (2025-02-04)
-
-**Note:** Version bump only for package @messenger-box/chat-ui
-
-## [10.0.1-alpha.0](https://github.com/cdmbase/messenger-box/compare/v9.0.4-alpha.23...v10.0.1-alpha.0) (2025-02-04)
-
-**Note:** Version bump only for package @messenger-box/chat-ui
-
-## [9.0.4-alpha.23](https://github.com/CDEBase/messenger-box/compare/v9.0.4-alpha.22...v9.0.4-alpha.23) (2025-02-01)
-
-**Note:** Version bump only for package @messenger-box/chat-ui
-
-## [9.0.4-alpha.22](https://github.com/CDEBase/messenger-box/compare/v9.0.4-alpha.21...v9.0.4-alpha.22) (2025-01-31)
-
-**Note:** Version bump only for package @messenger-box/chat-ui
-
-## [9.0.4-alpha.17](https://github.com/CDEBase/messenger-box/compare/v9.0.4-alpha.16...v9.0.4-alpha.17) (2024-10-17)
-
-**Note:** Version bump only for package @messenger-box/chat-ui
-
-## [9.0.4-alpha.16](https://github.com/CDEBase/messenger-box/compare/v9.0.4-alpha.15...v9.0.4-alpha.16) (2024-10-08)
-
-**Note:** Version bump only for package @messenger-box/chat-ui
-
-## [9.0.4-alpha.15](https://github.com/CDEBase/messenger-box/compare/v9.0.4-alpha.14...v9.0.4-alpha.15) (2024-09-30)
-
-**Note:** Version bump only for package @messenger-box/chat-ui
-
-## [9.0.4-alpha.7](https://github.com/CDEBase/messenger-box/compare/v9.0.4-alpha.6...v9.0.4-alpha.7) (2024-09-20)
-
-**Note:** Version bump only for package @messenger-box/chat-ui
-
-## [9.0.4-alpha.1](https://github.com/CDEBase/messenger-box/compare/v9.0.4-alpha.0...v9.0.4-alpha.1) (2024-09-12)
-
-**Note:** Version bump only for package @messenger-box/chat-ui
-
-## [9.0.2-alpha.0](https://github.com/CDEBase/messenger-box/compare/v7.2.6-alpha.10...v9.0.2-alpha.0) (2024-09-06)
-
-**Note:** Version bump only for package @messenger-box/chat-ui
-
-## [7.2.6-alpha.4](https://github.com/CDEBase/messenger-box/compare/v7.2.6-alpha.3...v7.2.6-alpha.4) (2024-08-12)
-
-**Note:** Version bump only for package @messenger-box/chat-ui
-
-## 7.2.6-alpha.0 (2024-08-11)
-
-**Note:** Version bump only for package @messenger-box/chat-ui
-
-## 7.2.4-alpha.0 (2024-07-19)
-
-**Note:** Version bump only for package @messenger-box/chat-ui
-
-## [7.2.1-alpha.2](https://github.com/CDEBase/messenger-box/compare/v7.2.1-alpha.1...v7.2.1-alpha.2) (2024-07-16)
-
-**Note:** Version bump only for package @messenger-box/chat-ui
-
-## 7.2.1-alpha.0 (2024-07-15)
-
-**Note:** Version bump only for package @messenger-box/chat-ui

package/jest.config.js

@@ -1,9 +0,0 @@
-const base = require('../../../jest.config.base');
-const packageJson = require('./package');
-
-module.exports = {
-    ...base,
-    testEnvironment: 'jsdom', // This is overriden, from the base testEnvironment
-    name: packageJson.name,
-    displayName: packageJson.name,
-};

package/rollup.config.mjs

@@ -1,36 +0,0 @@
-
-import { createRollupConfig } from '../../../rollup.config.base.mjs';
-
-const additionalPlugins = [];
-// Use the createRollupConfig function to merge the base and specific configurations
-export default (commandLineArgs) => {
-    const isWatchMode = commandLineArgs.watch;
-    return [
-        createRollupConfig(
-            {
-                input: ['src/index.ts'],
-                plugins: [
-                    // Spread in additional plugins specific to this config
-                    ...additionalPlugins,
-                ],
-                output: [
-                    {
-                        dir: 'lib',
-                        format: 'es',
-                        name: 'chat-ui',
-                        compact: true,
-                        exports: 'named',
-                        sourcemap: true,
-                        preserveModules: true,
-                        chunkFileNames: '[name]-[hash].[format].js',
-                        globals: { react: 'React' },
-                    },
-                ],
-            },
-            {
-                isWatchMode,
-                generateRoutesJSON: true,
-            },
-        ),
-    ];
-};

package/src/components/CustomerSupportChat/Chat.tsx

@@ -1,88 +0,0 @@
-import React, { useState, useMemo, useEffect, useCallback, useRef } from 'react';
-import {
-    MainContainer,
-    Sidebar,
-    ConversationList,
-    Conversation,
-    Avatar,
-    MessageGroup,
-    Message,
-    ChatContainer,
-    ConversationHeader,
-    MessageList,
-    MessageInput,
-} from '@chatscope/chat-ui-kit-react';
-import { useOnPublicPostAddedSubscription, useSendPublicMessageMutation } from 'common/lib/generated/generated.js';
-import { uniqBy } from 'lodash-es';
-
-export const Chat = ({ user, channelId, channelMessages, setChannelMessages }) => {
-    // Message input value
-    const [value, setValue] = 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: any) => {
-        if (!(text && channelId)) {
-            return;
-        }
-
-        await sendMsg({
-            variables: {
-                channelId: channelId?.toString(),
-                messageInput: {
-                    content: text?.toString(),
-                },
-            },
-        });
-    };
-    React.useEffect(() => {
-        if (newThreadMsg) {
-            const msg = newThreadMsg?.publicPostAdded;
-            setTotalCount((preCount: any) => preCount + 1);
-            setChannelMessages((oldMessages: any) => uniqBy([...oldMessages, msg], ({ id }) => id));
-
-            // Scroll to the bottom after adding a new message
-            const chatContainer = chatContainerRef.current;
-            chatContainer.scrollToBottom();
-        }
-    }, []);
-
-    return (
-        <MainContainer>
-            <ChatContainer>
-                <MessageList ref={chatContainerRef}>
-                    {channelMessages.map((g) => (
-                        <MessageGroup key={g.id} direction={'outgoing'}>
-                            <MessageGroup.Messages>
-                                <Message
-                                    key={g.id}
-                                    model={
-                                        {
-                                            type: 'text',
-                                            payload: g.message,
-                                        } as any
-                                    }
-                                />
-                            </MessageGroup.Messages>
-                        </MessageGroup>
-                    ))}
-                </MessageList>
-
-                <MessageInput placeholder="Type message here" onSend={handleSend} />
-            </ChatContainer>
-        </MainContainer>
-    );
-};

package/src/components/CustomerSupportChat/CustomerSupportChat.tsx

@@ -1,233 +0,0 @@
-import React, { useEffect, useState } from 'react';
-import { Box, Button, Image, useMediaQuery } from '@chakra-ui/react';
-import { BiConversation } from '@react-icons/all-files/bi/BiConversation.js';
-import { BiMessageDetail } from '@react-icons/all-files/bi/BiMessageDetail.js';
-import { MdKeyboardArrowDown } from '@react-icons/all-files/md/MdKeyboardArrowDown.js';
-import { BsCardText } from '@react-icons/all-files/bs/BsCardText.js';
-import { nanoid } from 'nanoid';
-import { AutoDraft, BasicStorage, ChatProvider } from '@chatscope/use-chat';
-import { ExampleChatService } from '@chatscope/use-chat/dist/examples/index.js';
-import { usePublicMessagesQuery } from 'common/lib/generated/generated.js';
-import { uniqBy } from 'lodash-es';
-import { Chat } from './Chat';
-import { objectId } from '@messenger-box/core';
-
-export const CustomerSupportChat = () => {
-    const [isChat, setIsChat] = useState(false);
-    const [isChatOpen, setIsChatOpen] = useState(false);
-    const [channelMessages, setChannelMessages] = useState([]);
-    const [channelId, setChannelId] = useState<string | null>(null);
-    const [isMobileView, isNonMobileView] = useMediaQuery(['(max-width: 480px)', '(min-width: 480px)']);
-
-    // 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(() => {
-        const storeChannelId = localStorage.getItem('channelId');
-
-        if (!storeChannelId || storeChannelId === 'undefined') {
-            // ID is undefined or not present in localStorage
-            const newId = objectId();
-            localStorage.setItem('channelId', newId);
-            setChannelId(newId);
-        } else {
-            setChannelId(storeChannelId.toString());
-        }
-    }, []);
-
-    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: any) => uniqBy([...oldMessages, msg], ({ id }) => id));
-            });
-        }
-    }, [data, isChat]);
-    const handleChat = () => {
-        setIsChatOpen(true);
-    };
-    const handleChatClick = () => {
-        setIsChat(true);
-    };
-    const chatStorage = new BasicStorage({ groupIdGenerator, messageIdGenerator });
-
-    return (
-        <>
-            {!isChat ? (
-                <Box style={{ position: 'fixed', bottom: '20px', right: '30px', zIndex: '2' }}>
-                    {/* @ts-ignore */}
-                    <Button
-                        background={'#3182ce'}
-                        fontSize={'38px'}
-                        padding={'16px'}
-                        width={'72px'}
-                        height={'72px'}
-                        borderRadius={'50%'}
-                        display={'flex'}
-                        alignItems={'center'}
-                        justifyContent={'center'}
-                        onClick={handleChatClick}
-                    >
-                        <BiConversation />
-                    </Button>
-                </Box>
-            ) : (
-                <Box
-                    style={{
-                        position: 'fixed',
-                        bottom: '20px',
-                        right: '30px',
-                        zIndex: '2',
-                        width: isMobileView ? '80vw' : '25vw',
-                    }}
-                >
-                    <Box textAlign={'left'} marginBottom={'10px'}>
-                        {/* @ts-ignore */}
-                        <Button
-                            background={'#3182ce'}
-                            fontSize={'42px'}
-                            width={'62px'}
-                            height={'62px'}
-                            borderRadius={'50%'}
-                            display={'flex'}
-                            alignItems={'center'}
-                            justifyContent={'center'}
-                            onClick={() => setIsChat(false)}
-                        >
-                            <MdKeyboardArrowDown />
-                        </Button>
-                    </Box>
-
-                    <Box style={{ borderRadius: '20px', background: 'white' }}>
-                        <Box
-                            style={{
-                                display: 'flex',
-                                backgroundColor: '#3182ce',
-                                padding: '20px 30px',
-                                lineHeight: '7vh',
-                                alignItems: 'center',
-                            }}
-                        >
-                            <Box
-                                style={{
-                                    background: '#366c96',
-                                    padding: '10px',
-                                    borderRadius: '54px',
-                                    fontSize: '25px',
-                                }}
-                            >
-                                <BiMessageDetail />
-                            </Box>
-                            <Box style={{ fontWeight: '700', fontSize: '18px', marginLeft: '30px' }}>
-                                Conversation(s)
-                            </Box>
-                        </Box>
-                        <Box
-                            style={{
-                                height: '50vh',
-                                background: '#fafafa',
-                                color: 'black',
-                                display: 'flex',
-                                flexDirection: 'column',
-                                alignContent: 'stretch',
-                                justifyContent: 'space-evenly',
-                                alignItems: 'center',
-                            }}
-                        >
-                            {!isChatOpen && !channelMessages.length ? (
-                                <Box textAlign={'center'}>
-                                    {/* @ts-ignore */}
-                                    <Image
-                                        width={'50%'}
-                                        margin={'auto'}
-                                        src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcThpk_KxVKIRa0_fxwaVgIFcRvTgUem0LbkaA&usqp=CAU"
-                                    />
-                                    <Box textAlign={'center'}> No ongoing Conversation</Box>
-                                    {/* @ts-ignore */}
-                                    <Button
-                                        style={{
-                                            backgroundColor: '#3182ce',
-                                            padding: '22px 26px',
-                                            marginTop: '20px',
-                                            borderRadius: '8px',
-                                            color: 'whitesmoke',
-                                        }}
-                                        leftIcon={<BiMessageDetail fontSize={'22px'} />}
-                                        onClick={handleChat}
-                                    >
-                                        Chat now
-                                    </Button>
-                                </Box>
-                            ) : (
-                                <Box w={'100%'} h={'50vh'}>
-                                    <ChatProvider
-                                        serviceFactory={serviceFactory}
-                                        storage={chatStorage}
-                                        config={{
-                                            typingThrottleTime: 250,
-                                            typingDebounceTime: 900,
-                                            debounceTyping: true,
-                                            autoDraft: AutoDraft.Save | AutoDraft.Restore,
-                                        }}
-                                    >
-                                        <Chat
-                                            user={{ name: 'beeena', avatar: '' }}
-                                            channelId={channelId}
-                                            setChannelMessages={setChannelMessages}
-                                            channelMessages={channelMessages}
-                                        />
-                                    </ChatProvider>
-                                </Box>
-                            )}
-                        </Box>
-                        <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',
-                            }}
-                        >
-                            <Box
-                                style={{
-                                    display: 'flex',
-                                    flexDirection: 'column',
-                                    alignItems: 'center',
-                                }}
-                            >
-                                <BiMessageDetail /> Conversation
-                            </Box>
-                            <Box
-                                style={{
-                                    display: 'flex',
-                                    flexDirection: 'column',
-                                    alignItems: 'center',
-                                }}
-                            >
-                                <BsCardText /> Articles{' '}
-                            </Box>
-                        </Box>
-                    </Box>
-                </Box>
-            )}
-        </>
-    );
-};

package/src/components/CustomerSupportChat/index.ts

@@ -1,2 +0,0 @@
-export * from './Chat';
-export * from './CustomerSupportChat';

package/src/components/index.ts

@@ -1 +0,0 @@
-export { Chat, CustomerSupportChat } from './CustomerSupportChat';

package/src/compute.ts

@@ -1,18 +0,0 @@
-import { getFilteredRoutes } from '@common-stack/client-react/lib/utils/filteredRoutes.js';
-const key = 'chat-box';
-
-const chatBox: any[] = [
-    {
-        path: '/chat',
-        key: key,
-        exact: false,
-        auth: 'optional',
-        extraPermissions: ['*'],
-        component: () => import('./container/chatBoxWithLoader'),
-    },
-];
-
-// get routes
-const filteredRoutes = getFilteredRoutes(chatBox);
-
-export { filteredRoutes };

package/src/config/env-config.ts

@@ -1,8 +0,0 @@
-import { cleanEnv, num, str } from 'envalid';
-import { getEnvironment } from '@common-stack/core';
-
-const env = getEnvironment();
-
-export const config = cleanEnv(env, {
-    LAYOUT_ROOT: str({ default: '/', desc: 'Layout parent route' }),
-});

package/src/config/index.ts

@@ -1 +0,0 @@
-export { config } from './env-config';

package/src/container/chatBoxWithLoader.tsx

@@ -1,35 +0,0 @@
-import * as React from 'react';
-import { ClientContainerService } from '@adminide-stack/core';
-import { matchParentRoute } from '@admin-layout/client/lib/utils/parentRoute.js';
-import { config } from '../config';
-import { CustomerSupportChat } from '../components';
-
-const ChatBoxWithLoader = (props) => {
-    return <CustomerSupportChat />;
-};
-export default ChatBoxWithLoader;
-
-export const loader = ({ context, request }) => {
-    const { routeConfig } = context;
-
-    const parentRoute = matchParentRoute(routeConfig, config.LAYOUT_ROOT);
-
-    return { parentRoute };
-};
-
-export async function clientLoader({ request, params, serverLoader }) {
-    // During client-side navigations, we hit our exposed API endpoints directly
-    const loaderData = await serverLoader();
-    const { apolloState } = loaderData;
-
-    try {
-        const { container } = (window as any).__CLIENT_SERVICE__;
-        const organizationContext = container.get(ClientContainerService.ApolloErrorHandler);
-        organizationContext.hydrate(apolloState);
-    } catch (e) {
-        console.error('Error in client hydrate');
-        console.error(e);
-    }
-
-    return loaderData;
-}

package/src/index.ts

@@ -1,6 +0,0 @@
-import { Feature } from '@common-stack/client-react';
-import chatBox from './module';
-
-export { Chat, CustomerSupportChat } from './components';
-
-export default new Feature(chatBox);

package/src/module.tsx

@@ -1,7 +0,0 @@
-import { Feature } from '@common-stack/client-react';
-import { filteredRoutes } from './compute';
-
-export default new Feature({
-    routeConfig: filteredRoutes,
-    stylesInsert: ['@chatscope/chat-ui-kit-styles/dist/default/styles.min.css'],
-});

package/tsconfig.json

@@ -1,14 +0,0 @@
-{
-  "extends": "../../../tsconfig.json",
-  "compilerOptions": {
-    "rootDir": "./src",
-    "outDir": "lib",
-    "declarationDir": "lib",
-    "declaration": true,
-    "declarationMap": true,
-    "skipLibCheck": true,
-    "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"],
-}

package/webpack.config.js

@@ -1,92 +0,0 @@
-// eslint-disable-next-line import/no-extraneous-dependencies
-const nodeExternals = require('webpack-node-externals');
-// eslint-disable-next-line import/no-extraneous-dependencies
-const webpack = require('webpack');
-const path = require('path');
-
-const webpackOpts = {
-    mode: 'development',
-    entry: {
-        index: './src/index.ts',
-    },
-    target: 'node',
-    output: {
-        path: path.join(__dirname, 'lib'),
-        filename: '[name].js',
-        libraryTarget: 'commonjs2',
-    },
-    resolve: {
-        extensions: [
-            '.js',
-            '.jsx',
-            '.ts',
-            '.tsx',
-            '.graphql',
-            '.graphqls',
-            '.gql',
-            '.native.tsx',
-            '.native.ts',
-            '.json',
-        ],
-    },
-    plugins: [
-        new webpack.LoaderOptionsPlugin({
-            options: {
-                test: /\.tsx?$/,
-                ts: {
-                    compiler: 'typescript',
-                    configFile: 'tsconfig.json',
-                },
-                tslint: {
-                    emitErrors: true,
-                    failOnHint: true,
-                },
-            },
-        }),
-    ],
-    devtool: 'source-map',
-    module: {
-        rules: [
-            {
-                test: /\.(tsx)?$/,
-                use: 'ts-loader',
-            },
-            {
-                test: /\.mjs$/,
-                include: /node_modules/,
-                type: 'javascript/auto',
-            },
-            {
-                test: /\.(gql)$/,
-                exclude: /node_modules/,
-                use: ['graphql-tag/loader'],
-            },
-            {
-                test: /\.graphql?/,
-                exclude: /node_modules/,
-                use: 'raw-loader',
-            },
-            {
-                test: /\.(png|jpg|gif|webp)$/i,
-                use: {
-                    loader: 'url-loader',
-                    options: {
-                        limit: 8192,
-                        name: 'static/media/[name].[hash:8].[ext]',
-                    },
-                },
-            },
-            {
-                test: /\.svg$/,
-                use: ['@svgr/webpack'],
-            },
-            {
-                test: /\.json$/,
-                loader: 'json-loader',
-            },
-        ],
-    },
-    externals: [nodeExternals({ modulesDir: '../../../node_modules' }), nodeExternals()],
-};
-
-module.exports = webpackOpts;