react-mic-cam-permissions/dist/components/MicrophonePermissionButton.js

Managing camera and microphone permissions with React

var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
    return new (P || (P = Promise))(function (resolve, reject) {
        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
        step((generator = generator.apply(thisArg, _arguments || [])).next());
    });
};
// src/components/MicrophonePermissionButton.tsx
import React, { useState } from 'react';
import { useMicrophonePermission } from '../hooks/useMicrophonePermission';
export const MicrophonePermissionButton = ({ className = 'bg-gray-500 text-sm p-2 text-white rounded-md hover:bg-blue-600 disabled:bg-gray-400', buttonText = 'Microphone Permission', onGranted, onDenied, messagePermissionDenied = 'Permission denied. Please enable camera permission in your browser settings.', }) => {
    const { permissionState, requestPermission } = useMicrophonePermission();
    const [message, setMessage] = useState(null);
    const handleClick = () => __awaiter(void 0, void 0, void 0, function* () {
        const state = yield requestPermission();
        if (state === 'granted' && onGranted) {
            setMessage(null); // Clear any previous messages
            onGranted();
        }
        else if (state === 'denied') {
            setMessage(messagePermissionDenied);
            if (onDenied)
                onDenied();
        }
    });
    return (React.createElement("div", { className: "space-y-4" },
        React.createElement("button", { className: `${className}`, onClick: handleClick }, buttonText)));
};