od-support-chat 1.0.9 → 1.0.10

package/package.json

@@ -1,20 +1,16 @@
 {
   "name": "od-support-chat",
   "private": false,
-  "version": "1.0.9",
+  "version": "1.0.10",
   "type": "module",
-  "main": "./dist/index.cjs",
-  "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
+  "exports": {
+    ".": "./dist/index.mjs",
+    "./package.json": "./package.json"
+  },
   "scripts": {
     "build": "tsdown"
   },
-  "exports": {
-    ".": {
-      "import": "./dist/index.js",
-      "require": "./dist/index.cjs"
-    }
-  },
   "peerDependencies": {
     "@types/react": "^18.0.17",
     "@types/react-dom": "^18.0.6",
@@ -35,6 +31,7 @@
     "typescript": "^6.0.2",
     "vite": "^3.1.0"
   },
-
-  "files": ["dist"]
+  "files": [
+    "dist"
+  ]
 }

package/dist/_virtual/_rolldown/runtime.cjs

@@ -1 +0,0 @@
-var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(e,i,o,s)=>{if(i&&typeof i==`object`||typeof i==`function`)for(var c=r(i),l=0,u=c.length,d;l<u;l++)d=c[l],!a.call(e,d)&&d!==o&&t(e,d,{get:(e=>i[e]).bind(null,d),enumerable:!(s=n(i,d))||s.enumerable});return e},s=(n,r,a)=>(a=n==null?{}:e(i(n)),o(r||!n||!n.__esModule?t(a,`default`,{value:n,enumerable:!0}):a,n));exports.__toESM=s;

package/dist/components/chat/chat.cjs

