od-support-chat 1.0.20 → 1.0.21

package/dist/components/chat/chat.d.mts

@@ -1,12 +1,10 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import { FC } from "react";
 
 //#region src/components/chat/chat.d.ts
-declare const Chat: ({
-  meetingLinkKey,
-  customerSupportKey
-}: {
-  meetingLinkKey: any;
-  customerSupportKey: any;
-}) => _$react_jsx_runtime0.JSX.Element;
+interface ChatProps {
+  meetingLinkKey: string;
+  customerSupportKey: string;
+}
+declare const Chat: FC<ChatProps>;
 //#endregion
 export { Chat };

package/dist/components/chat/chat.mjs

@@ -75,7 +75,7 @@ import{__toESM as e}from"../../_virtual/_rolldown/runtime.mjs";import{require_al
   :hover {
     cursor: pointer;
   }
-`,b=s.div`
+`,te=s.div`
   position: absolute;
   text-align: center;
   align-items: center;
@@ -93,7 +93,7 @@ import{__toESM as e}from"../../_virtual/_rolldown/runtime.mjs";import{require_al
   color:  white;
   padding: 5px;
     background-color: rgb(78, 161, 211);
-`,x=s.div`
+`,b=s.div`
   position: absolute;
   text-align: center;
   align-items: center;
@@ -110,7 +110,7 @@ import{__toESM as e}from"../../_virtual/_rolldown/runtime.mjs";import{require_al
   color:  white;
   padding: 10px;
   background-color: rgb(78, 161, 211);
-`,S=s.div`
+`,x=s.div`
   position: absolute;
   top: 80px;
   margin-left: 5px;
@@ -120,13 +120,13 @@ import{__toESM as e}from"../../_virtual/_rolldown/runtime.mjs";import{require_al
   max-height: 83%;
   overflow-x: hidden;
   overflow-y: auto;
-`,C=s.div`
+`,ne=s.div`
   display: flex;
   width: 100%;
   flex-direction: column;
   padding: 15px;
   color: #454552;
-`,te=s.div`
+`,S=s.div`
   width: 100%;
   display: flex;
   flex-direction: column;
@@ -152,7 +152,7 @@ import{__toESM as e}from"../../_virtual/_rolldown/runtime.mjs";import{require_al
     font-size: 12px;
     text-align: left;
   }
-`,ne=s.div`
+`,C=s.div`
   width: 100%;
   display: flex;
   flex-direction: column;
@@ -189,7 +189,7 @@ import{__toESM as e}from"../../_virtual/_rolldown/runtime.mjs";import{require_al
   align-items: center;
   width: 100%;
   gap: 5px;
-`,T=s.input`
+`,re=s.input`
   bottom: 0;
   width: 70%;
   height: 25px;
@@ -203,7 +203,7 @@ import{__toESM as e}from"../../_virtual/_rolldown/runtime.mjs";import{require_al
   :focus {
     outline: none;
   }
-`,re=s.div`
+`,ie=s.div`
   height: 25px;
   outline: none;
   border: none;
@@ -219,7 +219,7 @@ import{__toESM as e}from"../../_virtual/_rolldown/runtime.mjs";import{require_al
   font-size: 1rem;
   font-weight: 500;
   cursor: pointer;
-`,E=s.div`
+`,T=s.div`
   position: absolute;
   top: 80px;
   margin-left: 25px;
@@ -227,7 +227,7 @@ import{__toESM as e}from"../../_virtual/_rolldown/runtime.mjs";import{require_al
   height: 65%;
   width: 83%;
   margin-bottom: 25px;
-`,ie=s.i`
+`,E=s.i`
   width: 25px;
   font-size: calc(5px + 1vmin);
-`;var D,O,k;const A=`optimizetalk.com:8443`,j=({meetingLinkKey:e,customerSupportKey:t})=>{let n=a(null),[s]=o(window.innerWidth<window.innerHeight&&window.innerWidth<=900),[c]=o(s?100:15),[p,m]=o([]),j=a(),[M,N]=o(!0),[P,F]=o(!1),[I,L]=o(!1),[R,z]=o(null),[B,V]=o(null),[H,U]=o(),[W,G]=o(),[K,q]=o(!1),[J,ae]=o(``),oe=a(null),Y=a(null),se=()=>{let e=1e4,t=Math.floor(Math.random()*(9e4-e+1))+e;return console.log(`Random number: `+t),t},ce=(e,t)=>{D=new WebSocket(`wss://`+A+`/signal`),D.onopen=function(){console.log(`Websocket connection established`),pe(),ue(e,t),$({from:{userName:e,audio:!0,video:!0},type:`text`,data:`ping from `+e}),O=setInterval(()=>{$({from:{userName:e,audio:!0,video:!0},type:`text`,data:`ping from `+e})},45e3),Z(e,t),console.log(`WebSocket connection opened to chat room `+J)}},le=(e,t)=>{L(!0),z(t),console.log(`Params guestName:`+e+`, guestEmail:`+t);var n=B?e:`Guest-`+se()+`: `+e;V(n),console.log(`Joining : `+n),ce(n,t)};function X(){console.log(`Close the socket`),D!=null&&(console.log(`Send 'leave' message to server for session `+H+` accessToken: `+W),$({from:{userName:B,sessionKey:H,audio:!0,video:!0},accessToken:W,type:`leave`,data:e}),D.close())}function ue(e,t){D.onmessage=function(n){let r=JSON.parse(n.data);switch(console.log(`Room received type: `+r.type),r.type){case`text`:console.log(`Text message from `+r.from.userName+` received: `+r.data);break;case`join_meeting`:console.log(`Main message `+r.data),r.data&&r.data===`busy`?(console.log(`Customer support is busy`),q(!0),k||de(e,t)):r.data&&r.data===`valid`&&(clearInterval(k),console.log(`Session key `+r.referenceUsers[0].sessionKey),U(r.referenceUsers[0].sessionKey),console.log(`Session accessToken `+r.accessToken),G(r.accessToken),console.log(`Joined to room `+r.roomDetails.roomName),ae(r.roomDetails.roomName));break;case`message`:console.log(`Chat message received from `+r.from.userName),console.log(`Chat message `+r.data),fe(),m(e=>[...e,{sender:r.from.userName,msg:r.data}]),Q();break;case`session_expired`:console.log(`Chat session expired!`),L(!1),U(null),G(null),q(!1),X();break;default:console.log(`Room ignoring message type `+r.type)}}}let de=(e,t)=>{k=setInterval(()=>{console.log(`Trying to connect customer support team ...`),Z(e,t)},1e4)},Z=(n,r)=>{$({from:{userName:n,email:r,audio:!1,video:!1},type:`join_meeting`,roomDetails:{roomLinkKey:e},data:t}),console.log(`Meeting join request sent for guest `+n+`, meetingLinkKey: `+e+`, customerSupportKey: `+t)},fe=()=>{Y.current.play()};function pe(){D.addEventListener(`close`,e=>{console.log(`websocket connection closed: `,e),clearInterval(O)}),D.onerror=function(e){console.log(`Error: `+e)}}let Q=()=>{n.current?.scrollIntoView({behavior:`smooth`})},me=e=>{if(e.key===`Enter`){let t=e.target.value;t&&(console.log(`Send 'message' message to server for session `+H+` accessToken: `+W),$({from:{userName:B,sessionKey:H,audio:!0,video:!0},accessToken:W,type:`message`,data:t}),console.log(`Chat message sent `+t),m(e=>[...e,{sender:B,msg:t}]),j.current.value=``)}},he=()=>{let e=j.current.value;e&&(console.log(`Send 'message' message to server for session `+H+` accessToken: `+W),$({from:{userName:B,sessionKey:H,audio:!0,video:!0},accessToken:W,type:`message`,data:e}),console.log(`Chat message sent `+e),m(t=>[...t,{sender:B,msg:e}]),j.current.value=``,Q())};function $(e){let t=JSON.stringify(e);D.send(t)}function ge(){X(),N(!1),F(!0),U(null),G(null),q(!1)}function _e(){D=new WebSocket(`wss://`+A+`/signal`),U(null),G(null),N(!0),F(!1),L(!1),q(!1),z(null),V(null),m([])}return i(()=>{Q()},[p,H]),d(`div`,{children:[!P&&d(h,{displayChat:M,maxWidth:c,children:[d(_,{children:[u(v,{children:`OD Customer Support`}),u(y,{onClick:()=>ge(),className:`text-gray-700`,children:u(`svg`,{width:`60%`,height:`60%`,viewBox:`0 0 24 24`,fill:`none`,xmlns:`http://www.w3.org/2000/svg`,children:u(`path`,{d:`M18 6L6 18M6 6L18 18`,stroke:`orange`,"stroke-width":`4`,"stroke-linecap":`round`,"stroke-linejoin":`round`})})})]}),!I&&!H&&!K&&u(r,{startGuestChat:le,guestEmail:R}),I&&!H&&!K&&u(l,{children:d(E,{children:[u(`div`,{className:`text-center mt-5`,children:`Please wait, connecting`}),d(`div`,{className:`flex flex-col items-center `,children:[u(`div`,{children:u(`img`,{className:`mt-5`,src:`/connecting_customer_support.gif`,width:`80`})}),u(`div`,{className:`absolute text-center bottom-6 font-sm text-sky-400`,children:`contact us at`}),u(`div`,{className:`absolute text-center bottom-0 font-sm text-sky-400`,children:`support@origindetector.com.`})]})]})}),I&&!H&&K&&u(l,{children:d(E,{children:[u(`div`,{className:`text-center text-sm`,children:`Our customer support team helping other customers, please wait.`}),u(`div`,{className:`text-center mt-5`,children:`connecting`}),d(`div`,{className:`flex flex-col items-center `,children:[u(`div`,{children:u(`img`,{className:`mt-5`,src:`/connecting_customer_support.gif`,width:`80`})}),u(`div`,{className:`absolute text-center bottom-6 font-sm text-sky-400`,children:`contact us at`}),u(`div`,{className:`absolute text-center bottom-0 font-sm text-sky-400`,children:`support@origindetector.com`})]})]})}),I&&H&&d(`div`,{children:[u(b,{children:`Live Chat`}),u(S,{children:d(C,{children:[p&&p.length==0&&u(`div`,{className:`ml-2 text-sm`,children:` You are connected to our customer support team, how can we help you today? `}),p&&p.length>0&&d(`div`,{children:[p&&p.map(({sender:e,msg:t},n)=>e===B?d(ne,{children:[u(`strong`,{children:B}),u(`p`,{children:t})]},n):d(te,{children:[u(`strong`,{children:e}),u(`p`,{children:t})]},n)),u(`div`,{style:{float:`left`,clear:`both`},ref:n})]})]})}),d(w,{children:[u(T,{ref:j,onKeyUp:me,placeholder:`Enter your message`}),d(re,{onClick:he,children:[u(ie,{className:`fas fa-paper-plane`}),`Send`]})]})]}),u(`audio`,{ref:oe,src:f.default}),u(`audio`,{ref:Y,src:ee.default})]}),P&&u(g,{className:`cursor-pointer`,onClick:()=>_e(),displayChat:M,maxWidth:c,children:d(x,{children:[u(`i`,{className:`bx bx-chat`}),`Live Chat`]})})]})};export{j as default};
+`;var D,O,k;const A=`optimizetalk.com:8443`,j=e=>{let t=a(null),[n]=o(window.innerWidth<window.innerHeight&&window.innerWidth<=900),[s]=o(n?100:15),[c,p]=o([]),m=a(),[j,M]=o(!0),[N,P]=o(!1),[F,I]=o(!1),[L,R]=o(null),[z,B]=o(null),[V,H]=o(),[U,W]=o(),[G,K]=o(!1),[q,J]=o(``),ae=a(null),Y=a(null),oe=()=>{let e=1e4,t=Math.floor(Math.random()*(9e4-e+1))+e;return console.log(`Random number: `+t),t},se=(e,t)=>{D=new WebSocket(`wss://`+A+`/signal`),D.onopen=function(){console.log(`Websocket connection established`),fe(),le(e,t),$({from:{userName:e,audio:!0,video:!0},type:`text`,data:`ping from `+e}),O=setInterval(()=>{$({from:{userName:e,audio:!0,video:!0},type:`text`,data:`ping from `+e})},45e3),Z(e,t),console.log(`WebSocket connection opened to chat room `+q)}},ce=(e,t)=>{I(!0),R(t),console.log(`Params guestName:`+e+`, guestEmail:`+t);var n=z?e:`Guest-`+oe()+`: `+e;B(n),console.log(`Joining : `+n),se(n,t)};function X(){console.log(`Close the socket`),D!=null&&(console.log(`Send 'leave' message to server for session `+V+` accessToken: `+U),$({from:{userName:z,sessionKey:V,audio:!0,video:!0},accessToken:U,type:`leave`,data:e.meetingLinkKey}),D.close())}function le(e,t){D.onmessage=function(n){let r=JSON.parse(n.data);switch(console.log(`Room received type: `+r.type),r.type){case`text`:console.log(`Text message from `+r.from.userName+` received: `+r.data);break;case`join_meeting`:console.log(`Main message `+r.data),r.data&&r.data===`busy`?(console.log(`Customer support is busy`),K(!0),k||ue(e,t)):r.data&&r.data===`valid`&&(clearInterval(k),console.log(`Session key `+r.referenceUsers[0].sessionKey),H(r.referenceUsers[0].sessionKey),console.log(`Session accessToken `+r.accessToken),W(r.accessToken),console.log(`Joined to room `+r.roomDetails.roomName),J(r.roomDetails.roomName));break;case`message`:console.log(`Chat message received from `+r.from.userName),console.log(`Chat message `+r.data),de(),p(e=>[...e,{sender:r.from.userName,msg:r.data}]),Q();break;case`session_expired`:console.log(`Chat session expired!`),I(!1),H(null),W(null),K(!1),X();break;default:console.log(`Room ignoring message type `+r.type)}}}let ue=(e,t)=>{k=setInterval(()=>{console.log(`Trying to connect customer support team ...`),Z(e,t)},1e4)},Z=(t,n)=>{$({from:{userName:t,email:n,audio:!1,video:!1},type:`join_meeting`,roomDetails:{roomLinkKey:e.meetingLinkKey},data:e.customerSupportKey}),console.log(`Meeting join request sent for guest `+t+`, meetingLinkKey: `+e.meetingLinkKey+`, customerSupportKey: `+e.customerSupportKey)},de=()=>{Y.current.play()};function fe(){D.addEventListener(`close`,e=>{console.log(`websocket connection closed: `,e),clearInterval(O)}),D.onerror=function(e){console.log(`Error: `+e)}}let Q=()=>{t.current?.scrollIntoView({behavior:`smooth`})},pe=e=>{if(e.key===`Enter`){let t=e.target.value;t&&(console.log(`Send 'message' message to server for session `+V+` accessToken: `+U),$({from:{userName:z,sessionKey:V,audio:!0,video:!0},accessToken:U,type:`message`,data:t}),console.log(`Chat message sent `+t),p(e=>[...e,{sender:z,msg:t}]),m.current.value=``)}},me=()=>{let e=m.current.value;e&&(console.log(`Send 'message' message to server for session `+V+` accessToken: `+U),$({from:{userName:z,sessionKey:V,audio:!0,video:!0},accessToken:U,type:`message`,data:e}),console.log(`Chat message sent `+e),p(t=>[...t,{sender:z,msg:e}]),m.current.value=``,Q())};function $(e){let t=JSON.stringify(e);D.send(t)}function he(){X(),M(!1),P(!0),H(null),W(null),K(!1)}function ge(){D=new WebSocket(`wss://`+A+`/signal`),H(null),W(null),M(!0),P(!1),I(!1),K(!1),R(null),B(null),p([])}return i(()=>{Q()},[c,V]),d(`div`,{children:[!N&&d(h,{displayChat:j,maxWidth:s,children:[d(_,{children:[u(v,{children:`OD Customer Support`}),u(y,{onClick:()=>he(),className:`text-gray-700`,children:u(`svg`,{width:`60%`,height:`60%`,viewBox:`0 0 24 24`,fill:`none`,xmlns:`http://www.w3.org/2000/svg`,children:u(`path`,{d:`M18 6L6 18M6 6L18 18`,stroke:`orange`,"stroke-width":`4`,"stroke-linecap":`round`,"stroke-linejoin":`round`})})})]}),!F&&!V&&!G&&u(r,{startGuestChat:ce,guestEmail:L}),F&&!V&&!G&&u(l,{children:d(T,{children:[u(`div`,{className:`text-center mt-5`,children:`Please wait, connecting`}),d(`div`,{className:`flex flex-col items-center `,children:[u(`div`,{children:u(`img`,{className:`mt-5`,src:`/connecting_customer_support.gif`,width:`80`})}),u(`div`,{className:`absolute text-center bottom-6 font-sm text-sky-400`,children:`contact us at`}),u(`div`,{className:`absolute text-center bottom-0 font-sm text-sky-400`,children:`support@origindetector.com.`})]})]})}),F&&!V&&G&&u(l,{children:d(T,{children:[u(`div`,{className:`text-center text-sm`,children:`Our customer support team helping other customers, please wait.`}),u(`div`,{className:`text-center mt-5`,children:`connecting`}),d(`div`,{className:`flex flex-col items-center `,children:[u(`div`,{children:u(`img`,{className:`mt-5`,src:`/connecting_customer_support.gif`,width:`80`})}),u(`div`,{className:`absolute text-center bottom-6 font-sm text-sky-400`,children:`contact us at`}),u(`div`,{className:`absolute text-center bottom-0 font-sm text-sky-400`,children:`support@origindetector.com`})]})]})}),F&&V&&d(`div`,{children:[u(te,{children:`Live Chat`}),u(x,{children:d(ne,{children:[c&&c.length==0&&u(`div`,{className:`ml-2 text-sm`,children:` You are connected to our customer support team, how can we help you today? `}),c&&c.length>0&&d(`div`,{children:[c&&c.map(({sender:e,msg:t},n)=>e===z?d(C,{children:[u(`strong`,{children:z}),u(`p`,{children:t})]},n):d(S,{children:[u(`strong`,{children:e}),u(`p`,{children:t})]},n)),u(`div`,{style:{float:`left`,clear:`both`},ref:t})]})]})}),d(w,{children:[u(re,{ref:m,onKeyUp:pe,placeholder:`Enter your message`}),d(ie,{onClick:me,children:[u(E,{className:`fas fa-paper-plane`}),`Send`]})]})]}),u(`audio`,{ref:ae,src:f.default}),u(`audio`,{ref:Y,src:ee.default})]}),N&&u(g,{className:`cursor-pointer`,onClick:()=>ge(),displayChat:j,maxWidth:s,children:d(b,{children:[u(`i`,{className:`bx bx-chat`}),`Live Chat`]})})]})};export{j as default};

package/dist/components/chat/chatMobile.d.mts

@@ -1,12 +1,10 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import { FC } from "react";
 
 //#region src/components/chat/chatMobile.d.ts
-declare const ChatMobile: ({
-  meetingLinkKey,
-  customerSupportKey
-}: {
-  meetingLinkKey: any;
-  customerSupportKey: any;
-}) => _$react_jsx_runtime0.JSX.Element;
+interface ChatProps {
+  meetingLinkKey: string;
+  customerSupportKey: string;
+}
+declare const ChatMobile: FC<ChatProps>;
 //#endregion
 export { ChatMobile };

package/dist/components/chat/chatMobile.mjs

@@ -75,7 +75,7 @@ import{__toESM as e}from"../../_virtual/_rolldown/runtime.mjs";import t from"./i
   :hover {
     cursor: pointer;
   }
-`,b=s.div`
+`,te=s.div`
   position: absolute;
   text-align: center;
   align-items: center;
@@ -93,7 +93,7 @@ import{__toESM as e}from"../../_virtual/_rolldown/runtime.mjs";import t from"./i
   color:  white;
   padding: 5px;
     background-color: rgb(78, 161, 211);
-`,x=s.div`
+`,b=s.div`
   position: absolute;
   text-align: center;
   align-items: center;
@@ -110,7 +110,7 @@ import{__toESM as e}from"../../_virtual/_rolldown/runtime.mjs";import t from"./i
   color:  white;
   padding: 10px;
   background-color: rgb(78, 161, 211);
-`,S=s.div`
+`,x=s.div`
   position: absolute;
   top: 80px;
   margin-left: 5px;
@@ -120,13 +120,13 @@ import{__toESM as e}from"../../_virtual/_rolldown/runtime.mjs";import t from"./i
   max-height: 83%;
   overflow-x: hidden;
   overflow-y: auto;
-`,C=s.div`
+`,ne=s.div`
   display: flex;
   width: 100%;
   flex-direction: column;
   padding: 15px;
   color: #454552;
-`,te=s.div`
+`,S=s.div`
   width: 100%;
   display: flex;
   flex-direction: column;
@@ -152,7 +152,7 @@ import{__toESM as e}from"../../_virtual/_rolldown/runtime.mjs";import t from"./i
     font-size: 12px;
     text-align: left;
   }
-`,ne=s.div`
+`,C=s.div`
   width: 100%;
   display: flex;
   flex-direction: column;
@@ -189,7 +189,7 @@ import{__toESM as e}from"../../_virtual/_rolldown/runtime.mjs";import t from"./i
   align-items: center;
   width: 100%;
   gap: 5px;
-`,T=s.input`
+`,re=s.input`
   bottom: 0;
   width: 70%;
   height: 25px;
@@ -203,7 +203,7 @@ import{__toESM as e}from"../../_virtual/_rolldown/runtime.mjs";import t from"./i
   :focus {
     outline: none;
   }
-`,re=s.div`
+`,ie=s.div`
   height: 25px;
   outline: none;
   border: none;
@@ -219,7 +219,7 @@ import{__toESM as e}from"../../_virtual/_rolldown/runtime.mjs";import t from"./i
   font-size: 1rem;
   font-weight: 500;
   cursor: pointer;
-`,E=s.div`
+`,T=s.div`
   position: absolute;
   top: 80px;
   margin-left: 25px;
@@ -227,7 +227,7 @@ import{__toESM as e}from"../../_virtual/_rolldown/runtime.mjs";import t from"./i
   height: 65%;
   width: 83%;
   margin-bottom: 25px;
-`,ie=s.i`
+`,E=s.i`
   width: 25px;
   font-size: calc(5px + 1vmin);
-`;var D,O,k;const A=`optimizetalk.com:8443`,j=({meetingLinkKey:e,customerSupportKey:n})=>{let r=a(null),[s]=o(window.innerWidth<window.innerHeight&&window.innerWidth<=900),[c]=o(s?80:20),[p,m]=o([]),j=a(),[M,N]=o(!0),[P,F]=o(!1),[I,L]=o(!1),[R,z]=o(null),[B,V]=o(null),[H,U]=o(),[W,G]=o(),[K,q]=o(!1),[J,ae]=o(``),oe=a(null),Y=a(null),se=()=>{let e=1e4,t=Math.floor(Math.random()*(9e4-e+1))+e;return console.log(`Random number: `+t),t},ce=(e,t)=>{D=new WebSocket(`wss://`+A+`/signal`),D.onopen=function(){console.log(`Websocket connection established`),pe(),ue(e,t),$({from:{userName:e,audio:!0,video:!0},type:`text`,data:`ping from `+e}),O=setInterval(()=>{$({from:{userName:e,audio:!0,video:!0},type:`text`,data:`ping from `+e})},45e3),Z(e,t),console.log(`WebSocket connection opened to chat room `+J)}},le=(e,t)=>{L(!0),z(t),console.log(`Params guestName:`+e+`, guestEmail:`+t);var n=B?e:`Guest-`+se()+`: `+e;V(n),console.log(`Joining : `+n),ce(n,t)};function X(){console.log(`Close the socket`),D!=null&&(console.log(`Send 'leave' message to server for session `+H+` accessToken: `+W),$({from:{userName:B,sessionKey:H,audio:!0,video:!0},accessToken:W,type:`leave`,data:e}),D.close())}function ue(e,t){D.onmessage=function(n){let r=JSON.parse(n.data);switch(console.log(`Room received type: `+r.type),r.type){case`text`:console.log(`Text message from `+r.from.userName+` received: `+r.data);break;case`join_meeting`:console.log(`Main message `+r.data),r.data&&r.data===`busy`?(console.log(`Customer support is busy`),q(!0),k||de(e,t)):r.data&&r.data===`valid`&&(clearInterval(k),console.log(`Session key `+r.referenceUsers[0].sessionKey),U(r.referenceUsers[0].sessionKey),console.log(`Session accessToken `+r.accessToken),G(r.accessToken),console.log(`Joined to room `+r.roomDetails.roomName),ae(r.roomDetails.roomName));break;case`message`:console.log(`Chat message received from `+r.from.userName),console.log(`Chat message `+r.data),fe(),m(e=>[...e,{sender:r.from.userName,msg:r.data}]),Q();break;case`session_expired`:console.log(`Chat session expired!`),L(!1),U(null),G(null),q(!1),X();break;default:console.log(`Room ignoring message type `+r.type)}}}let de=(e,t)=>{k=setInterval(()=>{console.log(`Trying to connect customer support team ...`),Z(e,t)},1e4)},Z=(t,r)=>{$({from:{userName:t,email:r,audio:!1,video:!1},type:`join_meeting`,roomDetails:{roomLinkKey:e},data:n}),console.log(`Meeting join request sent for guest `+t)},fe=()=>{Y.current.play()};function pe(){D.addEventListener(`close`,e=>{console.log(`websocket connection closed: `,e),clearInterval(O)}),D.onerror=function(e){console.log(`Error: `+e)}}let Q=()=>{r.current?.scrollIntoView({behavior:`smooth`})},me=e=>{if(e.key===`Enter`){let t=e.target.value;t&&(console.log(`Send 'message' message to server for session `+H+` accessToken: `+W),$({from:{userName:B,sessionKey:H,audio:!0,video:!0},accessToken:W,type:`message`,data:t}),console.log(`Chat message sent `+t),m(e=>[...e,{sender:B,msg:t}]),j.current.value=``)}},he=()=>{let e=j.current.value;e&&(console.log(`Send 'message' message to server for session `+H+` accessToken: `+W),$({from:{userName:B,sessionKey:H,audio:!0,video:!0},accessToken:W,type:`message`,data:e}),console.log(`Chat message sent `+e),m(t=>[...t,{sender:B,msg:e}]),j.current.value=``,Q())};function $(e){let t=JSON.stringify(e);D.send(t)}function ge(){X(),N(!1),F(!0),U(null),G(null),q(!1)}function _e(){D=new WebSocket(`wss://`+A+`/signal`),U(null),G(null),N(!0),F(!1),L(!1),q(!1),z(null),V(null),m([])}return i(()=>{Q()},[p,H]),d(`div`,{children:[!P&&d(h,{displayChat:M,maxWidth:c,children:[d(_,{children:[u(v,{children:`OD Customer Support`}),u(y,{onClick:()=>ge(),className:`text-gray-700`,children:u(`svg`,{width:`60%`,height:`60%`,viewBox:`0 0 24 24`,fill:`none`,xmlns:`http://www.w3.org/2000/svg`,children:u(`path`,{d:`M18 6L6 18M6 6L18 18`,stroke:`orange`,"stroke-width":`4`,"stroke-linecap":`round`,"stroke-linejoin":`round`})})})]}),!I&&!H&&!K&&u(t,{startGuestChat:le,guestEmail:R}),I&&!H&&!K&&u(l,{children:d(E,{children:[u(`div`,{className:`text-center mt-5`,children:`Please wait, connecting`}),d(`div`,{className:`flex flex-col items-center `,children:[u(`div`,{children:u(`img`,{className:`mt-5`,src:`/connecting_customer_support.gif`,width:`80`})}),u(`div`,{className:`absolute text-center bottom-6 font-sx text-sky-400`,children:`contact us at`}),u(`div`,{className:`absolute text-center bottom-0 font-sx text-sky-400`,children:`support@origindetector.com.`})]})]})}),I&&!H&&K&&u(l,{children:d(E,{children:[u(`div`,{className:`text-center`,children:`Our customer support team helping other customers, please wait.`}),u(`div`,{className:`text-center mt-5`,children:`connecting`}),d(`div`,{className:`flex flex-col items-center `,children:[u(`div`,{children:u(`img`,{className:`mt-5`,src:`/connecting_customer_support.gif`,width:`80`})}),u(`div`,{className:`absolute text-center bottom-6 font-sx text-sky-400`,children:`contact us at`}),u(`div`,{className:`absolute text-center bottom-0 font-sx text-sky-400`,children:`support@origindetector.com.`})]})]})}),I&&H&&d(`div`,{children:[u(b,{children:`Live Chat`}),u(S,{children:d(C,{children:[p&&p.length==0&&u(`div`,{className:`ml-2`,children:` You are connected to our customer support team, how can we help you today? `}),p&&p.length>0&&d(`div`,{children:[p&&p.map(({sender:e,msg:t},n)=>e===B?d(ne,{children:[u(`strong`,{children:B}),u(`p`,{children:t})]},n):d(te,{children:[u(`strong`,{children:e}),u(`p`,{children:t})]},n)),u(`div`,{style:{float:`left`,clear:`both`},ref:r})]})]})}),d(w,{children:[u(T,{ref:j,onKeyUp:me,placeholder:`Enter your message`}),d(re,{onClick:he,children:[u(ie,{className:`fas fa-paper-plane`}),`Send`]})]})]}),u(`audio`,{ref:oe,src:f.default}),u(`audio`,{ref:Y,src:ee.default})]}),P&&u(g,{className:`cursor-pointer`,onClick:()=>_e(),displayChat:M,maxWidth:c,children:u(x,{children:u(`i`,{className:`bx bx-chat`})})})]})};export{j as default};
+`;var D,O,k;const A=`optimizetalk.com:8443`,j=e=>{let n=a(null),[r]=o(window.innerWidth<window.innerHeight&&window.innerWidth<=900),[s]=o(r?80:20),[c,p]=o([]),m=a(),[j,M]=o(!0),[N,P]=o(!1),[F,I]=o(!1),[L,R]=o(null),[z,B]=o(null),[V,H]=o(),[U,W]=o(),[G,K]=o(!1),[q,J]=o(``),ae=a(null),Y=a(null),oe=()=>{let e=1e4,t=Math.floor(Math.random()*(9e4-e+1))+e;return console.log(`Random number: `+t),t},se=(e,t)=>{D=new WebSocket(`wss://`+A+`/signal`),D.onopen=function(){console.log(`Websocket connection established`),fe(),le(e,t),$({from:{userName:e,audio:!0,video:!0},type:`text`,data:`ping from `+e}),O=setInterval(()=>{$({from:{userName:e,audio:!0,video:!0},type:`text`,data:`ping from `+e})},45e3),Z(e,t),console.log(`WebSocket connection opened to chat room `+q)}},ce=(e,t)=>{I(!0),R(t),console.log(`Params guestName:`+e+`, guestEmail:`+t);var n=z?e:`Guest-`+oe()+`: `+e;B(n),console.log(`Joining : `+n),se(n,t)};function X(){console.log(`Close the socket`),D!=null&&(console.log(`Send 'leave' message to server for session `+V+` accessToken: `+U),$({from:{userName:z,sessionKey:V,audio:!0,video:!0},accessToken:U,type:`leave`,data:e.meetingLinkKey}),D.close())}function le(e,t){D.onmessage=function(n){let r=JSON.parse(n.data);switch(console.log(`Room received type: `+r.type),r.type){case`text`:console.log(`Text message from `+r.from.userName+` received: `+r.data);break;case`join_meeting`:console.log(`Main message `+r.data),r.data&&r.data===`busy`?(console.log(`Customer support is busy`),K(!0),k||ue(e,t)):r.data&&r.data===`valid`&&(clearInterval(k),console.log(`Session key `+r.referenceUsers[0].sessionKey),H(r.referenceUsers[0].sessionKey),console.log(`Session accessToken `+r.accessToken),W(r.accessToken),console.log(`Joined to room `+r.roomDetails.roomName),J(r.roomDetails.roomName));break;case`message`:console.log(`Chat message received from `+r.from.userName),console.log(`Chat message `+r.data),de(),p(e=>[...e,{sender:r.from.userName,msg:r.data}]),Q();break;case`session_expired`:console.log(`Chat session expired!`),I(!1),H(null),W(null),K(!1),X();break;default:console.log(`Room ignoring message type `+r.type)}}}let ue=(e,t)=>{k=setInterval(()=>{console.log(`Trying to connect customer support team ...`),Z(e,t)},1e4)},Z=(t,n)=>{$({from:{userName:t,email:n,audio:!1,video:!1},type:`join_meeting`,roomDetails:{roomLinkKey:e.meetingLinkKey},data:e.customerSupportKey}),console.log(`Meeting join request sent for guest `+t+`, meetingLinkKey: `+e.meetingLinkKey+`, customerSupportKey: `+e.customerSupportKey)},de=()=>{Y.current.play()};function fe(){D.addEventListener(`close`,e=>{console.log(`websocket connection closed: `,e),clearInterval(O)}),D.onerror=function(e){console.log(`Error: `+e)}}let Q=()=>{n.current?.scrollIntoView({behavior:`smooth`})},pe=e=>{if(e.key===`Enter`){let t=e.target.value;t&&(console.log(`Send 'message' message to server for session `+V+` accessToken: `+U),$({from:{userName:z,sessionKey:V,audio:!0,video:!0},accessToken:U,type:`message`,data:t}),console.log(`Chat message sent `+t),p(e=>[...e,{sender:z,msg:t}]),m.current.value=``)}},me=()=>{let e=m.current.value;e&&(console.log(`Send 'message' message to server for session `+V+` accessToken: `+U),$({from:{userName:z,sessionKey:V,audio:!0,video:!0},accessToken:U,type:`message`,data:e}),console.log(`Chat message sent `+e),p(t=>[...t,{sender:z,msg:e}]),m.current.value=``,Q())};function $(e){let t=JSON.stringify(e);D.send(t)}function he(){X(),M(!1),P(!0),H(null),W(null),K(!1)}function ge(){D=new WebSocket(`wss://`+A+`/signal`),H(null),W(null),M(!0),P(!1),I(!1),K(!1),R(null),B(null),p([])}return i(()=>{Q()},[c,V]),d(`div`,{children:[!N&&d(h,{displayChat:j,maxWidth:s,children:[d(_,{children:[u(v,{children:`OD Customer Support`}),u(y,{onClick:()=>he(),className:`text-gray-700`,children:u(`svg`,{width:`60%`,height:`60%`,viewBox:`0 0 24 24`,fill:`none`,xmlns:`http://www.w3.org/2000/svg`,children:u(`path`,{d:`M18 6L6 18M6 6L18 18`,stroke:`orange`,"stroke-width":`4`,"stroke-linecap":`round`,"stroke-linejoin":`round`})})})]}),!F&&!V&&!G&&u(t,{startGuestChat:ce,guestEmail:L}),F&&!V&&!G&&u(l,{children:d(T,{children:[u(`div`,{className:`text-center mt-5`,children:`Please wait, connecting`}),d(`div`,{className:`flex flex-col items-center `,children:[u(`div`,{children:u(`img`,{className:`mt-5`,src:`/connecting_customer_support.gif`,width:`80`})}),u(`div`,{className:`absolute text-center bottom-6 font-sx text-sky-400`,children:`contact us at`}),u(`div`,{className:`absolute text-center bottom-0 font-sx text-sky-400`,children:`support@origindetector.com.`})]})]})}),F&&!V&&G&&u(l,{children:d(T,{children:[u(`div`,{className:`text-center`,children:`Our customer support team helping other customers, please wait.`}),u(`div`,{className:`text-center mt-5`,children:`connecting`}),d(`div`,{className:`flex flex-col items-center `,children:[u(`div`,{children:u(`img`,{className:`mt-5`,src:`/connecting_customer_support.gif`,width:`80`})}),u(`div`,{className:`absolute text-center bottom-6 font-sx text-sky-400`,children:`contact us at`}),u(`div`,{className:`absolute text-center bottom-0 font-sx text-sky-400`,children:`support@origindetector.com.`})]})]})}),F&&V&&d(`div`,{children:[u(te,{children:`Live Chat`}),u(x,{children:d(ne,{children:[c&&c.length==0&&u(`div`,{className:`ml-2`,children:` You are connected to our customer support team, how can we help you today? `}),c&&c.length>0&&d(`div`,{children:[c&&c.map(({sender:e,msg:t},n)=>e===z?d(C,{children:[u(`strong`,{children:z}),u(`p`,{children:t})]},n):d(S,{children:[u(`strong`,{children:e}),u(`p`,{children:t})]},n)),u(`div`,{style:{float:`left`,clear:`both`},ref:n})]})]})}),d(w,{children:[u(re,{ref:m,onKeyUp:pe,placeholder:`Enter your message`}),d(ie,{onClick:me,children:[u(E,{className:`fas fa-paper-plane`}),`Send`]})]})]}),u(`audio`,{ref:ae,src:f.default}),u(`audio`,{ref:Y,src:ee.default})]}),N&&u(g,{className:`cursor-pointer`,onClick:()=>ge(),displayChat:j,maxWidth:s,children:u(b,{children:u(`i`,{className:`bx bx-chat`})})})]})};export{j as default};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "od-support-chat",
   "private": false,
-  "version": "1.0.20",
+  "version": "1.0.21",
   "type": "module",
   "types": "./dist/index.d.ts",
   "exports": {