od-support-chat 1.0.29 → 1.0.31
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -230,4 +230,4 @@ import e from"./info.guest.mjs";import{useEffect as t,useRef as n,useState as r}
|
|
|
230
230
|
`,x=i.i`
|
|
231
231
|
width: 25px;
|
|
232
232
|
font-size: calc(5px + 1vmin);
|
|
233
|
-
`,S=`/
|
|
233
|
+
`,S=`/connecting_customer_support.gif`;var C,w,T;const E=`optimizetalk.com:8443`,D=i=>{let a=n(null),[l]=r(window.innerWidth<window.innerHeight&&window.innerWidth<=900),[u]=r(l?100:15),[D,O]=r([]),k=n(),[A,j]=r(!0),[M,N]=r(!1),[P,F]=r(!1),[ae,I]=r(null),[L,R]=r(null),[z,B]=r(),[V,H]=r(),[U,W]=r(!1),[G,K]=r(``),q=n(null),J=n(null),oe=()=>{let e=1e4,t=Math.floor(Math.random()*(9e4-e+1))+e;return console.log(`Random number: `+t),t},se=(e,t)=>{C=new WebSocket(`wss://`+E+`/signal`),C.onopen=function(){console.log(`Websocket connection established`),Z(),le(e,t),$({from:{userName:e,audio:!0,video:!0},type:`text`,data:`ping from `+e}),w=setInterval(()=>{$({from:{userName:e,audio:!0,video:!0},type:`text`,data:`ping from `+e})},45e3),X(e,t),console.log(`WebSocket connection opened to chat room `+G)}},ce=(e,t)=>{F(!0),I(t),console.log(`Params guestName:`+e+`, guestEmail:`+t);var n=L?e:`Guest-`+oe()+`: `+e;R(n),console.log(`Joining : `+n),se(n,t)};function Y(){console.log(`Close the socket`),C!=null&&(console.log(`Send 'leave' message to server for session `+z+` accessToken: `+V),$({from:{userName:L,sessionKey:z,audio:!0,video:!0},accessToken:V,type:`leave`,data:i.meetingLinkKey}),C.close())}function le(e,t){C.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`),W(!0),T||ue(e,t)):r.data&&r.data===`valid`&&(clearInterval(T),console.log(`Session key `+r.referenceUsers[0].sessionKey),B(r.referenceUsers[0].sessionKey),console.log(`Session accessToken `+r.accessToken),H(r.accessToken),console.log(`Joined to room `+r.roomDetails.roomName),K(r.roomDetails.roomName));break;case`message`:console.log(`Chat message received from `+r.from.userName),console.log(`Chat message `+r.data),de(),O(e=>[...e,{sender:r.from.userName,msg:r.data}]),Q();break;case`session_expired`:console.log(`Chat session expired!`),F(!1),B(null),H(null),W(!1),Y();break;default:console.log(`Room ignoring message type `+r.type)}}}let ue=(e,t)=>{T=setInterval(()=>{console.log(`Trying to connect customer support team ...`),X(e,t)},1e4)},X=(e,t)=>{$({from:{userName:e,email:t,audio:!1,video:!1},type:`join_meeting`,roomDetails:{roomLinkKey:i.meetingLinkKey},data:i.customerSupportKey}),console.log(`Meeting join request sent for guest `+e+`, meetingLinkKey: `+i.meetingLinkKey+`, customerSupportKey: `+i.customerSupportKey)},de=()=>{J.current.play()};function Z(){C.addEventListener(`close`,e=>{console.log(`websocket connection closed: `,e),clearInterval(w)}),C.onerror=function(e){console.log(`Error: `+e)}}let Q=()=>{a.current?.scrollIntoView({behavior:`smooth`})},fe=e=>{if(e.key===`Enter`){let t=e.target.value;t&&(console.log(`Send 'message' message to server for session `+z+` accessToken: `+V),$({from:{userName:L,sessionKey:z,audio:!0,video:!0},accessToken:V,type:`message`,data:t}),console.log(`Chat message sent `+t),O(e=>[...e,{sender:L,msg:t}]),k.current.value=``)}},pe=()=>{let e=k.current.value;e&&(console.log(`Send 'message' message to server for session `+z+` accessToken: `+V),$({from:{userName:L,sessionKey:z,audio:!0,video:!0},accessToken:V,type:`message`,data:e}),console.log(`Chat message sent `+e),O(t=>[...t,{sender:L,msg:e}]),k.current.value=``,Q())};function $(e){let t=JSON.stringify(e);C.send(t)}function me(){Y(),j(!1),N(!0),B(null),H(null),W(!1)}function he(){C=new WebSocket(`wss://`+E+`/signal`),B(null),H(null),j(!0),N(!1),F(!1),W(!1),I(null),R(null),O([])}return t(()=>{Q()},[D,z]),c(`div`,{children:[!M&&c(d,{displayChat:A,maxWidth:u,children:[c(ee,{children:[s(te,{children:i.title}),s(p,{onClick:()=>me(),className:`text-gray-700`,children:s(`svg`,{width:`60%`,height:`60%`,viewBox:`0 0 24 24`,fill:`none`,xmlns:`http://www.w3.org/2000/svg`,children:s(`path`,{d:`M18 6L6 18M6 6L18 18`,stroke:`orange`,"stroke-width":`4`,"stroke-linecap":`round`,"stroke-linejoin":`round`})})})]}),!P&&!z&&!U&&s(e,{startGuestChat:ce,guestEmail:ae}),P&&!z&&!U&&s(o,{children:c(b,{children:[s(`div`,{className:`text-center mt-5`,children:`Please wait, connecting`}),c(`div`,{className:`flex flex-col items-center `,children:[s(`div`,{children:s(`img`,{className:`mt-1`,src:S,width:`80`})}),s(`div`,{className:`mt-5 text-center bottom-6 font-sm text-sky-400`,children:`contact us at`}),s(`div`,{className:`text-center bottom-0 font-sm text-sky-400`,children:i.supportEmail})]})]})}),P&&!z&&U&&s(o,{children:c(b,{children:[s(`div`,{className:`text-center text-sm`,children:`Our customer support team helping other customers, please wait.`}),s(`div`,{className:`text-center mt-5`,children:`connecting`}),c(`div`,{className:`flex flex-col items-center `,children:[s(`div`,{children:s(`img`,{className:`mt-1`,src:S,width:`80`})}),s(`div`,{className:`mt-5 text-center bottom-6 font-sm text-sky-400`,children:`contact us at`}),s(`div`,{className:`text-center bottom-0 font-sm text-sky-400`,children:i.supportEmail})]})]})}),P&&z&&c(`div`,{children:[s(m,{children:`Live Chat`}),s(ne,{children:c(re,{children:[D&&D.length==0&&c(`div`,{className:`ml-2 text-sm`,children:[` You are connected to our customer support team, `,i.welcomeMessage,` `]}),D&&D.length>0&&c(`div`,{children:[D&&D.map(({sender:e,msg:t},n)=>e===L?c(g,{children:[s(`strong`,{children:L}),s(`p`,{children:t})]},n):c(ie,{children:[s(`strong`,{children:e}),s(`p`,{children:t})]},n)),s(`div`,{style:{float:`left`,clear:`both`},ref:a})]})]})}),c(_,{children:[s(v,{ref:k,onKeyUp:fe,placeholder:`Enter your message`}),c(y,{onClick:pe,children:[s(x,{className:`fas fa-paper-plane`}),`Send`]})]})]}),s(`audio`,{ref:q,src:`/alert-sound.mp3`}),s(`audio`,{ref:J,src:`/ding-small.mp3`})]}),M&&s(f,{className:`cursor-pointer`,onClick:()=>he(),displayChat:A,maxWidth:u,children:c(h,{children:[s(`i`,{className:`bx bx-chat`}),`Live Chat`]})})]})};export{D as default};
|
|
@@ -230,4 +230,4 @@ import e from"./info.guestMobile.mjs";import{useEffect as t,useRef as n,useState
|
|
|
230
230
|
`,x=i.i`
|
|
231
231
|
width: 25px;
|
|
232
232
|
font-size: calc(5px + 1vmin);
|
|
233
|
-
`,S=`/
|
|
233
|
+
`,S=`/connecting_customer_support.gif`;var C,w,T;const E=`optimizetalk.com:8443`,D=i=>{let a=n(null),[l]=r(window.innerWidth<window.innerHeight&&window.innerWidth<=900),[u]=r(l?80:20),[D,O]=r([]),k=n(),[A,j]=r(!0),[M,N]=r(!1),[P,F]=r(!1),[ae,I]=r(null),[L,R]=r(null),[z,B]=r(),[V,H]=r(),[U,W]=r(!1),[G,K]=r(``),q=n(null),J=n(null),oe=()=>{let e=1e4,t=Math.floor(Math.random()*(9e4-e+1))+e;return console.log(`Random number: `+t),t},se=(e,t)=>{C=new WebSocket(`wss://`+E+`/signal`),C.onopen=function(){console.log(`Websocket connection established`),Z(),le(e,t),$({from:{userName:e,audio:!0,video:!0},type:`text`,data:`ping from `+e}),w=setInterval(()=>{$({from:{userName:e,audio:!0,video:!0},type:`text`,data:`ping from `+e})},45e3),X(e,t),console.log(`WebSocket connection opened to chat room `+G)}},ce=(e,t)=>{F(!0),I(t),console.log(`Params guestName:`+e+`, guestEmail:`+t);var n=L?e:`Guest-`+oe()+`: `+e;R(n),console.log(`Joining : `+n),se(n,t)};function Y(){console.log(`Close the socket`),C!=null&&(console.log(`Send 'leave' message to server for session `+z+` accessToken: `+V),$({from:{userName:L,sessionKey:z,audio:!0,video:!0},accessToken:V,type:`leave`,data:i.meetingLinkKey}),C.close())}function le(e,t){C.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`),W(!0),T||ue(e,t)):r.data&&r.data===`valid`&&(clearInterval(T),console.log(`Session key `+r.referenceUsers[0].sessionKey),B(r.referenceUsers[0].sessionKey),console.log(`Session accessToken `+r.accessToken),H(r.accessToken),console.log(`Joined to room `+r.roomDetails.roomName),K(r.roomDetails.roomName));break;case`message`:console.log(`Chat message received from `+r.from.userName),console.log(`Chat message `+r.data),de(),O(e=>[...e,{sender:r.from.userName,msg:r.data}]),Q();break;case`session_expired`:console.log(`Chat session expired!`),F(!1),B(null),H(null),W(!1),Y();break;default:console.log(`Room ignoring message type `+r.type)}}}let ue=(e,t)=>{T=setInterval(()=>{console.log(`Trying to connect customer support team ...`),X(e,t)},1e4)},X=(e,t)=>{$({from:{userName:e,email:t,audio:!1,video:!1},type:`join_meeting`,roomDetails:{roomLinkKey:i.meetingLinkKey},data:i.customerSupportKey}),console.log(`Meeting join request sent for guest `+e+`, meetingLinkKey: `+i.meetingLinkKey+`, customerSupportKey: `+i.customerSupportKey)},de=()=>{J.current.play()};function Z(){C.addEventListener(`close`,e=>{console.log(`websocket connection closed: `,e),clearInterval(w)}),C.onerror=function(e){console.log(`Error: `+e)}}let Q=()=>{a.current?.scrollIntoView({behavior:`smooth`})},fe=e=>{if(e.key===`Enter`){let t=e.target.value;t&&(console.log(`Send 'message' message to server for session `+z+` accessToken: `+V),$({from:{userName:L,sessionKey:z,audio:!0,video:!0},accessToken:V,type:`message`,data:t}),console.log(`Chat message sent `+t),O(e=>[...e,{sender:L,msg:t}]),k.current.value=``)}},pe=()=>{let e=k.current.value;e&&(console.log(`Send 'message' message to server for session `+z+` accessToken: `+V),$({from:{userName:L,sessionKey:z,audio:!0,video:!0},accessToken:V,type:`message`,data:e}),console.log(`Chat message sent `+e),O(t=>[...t,{sender:L,msg:e}]),k.current.value=``,Q())};function $(e){let t=JSON.stringify(e);C.send(t)}function me(){Y(),j(!1),N(!0),B(null),H(null),W(!1)}function he(){C=new WebSocket(`wss://`+E+`/signal`),B(null),H(null),j(!0),N(!1),F(!1),W(!1),I(null),R(null),O([])}return t(()=>{Q()},[D,z]),c(`div`,{children:[!M&&c(d,{displayChat:A,maxWidth:u,children:[c(ee,{children:[s(te,{children:i.title}),s(p,{onClick:()=>me(),className:`text-gray-700`,children:s(`svg`,{width:`60%`,height:`60%`,viewBox:`0 0 24 24`,fill:`none`,xmlns:`http://www.w3.org/2000/svg`,children:s(`path`,{d:`M18 6L6 18M6 6L18 18`,stroke:`orange`,"stroke-width":`4`,"stroke-linecap":`round`,"stroke-linejoin":`round`})})})]}),!P&&!z&&!U&&s(e,{startGuestChat:ce,guestEmail:ae}),P&&!z&&!U&&s(o,{children:c(b,{children:[s(`div`,{className:`text-center mt-5`,children:`Please wait, connecting`}),c(`div`,{className:`flex flex-col items-center `,children:[s(`div`,{children:s(`img`,{className:`mt-5`,src:S,width:`80`})}),s(`div`,{className:`absolute text-center bottom-6 font-sx text-sky-400`,children:`contact us at`}),s(`div`,{className:`absolute text-center bottom-0 font-sx text-sky-400`,children:i.supportEmail})]})]})}),P&&!z&&U&&s(o,{children:c(b,{children:[s(`div`,{className:`text-center`,children:`Our customer support team helping other customers, please wait.`}),s(`div`,{className:`text-center mt-5`,children:`connecting`}),c(`div`,{className:`flex flex-col items-center `,children:[s(`div`,{children:s(`img`,{className:`mt-1`,src:S,width:`80`})}),s(`div`,{className:`mt-5 text-center bottom-6 font-sx text-sky-400`,children:`contact us at`}),s(`div`,{className:`text-center bottom-0 font-sx text-sky-400`,children:i.supportEmail})]})]})}),P&&z&&c(`div`,{children:[s(m,{children:`Live Chat`}),s(ne,{children:c(re,{children:[D&&D.length==0&&c(`div`,{className:`ml-2`,children:[` You are connected to our customer support team, `,i.welcomeMessage,` `]}),D&&D.length>0&&c(`div`,{children:[D&&D.map(({sender:e,msg:t},n)=>e===L?c(g,{children:[s(`strong`,{children:L}),s(`p`,{children:t})]},n):c(ie,{children:[s(`strong`,{children:e}),s(`p`,{children:t})]},n)),s(`div`,{style:{float:`left`,clear:`both`},ref:a})]})]})}),c(_,{children:[s(v,{ref:k,onKeyUp:fe,placeholder:`Enter your message`}),c(y,{onClick:pe,children:[s(x,{className:`fas fa-paper-plane`}),`Send`]})]})]}),s(`audio`,{ref:q,src:`/alert-sound.mp3`}),s(`audio`,{ref:J,src:`/ding-small.mp3`})]}),M&&s(f,{className:`cursor-pointer`,onClick:()=>he(),displayChat:A,maxWidth:u,children:s(h,{children:s(`i`,{className:`bx bx-chat`})})})]})};export{D as default};
|