@@ -1,233 +0,0 @@
-const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`./info.guest.cjs`);let n=require(`react`);n=e.__toESM(n);let r=require(`styled-components`);r=e.__toESM(r);const i=r.keyframes`
-  from {
-    opacity: 0;
-    transform: translateY(20px);
-  }
-  to {
-    opacity: 1;
-    transform: translateY(0);
-  }
-`,a=r.keyframes`
-  from {
-    opacity: 1;
-    transform: translateY(0);
-  }
-  to {
-    opacity: 0;
-    transform: translateY(20px);
-  }
-`,o=r.default.div`
-  position: fixed;
-  right: 0;
-  top: 50%;
-  height: 35%;
-  width: ${e=>e.maxWidth}%;
-  display: flex;
-  flex-direction: column;
-  background-color: white;
-  box-shadow: -2px 0 5px rgba(0, 0, 0, 0.5);
-  transition: all 0.5s ease;
-  overflow: hidden;
-  z-index: 10000;
-  animation: ${({displayChat:e})=>e?i:a} 0.3s ease-in-out forwards;
-`,ee=r.default.div`
-  position: fixed;
-  right: 0;
-  bottom: 10%;
-  height: 15%;
-  width: ${e=>e.maxWidth/2.5}%;
-  display: flex;
-  flex-direction: column;
-  transition: all 0.5s ease;
-  overflow: hidden;
-  z-index: 10000;
-  animation: ${({displayChat:e})=>e?a:i} 0.3s ease-in-out forwards;
-`,s=r.default.div`
-  position: absolute;
-  top: 5;
-  margin-left: 5px;
-  margin-top: 5px;
-  height: 30px;
-  border: 1px solid rgb(78, 161, 211, 0.3);
-  width: 96%;
-
-  font-weight: 600;
-  font-size: 14px;
-  color:  rgb(78, 161, 211);
-  padding: 5px;
-`,c=r.default.div`
-    display: flex;
-    flex-direction: column;
-    align-items: flex-start;
-  width: 100%;
-  font-weight: 600;
-  font-size: 12px;
-  color:  rgb(78, 161, 211);
-`,l=r.default.div`
-  position: absolute;
-  top: 0;
-  right: 0;
-  padding-top: 5px;
-  width: 30px;
-  font-size: calc(10px + 1vmin);
-  color: white;
-
-  :hover {
-    cursor: pointer;
-  }
-`,u=r.default.div`
-  position: absolute;
-  text-align: center;
-  align-items: center;
-  top: 38px;
-  margin-left: 5px;
-  margin-top: 5px;
-  border: 1px solid rgb(78, 161, 211, 0.3);
-  border-radius: 15px;
-  width: 96%;
-
-  margin-left: 5px;
-  margin-top: 2px;
-  font-weight: 600;
-  font-size: 12px;
-  color:  white;
-  padding: 5px;
-    background-color: rgb(78, 161, 211);
-`,d=r.default.div`
-  position: absolute;
-  text-align: center;
-  align-items: center;
-  display: flex; 
-  gap: 5px; 
-  border: 1px solid rgb(78, 161, 211, 0.3);
-  border-radius: 15px;
-  width: 100%;
-
-  margin-left: 10px;
-  margin-top: 2px;
-  font-weight: 600;
-  font-size: 12px;
-  color:  white;
-  padding: 10px;
-  background-color: rgb(78, 161, 211);
-`,te=r.default.div`
-  position: absolute;
-  top: 80px;
-  margin-left: 5px;
-  margin-top: 5px;
-  width: 100%;
-  height: 65%;
-  max-height: 83%;
-  overflow-x: hidden;
-  overflow-y: auto;
-`,ne=r.default.div`
-  display: flex;
-  width: 100%;
-  flex-direction: column;
-  padding: 15px;
-  color: #454552;
-`,f=r.default.div`
-  width: 100%;
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  font-size: 12px;
-  margin-top: 5px;
-  margin-left: 5px;
-  text-align: left;
-
-  > strong {
-    margin-left: 3px;
-    color: rgb(78, 161, 211)
-  }
-
-  > p {
-    max-width: 95%;
-    width: auto;
-    padding: 5px;
-    margin-top: 5px;
-    border: 1px solid rgb(78, 161, 211, 0.3);
-    border-radius: 15px;
-    color: black;
-    font-size: 12px;
-    text-align: left;
-  }
-`,p=r.default.div`
-  width: 100%;
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  font-size: 12px;
-  margin-top: 5px;
-  margin-left: 5px;
-  text-align: left;
-
-  > strong {
-    margin-right: 35px;
-    color: rgb(215, 61, 71)
-  }
-
-  > p {
-    max-width: 95%;
-    width: auto;
-    padding: 5px;
-    margin-top: 5px;
-    border: 1px solid rgb(78, 161, 211, 0.3);
-    border-radius: 15px;
-    color: black;
-    font-size: 12px;
-    text-align: left;
-    background-color:  #f5f5f5;
-  }
-`,m=r.default.div`
-  position: absolute;
-  display: flex;
-  bottom: 10px;
-  margin-left: 5px;
-  margin-top: 5px;
-  flex-direction: row;
-  align-items: center;
-  width: 100%;
-  gap: 5px;
-`,h=r.default.input`
-  bottom: 0;
-  width: 70%;
-  height: 25px;
-  margin-left: 5px;
-  border: 2px solid rgb(69, 69, 82, 0.25);
-  box-sizing: border-box;
-  font-size: 14px;
-  padding-left: 5px;
-  opacity: 0.7;
-
-  :focus {
-    outline: none;
-  }
-`,g=r.default.div`
-  height: 25px;
-  outline: none;
-  border: none;
-  display: flex;
-  align-items: center;
-  justify-content: flex-end;
-  border-radius: 10px;
-  padding-left: 5px;
-  padding-right: 10px;
-  margin-right: 10px;
-  color: black;
-  background-color: #bed0f8;
-  font-size: 1rem;
-  font-weight: 500;
-  cursor: pointer;
-`,_=r.default.div`
-  position: absolute;
-  top: 80px;
-  margin-left: 25px;
-  width: 100%;
-  height: 65%;
-  width: 83%;
-  margin-bottom: 25px;
-`,v=r.default.i`
-  width: 25px;
-  font-size: calc(5px + 1vmin);
-`;var y,b,x;const S=`optimizetalk.com:8443`,C=({meetingLinkKey:e,customerSupportKey:r})=>{let i=(0,n.useRef)(null),[a]=(0,n.useState)(window.innerWidth<window.innerHeight&&window.innerWidth<=900),[C]=(0,n.useState)(a?100:15),[w,T]=(0,n.useState)([]),E=(0,n.useRef)(),[D,O]=(0,n.useState)(!0),[k,A]=(0,n.useState)(!1),[j,M]=(0,n.useState)(!1),[N,P]=(0,n.useState)(null),[F,I]=(0,n.useState)(null),[L,R]=(0,n.useState)(),[z,B]=(0,n.useState)(),[V,H]=(0,n.useState)(!1),[U,W]=(0,n.useState)(``),G=(0,n.useRef)(null),K=(0,n.useRef)(null),q=()=>{let e=1e4,t=Math.floor(Math.random()*(9e4-e+1))+e;return console.log(`Random number: `+t),t},J=(e,t)=>{y=new WebSocket(`wss://`+S+`/signal`),y.onopen=function(){console.log(`Websocket connection established`),oe(),re(e,t),$({from:{userName:e,audio:!0,video:!0},type:`text`,data:`ping from `+e}),b=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 `+U)}},Y=(e,t)=>{M(!0),P(t),console.log(`Params guestName:`+e+`, guestEmail:`+t);var n=F?e:`Guest-`+q()+`: `+e;I(n),console.log(`Joining : `+n),J(n,t)};function X(){console.log(`Close the socket`),y!=null&&(console.log(`Send 'leave' message to server for session `+L+` accessToken: `+z),$({from:{userName:F,sessionKey:L,audio:!0,video:!0},accessToken:z,type:`leave`,data:e}),y.close())}function re(e,t){y.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`),H(!0),x||ie(e,t)):r.data&&r.data===`valid`&&(clearInterval(x),console.log(`Session key `+r.referenceUsers[0].sessionKey),R(r.referenceUsers[0].sessionKey),console.log(`Session accessToken `+r.accessToken),B(r.accessToken),console.log(`Joined to room `+r.roomDetails.roomName),W(r.roomDetails.roomName));break;case`message`:console.log(`Chat message received from `+r.from.userName),console.log(`Chat message `+r.data),ae(),T(e=>[...e,{sender:r.from.userName,msg:r.data}]),Q();break;case`session_expired`:console.log(`Chat session expired!`),M(!1),R(null),B(null),H(!1),X();break;default:console.log(`Room ignoring message type `+r.type)}}}let ie=(e,t)=>{x=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},data:r}),console.log(`Meeting join request sent for guest `+t)},ae=()=>{K.current.play()};function oe(){y.addEventListener(`close`,e=>{console.log(`websocket connection closed: `,e),clearInterval(b)}),y.onerror=function(e){console.log(`Error: `+e)}}let Q=()=>{i.current?.scrollIntoView({behavior:`smooth`})},se=e=>{if(e.key===`Enter`){let t=e.target.value;t&&(console.log(`Send 'message' message to server for session `+L+` accessToken: `+z),$({from:{userName:F,sessionKey:L,audio:!0,video:!0},accessToken:z,type:`message`,data:t}),console.log(`Chat message sent `+t),T(e=>[...e,{sender:F,msg:t}]),E.current.value=``)}},ce=()=>{let e=E.current.value;e&&(console.log(`Send 'message' message to server for session `+L+` accessToken: `+z),$({from:{userName:F,sessionKey:L,audio:!0,video:!0},accessToken:z,type:`message`,data:e}),console.log(`Chat message sent `+e),T(t=>[...t,{sender:F,msg:e}]),E.current.value=``,Q())};function $(e){let t=JSON.stringify(e);y.send(t)}function le(){X(),O(!1),A(!0),R(null),B(null),H(!1)}function ue(){y=new WebSocket(`wss://`+S+`/signal`),R(null),B(null),O(!0),A(!1),M(!1),H(!1),P(null),I(null),T([])}return(0,n.useEffect)(()=>{Q()},[w,L]),n.default.createElement(`div`,null,!k&&n.default.createElement(o,{displayChat:D,maxWidth:C},n.default.createElement(s,null,n.default.createElement(c,null,`OD Customer Support`),n.default.createElement(l,{onClick:()=>le(),className:`text-gray-700`},n.default.createElement(`svg`,{width:`60%`,height:`60%`,viewBox:`0 0 24 24`,fill:`none`,xmlns:`http://www.w3.org/2000/svg`},n.default.createElement(`path`,{d:`M18 6L6 18M6 6L18 18`,stroke:`orange`,"stroke-width":`4`,"stroke-linecap":`round`,"stroke-linejoin":`round`})))),!j&&!L&&!V&&n.default.createElement(t.default,{startGuestChat:Y,guestEmail:N}),j&&!L&&!V&&n.default.createElement(n.default.Fragment,null,n.default.createElement(_,null,n.default.createElement(`div`,{className:`text-center mt-5`},`Please wait, connecting`),n.default.createElement(`div`,{className:`flex flex-col items-center `},n.default.createElement(`div`,null,n.default.createElement(`img`,{className:`mt-5`,src:`/connecting_customer_support.gif`,width:`80`})),n.default.createElement(`div`,{className:`absolute text-center bottom-6 font-sm text-sky-400`},`contact us at`),n.default.createElement(`div`,{className:`absolute text-center bottom-0 font-sm text-sky-400`},`support@origindetector.com.`)))),j&&!L&&V&&n.default.createElement(n.default.Fragment,null,n.default.createElement(_,null,n.default.createElement(`div`,{className:`text-center text-sm`},`Our customer support team helping other customers, please wait.`),n.default.createElement(`div`,{className:`text-center mt-5`},`connecting`),n.default.createElement(`div`,{className:`flex flex-col items-center `},n.default.createElement(`div`,null,n.default.createElement(`img`,{className:`mt-5`,src:`/connecting_customer_support.gif`,width:`80`})),n.default.createElement(`div`,{className:`absolute text-center bottom-6 font-sm text-sky-400`},`contact us at`),n.default.createElement(`div`,{className:`absolute text-center bottom-0 font-sm text-sky-400`},`support@origindetector.com`)))),j&&L&&n.default.createElement(`div`,null,n.default.createElement(u,null,`Live Chat`),n.default.createElement(te,null,n.default.createElement(ne,null,w&&w.length==0&&n.default.createElement(`div`,{className:`ml-2 text-sm`},` You are connected to our customer support team, how can we help you today? `),w&&w.length>0&&n.default.createElement(`div`,null,w&&w.map(({sender:e,msg:t},r)=>e===F?n.default.createElement(p,{key:r},n.default.createElement(`strong`,null,F),n.default.createElement(`p`,null,t)):n.default.createElement(f,{key:r},n.default.createElement(`strong`,null,e),n.default.createElement(`p`,null,t))),n.default.createElement(`div`,{style:{float:`left`,clear:`both`},ref:i})))),n.default.createElement(m,null,n.default.createElement(h,{ref:E,onKeyUp:se,placeholder:`Enter your message`}),n.default.createElement(g,{onClick:ce},n.default.createElement(v,{className:`fas fa-paper-plane`}),`Send`))),n.default.createElement(`audio`,{ref:G,src:`../../alert-sound.mp3`}),n.default.createElement(`audio`,{ref:K,src:`../../ding-small.mp3`})),k&&n.default.createElement(ee,{className:`cursor-pointer`,onClick:()=>ue(),displayChat:D,maxWidth:C},n.default.createElement(d,null,n.default.createElement(`i`,{className:`bx bx-chat`}),`Live Chat`)))};exports.default=C;

