react-peer-chat 0.8.1 → 0.8.2

package/README.md

@@ -255,10 +255,18 @@ function Chat({ text = true, audio = true, onMessageReceived, dialogOptions, pro
               </dialog>
             </div>
           )}
-          {audio && <button>{audioEnabled ? <BsFillMicFill title="Turn mic off" onClick={() => setAudio(false)} /> : <BsFillMicMuteFill title="Turn mic on" onClick={() => setAudio(true)} />}</button>}
+          {audio && (
+            <button>
+              {audioEnabled ? <BsFillMicFill title="Turn mic off" onClick={() => setAudio(false)} /> : <BsFillMicMuteFill title="Turn mic on" onClick={() => setAudio(true)} />}
+            </button>
+          )}
         </>
       )}
-      {audio && audioEnabled && <audio ref={audioStreamRef} autoPlay style={{ display: "none" }} />}
+      {audio && (
+        <button className="rpc-button" onClick={() => setAudio(!audioEnabled)}>
+          {audioEnabled ? <BsFillMicFill title="Turn mic off" /> : <BsFillMicMuteFill title="Turn mic on" />}
+        </button>
+      )}
     </div>
   );
 }

package/dist/chunks/{chunk-65736FR2.js → chunk-4CBQRGQ3.js}

@@ -55,7 +55,15 @@ function BiSolidMessageX(props) {
   return /* @__PURE__ */ React.createElement("span", __spreadValues({ className: "rpc-icon-container" }, props), /* @__PURE__ */ React.createElement("svg", { viewBox: "0 0 24 24", width: "1.25rem", height: "1.25rem" }, /* @__PURE__ */ React.createElement("path", { d: "M20 2H4c-1.103 0-2 .894-2 1.992v12.016C2 17.106 2.897 18 4 18h3v4l6.351-4H20c1.103 0 2-.894 2-1.992V3.992A1.998 1.998 0 0 0 20 2zm-3.293 11.293-1.414 1.414L12 11.414l-3.293 3.293-1.414-1.414L10.586 10 7.293 6.707l1.414-1.414L12 8.586l3.293-3.293 1.414 1.414L13.414 10l3.293 3.293z" })));
 }
 function GrSend(props) {
-  return /* @__PURE__ */ React.createElement("span", __spreadValues({ className: "rpc-icon-container" }, props), /* @__PURE__ */ React.createElement("svg", { viewBox: "0 0 24 24", width: "1.25rem", height: "1.25rem", className: "rpc-invert" }, /* @__PURE__ */ React.createElement("path", { fill: "none", stroke: "#000", strokeWidth: 2, d: "M22,3 L2,11 L20.5,19 L22,3 Z M10,20.5 L13,16 M15.5,9.5 L9,14 L9.85884537,20.0119176 C9.93680292,20.5576204 10.0751625,20.5490248 10.1651297,20.009222 L11,15 L15.5,9.5 Z" })));
+  return /* @__PURE__ */ React.createElement("span", __spreadValues({ className: "rpc-icon-container" }, props), /* @__PURE__ */ React.createElement("svg", { viewBox: "0 0 24 24", width: "1.25rem", height: "1.25rem", className: "rpc-invert" }, /* @__PURE__ */ React.createElement(
+    "path",
+    {
+      fill: "none",
+      stroke: "#000",
+      strokeWidth: 2,
+      d: "M22,3 L2,11 L20.5,19 L22,3 Z M10,20.5 L13,16 M15.5,9.5 L9,14 L9.85884537,20.0119176 C9.93680292,20.5576204 10.0751625,20.5490248 10.1651297,20.009222 L11,15 L15.5,9.5 Z"
+    }
+  )));
 }
 function BsFillMicFill(props) {
   return /* @__PURE__ */ React.createElement("span", __spreadValues({ className: "rpc-icon-container" }, props), /* @__PURE__ */ React.createElement("svg", { viewBox: "0 0 16 16", fill: "currentColor", width: "1.25rem", height: "1.25rem" }, /* @__PURE__ */ React.createElement("path", { d: "M5 3a3 3 0 0 1 6 0v5a3 3 0 0 1-6 0V3z" }), /* @__PURE__ */ React.createElement("path", { d: "M3.5 6.5A.5.5 0 0 1 4 7v1a4 4 0 0 0 8 0V7a.5.5 0 0 1 1 0v1a5 5 0 0 1-4.5 4.975V15h3a.5.5 0 0 1 0 1h-7a.5.5 0 0 1 0-1h3v-2.025A5 5 0 0 1 3 8V7a.5.5 0 0 1 .5-.5z" })));

package/dist/icons.js

@@ -1 +1 @@
-export { BiSolidMessageDetail, BiSolidMessageX, BsFillMicFill, BsFillMicMuteFill, GrSend } from './chunks/chunk-65736FR2.js';
+export { BiSolidMessageDetail, BiSolidMessageX, BsFillMicFill, BsFillMicMuteFill, GrSend } from './chunks/chunk-4CBQRGQ3.js';

package/dist/index.d.ts

@@ -3,7 +3,7 @@ import React__default from 'react';
 import { useChatProps, RemotePeers, Message, ChatProps } from './types.js';
 import 'peerjs';
 
-declare function useChat({ name, peerId, remotePeerId, peerOptions, text, recoverChat, audio: allowed, onError, onMicError, onMessageSent, onMessageReceived }: useChatProps): {
+declare function useChat({ name, peerId, remotePeerId, peerOptions, text, recoverChat, audio: allowed, onError, onMicError, onMessageSent, onMessageReceived, }: useChatProps): {
     peerId: string;
     audioStreamRef: React.RefObject<HTMLMediaElement | null>;
     remotePeers: RemotePeers;

package/dist/index.js

@@ -1,4 +1,4 @@
-import { __spreadValues, __async, __objRest, BiSolidMessageX, BiSolidMessageDetail, GrSend, BsFillMicFill, BsFillMicMuteFill } from './chunks/chunk-65736FR2.js';
+import { __spreadValues, __async, __objRest, BiSolidMessageX, BiSolidMessageDetail, GrSend, BsFillMicFill, BsFillMicMuteFill } from './chunks/chunk-4CBQRGQ3.js';
 import React, { useRef, useState, useEffect } from 'react';
 
 // src/connection.tsx
@@ -23,7 +23,12 @@ var defaultConfig = {
     }
   ].concat(
     turnAccounts.map((account) => __spreadValues({
-      urls: ["turn:standard.relay.metered.ca:80", "turn:standard.relay.metered.ca:80?transport=tcp", "turn:standard.relay.metered.ca:443", "turns:standard.relay.metered.ca:443?transport=tcp"]
+      urls: [
+        "turn:standard.relay.metered.ca:80",
+        "turn:standard.relay.metered.ca:80?transport=tcp",
+        "turn:standard.relay.metered.ca:443",
+        "turns:standard.relay.metered.ca:443?transport=tcp"
+      ]
     }, account))
   )
 };
@@ -56,7 +61,19 @@ var clearChat = () => {
 var addPrefix = (str) => `rpc-${str}`;
 
 // src/hooks.tsx
-function useChat({ name, peerId, remotePeerId = [], peerOptions, text = true, recoverChat = false, audio: allowed = true, onError = () => alert("Browser not supported! Try some other browser."), onMicError = () => alert("Microphone not accessible!"), onMessageSent, onMessageReceived }) {
+function useChat({
+  name,
+  peerId,
+  remotePeerId = [],
+  peerOptions,
+  text = true,
+  recoverChat = false,
+  audio: allowed = true,
+  onError = () => alert("Browser not supported! Try some other browser."),
+  onMicError = () => alert("Microphone not accessible!"),
+  onMessageSent,
+  onMessageReceived
+}) {
   const [audio, setAudio] = useAudio(allowed);
   const audioStreamRef = useRef(null);
   const connRef = useRef({});
@@ -197,7 +214,7 @@ function useStorage(key, initialValue, local = false) {
 }
 function useAudio(allowed) {
   const [audio, setAudio] = useStorage("rpc-audio", false, true);
-  const enabled = audio || allowed;
+  const enabled = audio && allowed;
   return [enabled, setAudio];
 }
 
@@ -273,7 +290,7 @@ function Chat(_a) {
     },
     /* @__PURE__ */ React.createElement("input", { ref: inputRef, className: "rpc-input rpc-font", placeholder: "Enter a message" }),
     /* @__PURE__ */ React.createElement("button", { type: "submit", className: "rpc-button" }, /* @__PURE__ */ React.createElement(GrSend, { title: "Send message" }))
-  )))), audio && /* @__PURE__ */ React.createElement("button", { className: "rpc-button" }, audioEnabled ? /* @__PURE__ */ React.createElement(BsFillMicFill, { title: "Turn mic off", onClick: () => setAudio(false) }) : /* @__PURE__ */ React.createElement(BsFillMicMuteFill, { title: "Turn mic on", onClick: () => setAudio(true) }))), audio && audioEnabled && /* @__PURE__ */ React.createElement("audio", { ref: audioStreamRef, autoPlay: true, style: { display: "none" } }));
+  )))), audio && /* @__PURE__ */ React.createElement("button", { className: "rpc-button", onClick: () => setAudio(!audioEnabled) }, audioEnabled ? /* @__PURE__ */ React.createElement(BsFillMicFill, { title: "Turn mic off" }) : /* @__PURE__ */ React.createElement(BsFillMicMuteFill, { title: "Turn mic on" }))), audio && audioEnabled && /* @__PURE__ */ React.createElement("audio", { ref: audioStreamRef, autoPlay: true, style: { display: "none" } }));
 }
 
 export { clearChat, Chat as default, useChat };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-peer-chat",
-  "version": "0.8.1",
+  "version": "0.8.2",
   "description": "An easy to use react component for impleting peer-to-peer chatting.",
   "license": "MIT",
   "author": "Sahil Aggarwal <aggarwalsahil2004@gmail.com>",