package/dist/components/chat/chat.d.cts

@@ -1,10 +0,0 @@
-import { FC } from "react";
-
-//#region src/components/chat/chat.d.ts
-interface ChatProps {
-  meetingLinkKey: string;
-  customerSupportKey: string;
-}
-declare const Chat: FC<ChatProps>;
-//#endregion
-export { Chat };

package/dist/components/chat/chatMobile.cjs

@@ -1,233 +0,0 @@
-const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`./info.guestMobile.cjs`);let n=require(`react`);n=e.__toESM(n);let r=require(`styled-components`);r=e.__toESM(r);const i=r.keyframes`
-  from {
-    opacity: 0;
-    transform: translateY(20px);
-  }
-  to {
-    opacity: 1;
-    transform: translateY(0);
-  }
-`,a=r.keyframes`
-  from {
-    opacity: 1;
-    transform: translateY(0);
-  }
-  to {
-    opacity: 0;
-    transform: translateY(20px);
-  }
-`,o=r.default.div`
-  position: fixed;
-  left: 10%;
-  top: 50%;
-  height: 45%;
-  width: ${e=>e.maxWidth}%;
-  display: flex;
-  flex-direction: column;
-  background-color: white;
-  box-shadow: -2px 0 5px rgba(0, 0, 0, 0.5);
-  transition: all 0.5s ease;
-  overflow: hidden;
-  z-index: 10000;
-  animation: ${({displayChat:e})=>e?i:a} 0.3s ease-in-out forwards;
-`,ee=r.default.div`
-  position: fixed;
-  right: 0;
-  bottom: 2%;
-  height: 15%;
-  width: ${e=>e.maxWidth/7}%;
-  display: flex;
-  flex-direction: column;
-  transition: all 0.5s ease;
-  overflow: hidden;
-  z-index: 10000;
-  animation: ${({displayChat:e})=>e?a:i} 0.3s ease-in-out forwards;
-`,s=r.default.div`
-  position: absolute;
-  top: 5;
-  margin-left: 5px;
-  margin-top: 5px;
-  height: 30px;
-  border: 1px solid rgb(78, 161, 211, 0.3);
-  width: 96%;
-
-  font-weight: 600;
-  font-size: 14px;
-  color:  rgb(78, 161, 211);
-  padding: 5px;
-`,c=r.default.div`
-    display: flex;
-    flex-direction: column;
-    align-items: flex-start;
-  width: 100%;
-  font-weight: 600;
-  font-size: 12px;
-  color:  rgb(78, 161, 211);
-`,l=r.default.div`
-  position: absolute;
-  top: 0;
-  right: 0;
-  padding-top: 5px;
-  width: 30px;
-  font-size: calc(10px + 1vmin);
-  color: white;
-
-  :hover {
-    cursor: pointer;
-  }
-`,u=r.default.div`
-  position: absolute;
-  text-align: center;
-  align-items: center;
-  top: 38px;
-  margin-left: 5px;
-  margin-top: 5px;
-  border: 1px solid rgb(78, 161, 211, 0.3);
-  border-radius: 15px;
-  width: 96%;
-
-  margin-left: 5px;
-  margin-top: 2px;
-  font-weight: 600;
-  font-size: 14px;
-  color:  white;
-  padding: 5px;
-    background-color: rgb(78, 161, 211);
-`,d=r.default.div`
-  position: absolute;
-  text-align: center;
-  align-items: center;
-  display: flex; 
-  gap: 5px; 
-  border: 1px solid rgb(78, 161, 211, 0.3);
-  border-radius: 15px;
-  width: 100%;
-
-  margin-left: 10px;
-  margin-top: 2px;
-  font-weight: 600;
-  font-size: 14px;
-  color:  white;
-  padding: 10px;
-  background-color: rgb(78, 161, 211);
-`,te=r.default.div`
-  position: absolute;
-  top: 80px;
-  margin-left: 5px;
-  margin-top: 5px;
-  width: 100%;
-  height: 65%;
-  max-height: 83%;
-  overflow-x: hidden;
-  overflow-y: auto;
-`,ne=r.default.div`
-  display: flex;
-  width: 100%;
-  flex-direction: column;
-  padding: 15px;
-  color: #454552;
-`,f=r.default.div`
-  width: 100%;
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  font-size: 12px;
-  margin-top: 5px;
-  margin-left: 5px;
-  text-align: left;
-
-  > strong {
-    margin-left: 3px;
-    color: rgb(78, 161, 211)
-  }
-
-  > p {
-    max-width: 95%;
-    width: auto;
-    padding: 5px;
-    margin-top: 5px;
-    border: 1px solid rgb(78, 161, 211, 0.3);
-    border-radius: 15px;
-    color: black;
-    font-size: 12px;
-    text-align: left;
-  }
-`,p=r.default.div`
-  width: 100%;
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  font-size: 12px;
-  margin-top: 5px;
-  margin-left: 5px;
-  text-align: left;
-
-  > strong {
-    margin-right: 35px;
-    color: rgb(215, 61, 71)
-  }
-
-  > p {
-    max-width: 95%;
-    width: auto;
-    padding: 5px;
-    margin-top: 5px;
-    border: 1px solid rgb(78, 161, 211, 0.3);
-    border-radius: 15px;
-    color: black;
-    font-size: 12px;
-    text-align: left;
-    background-color:  #f5f5f5;
-  }
-`,m=r.default.div`
-  position: absolute;
-  display: flex;
-  bottom: 10px;
-  margin-left: 5px;
-  margin-top: 5px;
-  flex-direction: row;
-  align-items: center;
-  width: 100%;
-  gap: 5px;
-`,h=r.default.input`
-  bottom: 0;
-  width: 70%;
-  height: 25px;
-  margin-left: 5px;
-  border: 2px solid rgb(69, 69, 82, 0.25);
-  box-sizing: border-box;
-  font-size: 14px;
-  padding-left: 5px;
-  opacity: 0.7;
-
-  :focus {
-    outline: none;
-  }
-`,g=r.default.div`
-  height: 25px;
-  outline: none;
-  border: none;
-  display: flex;
-  align-items: center;
-  justify-content: flex-end;
-  border-radius: 10px;
-  padding-left: 5px;
-  padding-right: 10px;
-  margin-right: 10px;
-  color: black;
-  background-color: #bed0f8;
-  font-size: 1rem;
-  font-weight: 500;
-  cursor: pointer;
-`,_=r.default.div`
-  position: absolute;
-  top: 80px;
-  margin-left: 25px;
-  width: 100%;
-  height: 65%;
-  width: 83%;
-  margin-bottom: 25px;
-`,v=r.default.i`
-  width: 25px;
-  font-size: calc(5px + 1vmin);
-`;var y,b,x;const S=`optimizetalk.com:8443`,C=({meetingLinkKey:e,customerSupportKey:r})=>{let i=(0,n.useRef)(null),[a]=(0,n.useState)(window.innerWidth<window.innerHeight&&window.innerWidth<=900),[C]=(0,n.useState)(a?80:20),[w,T]=(0,n.useState)([]),E=(0,n.useRef)(),[D,O]=(0,n.useState)(!0),[k,A]=(0,n.useState)(!1),[j,M]=(0,n.useState)(!1),[N,P]=(0,n.useState)(null),[F,I]=(0,n.useState)(null),[L,R]=(0,n.useState)(),[z,B]=(0,n.useState)(),[V,H]=(0,n.useState)(!1),[U,W]=(0,n.useState)(``),G=(0,n.useRef)(null),K=(0,n.useRef)(null),q=()=>{let e=1e4,t=Math.floor(Math.random()*(9e4-e+1))+e;return console.log(`Random number: `+t),t},J=(e,t)=>{y=new WebSocket(`wss://`+S+`/signal`),y.onopen=function(){console.log(`Websocket connection established`),oe(),re(e,t),$({from:{userName:e,audio:!0,video:!0},type:`text`,data:`ping from `+e}),b=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 `+U)}},Y=(e,t)=>{M(!0),P(t),console.log(`Params guestName:`+e+`, guestEmail:`+t);var n=F?e:`Guest-`+q()+`: `+e;I(n),console.log(`Joining : `+n),J(n,t)};function X(){console.log(`Close the socket`),y!=null&&(console.log(`Send 'leave' message to server for session `+L+` accessToken: `+z),$({from:{userName:F,sessionKey:L,audio:!0,video:!0},accessToken:z,type:`leave`,data:e}),y.close())}function re(e,t){y.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`),H(!0),x||ie(e,t)):r.data&&r.data===`valid`&&(clearInterval(x),console.log(`Session key `+r.referenceUsers[0].sessionKey),R(r.referenceUsers[0].sessionKey),console.log(`Session accessToken `+r.accessToken),B(r.accessToken),console.log(`Joined to room `+r.roomDetails.roomName),W(r.roomDetails.roomName));break;case`message`:console.log(`Chat message received from `+r.from.userName),console.log(`Chat message `+r.data),ae(),T(e=>[...e,{sender:r.from.userName,msg:r.data}]),Q();break;case`session_expired`:console.log(`Chat session expired!`),M(!1),R(null),B(null),H(!1),X();break;default:console.log(`Room ignoring message type `+r.type)}}}let ie=(e,t)=>{x=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},data:r}),console.log(`Meeting join request sent for guest `+t)},ae=()=>{K.current.play()};function oe(){y.addEventListener(`close`,e=>{console.log(`websocket connection closed: `,e),clearInterval(b)}),y.onerror=function(e){console.log(`Error: `+e)}}let Q=()=>{i.current?.scrollIntoView({behavior:`smooth`})},se=e=>{if(e.key===`Enter`){let t=e.target.value;t&&(console.log(`Send 'message' message to server for session `+L+` accessToken: `+z),$({from:{userName:F,sessionKey:L,audio:!0,video:!0},accessToken:z,type:`message`,data:t}),console.log(`Chat message sent `+t),T(e=>[...e,{sender:F,msg:t}]),E.current.value=``)}},ce=()=>{let e=E.current.value;e&&(console.log(`Send 'message' message to server for session `+L+` accessToken: `+z),$({from:{userName:F,sessionKey:L,audio:!0,video:!0},accessToken:z,type:`message`,data:e}),console.log(`Chat message sent `+e),T(t=>[...t,{sender:F,msg:e}]),E.current.value=``,Q())};function $(e){let t=JSON.stringify(e);y.send(t)}function le(){X(),O(!1),A(!0),R(null),B(null),H(!1)}function ue(){y=new WebSocket(`wss://`+S+`/signal`),R(null),B(null),O(!0),A(!1),M(!1),H(!1),P(null),I(null),T([])}return(0,n.useEffect)(()=>{Q()},[w,L]),n.default.createElement(`div`,null,!k&&n.default.createElement(o,{displayChat:D,maxWidth:C},n.default.createElement(s,null,n.default.createElement(c,null,`OD Customer Support`),n.default.createElement(l,{onClick:()=>le(),className:`text-gray-700`},n.default.createElement(`svg`,{width:`60%`,height:`60%`,viewBox:`0 0 24 24`,fill:`none`,xmlns:`http://www.w3.org/2000/svg`},n.default.createElement(`path`,{d:`M18 6L6 18M6 6L18 18`,stroke:`orange`,"stroke-width":`4`,"stroke-linecap":`round`,"stroke-linejoin":`round`})))),!j&&!L&&!V&&n.default.createElement(t.default,{startGuestChat:Y,guestEmail:N}),j&&!L&&!V&&n.default.createElement(n.default.Fragment,null,n.default.createElement(_,null,n.default.createElement(`div`,{className:`text-center mt-5`},`Please wait, connecting`),n.default.createElement(`div`,{className:`flex flex-col items-center `},n.default.createElement(`div`,null,n.default.createElement(`img`,{className:`mt-5`,src:`/connecting_customer_support.gif`,width:`80`})),n.default.createElement(`div`,{className:`absolute text-center bottom-6 font-sx text-sky-400`},`contact us at`),n.default.createElement(`div`,{className:`absolute text-center bottom-0 font-sx text-sky-400`},`support@origindetector.com.`)))),j&&!L&&V&&n.default.createElement(n.default.Fragment,null,n.default.createElement(_,null,n.default.createElement(`div`,{className:`text-center`},`Our customer support team helping other customers, please wait.`),n.default.createElement(`div`,{className:`text-center mt-5`},`connecting`),n.default.createElement(`div`,{className:`flex flex-col items-center `},n.default.createElement(`div`,null,n.default.createElement(`img`,{className:`mt-5`,src:`/connecting_customer_support.gif`,width:`80`})),n.default.createElement(`div`,{className:`absolute text-center bottom-6 font-sx text-sky-400`},`contact us at`),n.default.createElement(`div`,{className:`absolute text-center bottom-0 font-sx text-sky-400`},`support@origindetector.com.`)))),j&&L&&n.default.createElement(`div`,null,n.default.createElement(u,null,`Live Chat`),n.default.createElement(te,null,n.default.createElement(ne,null,w&&w.length==0&&n.default.createElement(`div`,{className:`ml-2`},` You are connected to our customer support team, how can we help you today? `),w&&w.length>0&&n.default.createElement(`div`,null,w&&w.map(({sender:e,msg:t},r)=>e===F?n.default.createElement(p,{key:r},n.default.createElement(`strong`,null,F),n.default.createElement(`p`,null,t)):n.default.createElement(f,{key:r},n.default.createElement(`strong`,null,e),n.default.createElement(`p`,null,t))),n.default.createElement(`div`,{style:{float:`left`,clear:`both`},ref:i})))),n.default.createElement(m,null,n.default.createElement(h,{ref:E,onKeyUp:se,placeholder:`Enter your message`}),n.default.createElement(g,{onClick:ce},n.default.createElement(v,{className:`fas fa-paper-plane`}),`Send`))),n.default.createElement(`audio`,{ref:G,src:`../../alert-sound.mp3`}),n.default.createElement(`audio`,{ref:K,src:`../../ding-small.mp3`})),k&&n.default.createElement(ee,{className:`cursor-pointer`,onClick:()=>ue(),displayChat:D,maxWidth:C},n.default.createElement(d,null,n.default.createElement(`i`,{className:`bx bx-chat`}))))};exports.default=C;

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

@@ -1,10 +0,0 @@
-import { FC } from "react";
-
-//#region src/components/chat/chatMobile.d.ts
-interface ChatMobileProps {
-  meetingLinkKey: string;
-  customerSupportKey: string;
-}
-declare const ChatMobile: FC<ChatMobileProps>;
-//#endregion
-export { ChatMobile };

package/dist/components/chat/info.guest.cjs

@@ -1,27 +0,0 @@
-const e=require(`../../_virtual/_rolldown/runtime.cjs`);let t=require(`react`),n=require(`styled-components`);n=e.__toESM(n);let r=require(`react-hook-form`),i=require(`tailwind-merge`),a=require(`zod`),o=require(`@hookform/resolvers/zod`);const s=n.default.div`
-  position: relative;
-  text-align: center;
-  align-items: center;
-  top: 5px;
-  margin-left: 5px;
-  margin-top: 2px;
-  margin-bottom: 30px;
-  border: 1px solid rgb(78, 161, 211, 0.3);
-  border-radius: 15px;
-  width: 92%;
-  font-weight: 600;
-  font-size: 14px;
-  color:  white;
-  padding: 5px;
-  background-color: rgb(78, 161, 211);
-`,c=n.default.div`
-  position: absolute;
-  top: 40px;
-  margin-left: 5px;
-  margin-top: 5px;
-  width: 100%;
-  height: 100%;
-  max-height: 100%;
-  overflow-x: hidden;
-  overflow-y: auto;
-`,l=(0,a.object)({name:(0,a.string)().min(1,`Name is required`),email:(0,a.string)().min(1,`Email is required`).email(`Invalid email address`)}),u=({startGuestChat:e,guestEmail:n})=>{let[a,u]=(0,t.useState)(),d=(0,r.useForm)({resolver:(0,o.zodResolver)(l)}),{handleSubmit:f,formState:{errors:p}}=d;return React.createElement(c,null,React.createElement(s,null,`Live Chat`),!!n&&React.createElement(`div`,{className:`flex items-center justify-center gap-5 `},React.createElement(`button`,{onClick:()=>e(n),className:`inline-block rounded bg-green-700 px-6 pb-2 pt-2.5 text-xs font-medium leading-normal text-white shadow-[0_4px_9px_-4px_#3b71ca] transition duration-150 ease-in-out hover:bg-primary-600 hover:shadow-[0_8px_9px_-4px_rgba(59,113,202,0.3),0_4px_18px_0_rgba(59,113,202,0.2)] focus:bg-primary-600 focus:shadow-[0_8px_9px_-4px_rgba(59,113,202,0.3),0_4px_18px_0_rgba(59,113,202,0.2)] focus:outline-none focus:ring-0 active:bg-primary-700 active:shadow-[0_8px_9px_-4px_rgba(59,113,202,0.3),0_4px_18px_0_rgba(59,113,202,0.2)] dark:shadow-[0_4px_9px_-4px_rgba(59,113,202,0.5)] dark:hover:shadow-[0_8px_9px_-4px_rgba(59,113,202,0.2),0_4px_18px_0_rgba(59,113,202,0.1)] dark:focus:shadow-[0_8px_9px_-4px_rgba(59,113,202,0.2),0_4px_18px_0_rgba(59,113,202,0.1)] dark:active:shadow-[0_8px_9px_-4px_rgba(59,113,202,0.2),0_4px_18px_0_rgba(59,113,202,0.1)]`},`Start Chat`)),!n&&React.createElement(`form`,{className:`w-full`,onSubmit:f(async t=>{console.log(`Guest: `+t.name),console.log(`Guest Email: `+t.email),e(t.name,t.email)})},React.createElement(`div`,{className:`flex flex-col items-left`},React.createElement(`div`,{className:`max-w-1xl bg-white`},React.createElement(`div`,{className:`relative border-slate-300 flex flex-col items-center`},React.createElement(`div`,null,React.createElement(`label`,{className:`block text-gray-700 text-sm mb-1`,htmlFor:`title`},`Name`),React.createElement(`input`,{className:(0,i.twMerge)(`appearance-none border border-gray-400 rounded w-40 px-1 py-1 text-sm text-gray-700 mb-1  leading-tight focus:outline-none`,`${p.name&&`border-red-500`}`),...d.register(`name`)}),React.createElement(`p`,{className:(0,i.twMerge)(`text-red-500 text-xs italic mb-2 invisible`,`${p.name&&`visible`}`)},p.name?.message)),React.createElement(`div`,null,React.createElement(`label`,{className:`block text-gray-700 text-sm mb-1`,htmlFor:`title`},`Email`),React.createElement(`input`,{type:`email`,className:(0,i.twMerge)(`appearance-none border border-gray-400 rounded w-40 px-1 py-1 text-sm text-gray-700 mb-2  leading-tight focus:outline-none`,`${p.email&&`border-red-500`}`),...d.register(`email`)}),React.createElement(`p`,{className:(0,i.twMerge)(`text-red-500 text-xs italic mb-2 invisible`,`${p.email&&`visible`}`)},p.email?.message))))),React.createElement(`div`,{className:`mb-2 text-gray-600 `},React.createElement(`h2`,{className:`text-sm text-red-600 font-normal`},a)),React.createElement(`div`,{className:`flex items-center justify-center gap-5 `},React.createElement(`button`,{className:`inline-block rounded bg-green-700 px-6 pb-2 pt-2.5 text-xs font-medium leading-normal text-white shadow-[0_4px_9px_-4px_#3b71ca] transition duration-150 ease-in-out hover:bg-primary-600 hover:shadow-[0_8px_9px_-4px_rgba(59,113,202,0.3),0_4px_18px_0_rgba(59,113,202,0.2)] focus:bg-primary-600 focus:shadow-[0_8px_9px_-4px_rgba(59,113,202,0.3),0_4px_18px_0_rgba(59,113,202,0.2)] focus:outline-none focus:ring-0 active:bg-primary-700 active:shadow-[0_8px_9px_-4px_rgba(59,113,202,0.3),0_4px_18px_0_rgba(59,113,202,0.2)] dark:shadow-[0_4px_9px_-4px_rgba(59,113,202,0.5)] dark:hover:shadow-[0_8px_9px_-4px_rgba(59,113,202,0.2),0_4px_18px_0_rgba(59,113,202,0.1)] dark:focus:shadow-[0_8px_9px_-4px_rgba(59,113,202,0.2),0_4px_18px_0_rgba(59,113,202,0.1)] dark:active:shadow-[0_8px_9px_-4px_rgba(59,113,202,0.2),0_4px_18px_0_rgba(59,113,202,0.1)]`},`Start Chat`))))};exports.default=u;

package/dist/components/chat/info.guestMobile.cjs

@@ -1,27 +0,0 @@
-const e=require(`../../_virtual/_rolldown/runtime.cjs`);let t=require(`react`),n=require(`styled-components`);n=e.__toESM(n);let r=require(`react-hook-form`),i=require(`tailwind-merge`),a=require(`zod`),o=require(`@hookform/resolvers/zod`);const s=n.default.div`
-  position: relative;
-  text-align: center;
-  align-items: center;
-  top: 5px;
-  margin-left: 5px;
-  margin-top: 2px;
-  margin-bottom: 10px;
-  border: 1px solid rgb(78, 161, 211, 0.3);
-  border-radius: 15px;
-  width: 92%;
-  font-weight: 600;
-  font-size: 14px;
-  color:  white;
-  padding: 5px;
-  background-color: rgb(78, 161, 211);
-`,c=n.default.div`
-  position: absolute;
-  top: 40px;
-  margin-left: 5px;
-  margin-top: 5px;
-  width: 100%;
-  height: 80%;
-  font-size: 14px;
-  overflow-x: hidden;
-  overflow-y: auto;
-`,l=(0,a.object)({name:(0,a.string)().min(1,`Name is required`),email:(0,a.string)().min(1,`Email is required`).email(`Invalid email address`)}),u=({startGuestChat:e,guestEmail:n})=>{let[a,u]=(0,t.useState)(),d=(0,r.useForm)({resolver:(0,o.zodResolver)(l)}),{handleSubmit:f,formState:{errors:p}}=d;return React.createElement(c,null,React.createElement(s,null,`Live Chat`),!!n&&React.createElement(`div`,{className:`flex items-center justify-center gap-5 `},React.createElement(`button`,{onClick:()=>e(n),className:`inline-block rounded bg-green-700 px-6 pb-2 pt-2.5 text-xs font-medium leading-normal text-white shadow-[0_4px_9px_-4px_#3b71ca] transition duration-150 ease-in-out hover:bg-primary-600 hover:shadow-[0_8px_9px_-4px_rgba(59,113,202,0.3),0_4px_18px_0_rgba(59,113,202,0.2)] focus:bg-primary-600 focus:shadow-[0_8px_9px_-4px_rgba(59,113,202,0.3),0_4px_18px_0_rgba(59,113,202,0.2)] focus:outline-none focus:ring-0 active:bg-primary-700 active:shadow-[0_8px_9px_-4px_rgba(59,113,202,0.3),0_4px_18px_0_rgba(59,113,202,0.2)] dark:shadow-[0_4px_9px_-4px_rgba(59,113,202,0.5)] dark:hover:shadow-[0_8px_9px_-4px_rgba(59,113,202,0.2),0_4px_18px_0_rgba(59,113,202,0.1)] dark:focus:shadow-[0_8px_9px_-4px_rgba(59,113,202,0.2),0_4px_18px_0_rgba(59,113,202,0.1)] dark:active:shadow-[0_8px_9px_-4px_rgba(59,113,202,0.2),0_4px_18px_0_rgba(59,113,202,0.1)]`},`Start Chat`)),!n&&React.createElement(`form`,{className:`w-full`,onSubmit:f(async t=>{console.log(`Guest: `+t.name),console.log(`Guest Email: `+t.email),e(t.name,t.email)})},React.createElement(`div`,{className:`flex flex-col items-left`},React.createElement(`div`,{className:`max-w-1xl bg-white`},React.createElement(`div`,{className:`relative border-slate-300 flex flex-col items-center`},React.createElement(`div`,null,React.createElement(`label`,{className:`block text-gray-700 text-normal mb-1`,htmlFor:`title`},`Name`),React.createElement(`input`,{className:(0,i.twMerge)(`appearance-none border border-gray-400 rounded w-full text-gray-700 mb-1 px-1 py-1 leading-tight focus:outline-none`,`${p.name&&`border-red-500`}`),...d.register(`name`)}),React.createElement(`p`,{className:(0,i.twMerge)(`text-red-500 text-xs italic  invisible`,`${p.name&&`visible`}`)},p.name?.message)),React.createElement(`div`,null,React.createElement(`label`,{className:`block text-gray-700 text-normal mb-1`,htmlFor:`title`},`Email`),React.createElement(`input`,{type:`email`,className:(0,i.twMerge)(`appearance-none border border-gray-400 rounded w-full text-gray-700 mb-1 px-1 py-1 leading-tight focus:outline-none`,`${p.email&&`border-red-500`}`),...d.register(`email`)}),React.createElement(`p`,{className:(0,i.twMerge)(`text-red-500 text-xs italic mb-2 invisible`,`${p.email&&`visible`}`)},p.email?.message))))),React.createElement(`div`,{className:`mb-2 text-gray-600 `},React.createElement(`h2`,{className:`text-sm text-red-600 font-normal`},a)),React.createElement(`div`,{className:`flex items-center justify-center gap-5 `},React.createElement(`button`,{className:`inline-block rounded bg-green-700 px-6 pb-2 pt-2.5 text-xs font-medium leading-normal text-white shadow-[0_4px_9px_-4px_#3b71ca] transition duration-150 ease-in-out hover:bg-primary-600 hover:shadow-[0_8px_9px_-4px_rgba(59,113,202,0.3),0_4px_18px_0_rgba(59,113,202,0.2)] focus:bg-primary-600 focus:shadow-[0_8px_9px_-4px_rgba(59,113,202,0.3),0_4px_18px_0_rgba(59,113,202,0.2)] focus:outline-none focus:ring-0 active:bg-primary-700 active:shadow-[0_8px_9px_-4px_rgba(59,113,202,0.3),0_4px_18px_0_rgba(59,113,202,0.2)] dark:shadow-[0_4px_9px_-4px_rgba(59,113,202,0.5)] dark:hover:shadow-[0_8px_9px_-4px_rgba(59,113,202,0.2),0_4px_18px_0_rgba(59,113,202,0.1)] dark:focus:shadow-[0_8px_9px_-4px_rgba(59,113,202,0.2),0_4px_18px_0_rgba(59,113,202,0.1)] dark:active:shadow-[0_8px_9px_-4px_rgba(59,113,202,0.2),0_4px_18px_0_rgba(59,113,202,0.1)]`},`Start Chat`))))};exports.default=u;

package/dist/index.cjs

@@ -1 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./components/chat/chatMobile.cjs`),t=require(`./components/chat/chat.cjs`);exports.Chat=t,exports.ChatMobile=e;

package/dist/index.d.cts

@@ -1,3 +0,0 @@
-import { ChatMobile } from "./components/chat/chatMobile.cjs";
-import { Chat } from "./components/chat/chat.cjs";
-export { Chat, ChatMobile };