allow system information contains log level and account has enable_debug_log (#457)

* sip gateways support inbound pad crypto

* allow system information contains log level and account has enable_debug_log

* only admin can set account log level

src/api/constants.ts

@@ -205,6 +205,17 @@ export const AUDIO_FORMAT_OPTIONS = [
   },
 ];
 
+export const LOG_LEVEL_OPTIONS = [
+  {
+    name: "Info",
+    value: "info",
+  },
+  {
+    name: "Debug",
+    value: "debug",
+  },
+];
+
 export const DEFAULT_ELEVENLABS_MODEL = "eleven_multilingual_v2";
 
 export const DEFAULT_WHISPER_MODEL = "tts-1";

src/api/types.ts

@@ -26,6 +26,8 @@ export interface LimitUnitOption {
 /** User roles / permissions */
 export type UserScopes = "admin" | "service_provider" | "account";
 
+export type LogLevel = "info" | "debug";
+
 export type UserPermissions =
   | "VIEW_ONLY"
   | "PROVISION_SERVICES"
@@ -126,6 +128,7 @@ export interface SystemInformation {
   sip_domain_name: null | string;
   monitoring_domain_name: null | string;
   private_network_cidr: null | string;
+  log_level: LogLevel;
 }
 
 export interface TtsCache {
@@ -262,6 +265,7 @@ export interface Account {
   device_to_call_ratio?: number;
   trial_end_date?: null | string;
   is_active: boolean;
+  enable_debug_log: boolean;
 }
 
 export interface Product {

src/containers/internal/views/accounts/form.tsx

@@ -14,7 +14,14 @@ import {
   postAccountBucketCredentialTest,
   deleteAccount,
 } from "src/api";
-import { ClipBoard, Icons, Modal, Section, Tooltip } from "src/components";
+import {
+  ClipBoard,
+  Icons,
+  Modal,
+  ScopedAccess,
+  Section,
+  Tooltip,
+} from "src/components";
 import {
   Selector,
   Checkzone,
@@ -67,6 +74,7 @@ import dayjs from "dayjs";
 import { EditBoard } from "src/components/editboard";
 import { ModalLoader } from "src/components/modal";
 import { useAuth } from "src/router/auth";
+import { Scope } from "src/store/types";
 
 type AccountFormProps = {
   apps?: Application[];
@@ -137,6 +145,7 @@ export const AccountForm = ({
   const [isShowModalLoader, setIsShowModalLoader] = useState(false);
   const [azureConnectionString, setAzureConnectionString] = useState("");
   const [endpoint, setEndpoint] = useState("");
+  const [enableDebugLog, setEnableDebugLog] = useState(false);
 
   /** This lets us map and render the same UI for each... */
   const webhooks = [
@@ -381,6 +390,7 @@ export const AccountForm = ({
     if (account && account.data) {
       putAccount(account.data.account_sid, {
         name,
+        enable_debug_log: enableDebugLog,
         ...(!ENABLE_HOSTED_SYSTEM && { sip_realm: realm || null }),
         webhook_secret: account.data.webhook_secret,
         siprec_hook_sid: recId || null,
@@ -450,6 +460,7 @@ export const AccountForm = ({
         queue_event_hook: queueHook || null,
         registration_hook: regHook || null,
         service_provider_sid: currentServiceProvider.service_provider_sid,
+        enable_debug_log: enableDebugLog,
       })
         .then(({ json }) => {
           toastSuccess("Account created successfully");
@@ -465,6 +476,7 @@ export const AccountForm = ({
   /** Set current account data values if applicable -- e.g. "edit mode" */
   useEffect(() => {
     if (account && account.data) {
+      setEnableDebugLog(account.data.enable_debug_log);
       setName(account.data.name);
 
       if (account.data.sip_realm) {
@@ -1021,6 +1033,22 @@ export const AccountForm = ({
               } cached TTS prompts`}</MS>
             </fieldset>
           )}
+          <ScopedAccess scope={Scope.admin} user={user}>
+            <fieldset>
+              <label htmlFor="enable_debug_log" className="chk">
+                <input
+                  id="enable_debug_log"
+                  name="enable_debug_log"
+                  type="checkbox"
+                  onChange={(e) => setEnableDebugLog(e.target.checked)}
+                  checked={enableDebugLog}
+                />
+                <Tooltip text="You can enable debug log for calls only to this account">
+                  Enable debug log for this account
+                </Tooltip>
+              </label>
+            </fieldset>
+          </ScopedAccess>
           {!DISABLE_CALL_RECORDING && (
             <>
               <fieldset>

src/containers/internal/views/settings/admin-settings.tsx

@@ -7,11 +7,20 @@ import {
   postSystemInformation,
   deleteTtsCache,
 } from "src/api";
-import { PasswordSettings, SystemInformation, TtsCache } from "src/api/types";
+import {
+  LogLevel,
+  PasswordSettings,
+  SystemInformation,
+  TtsCache,
+} from "src/api/types";
 import { toastError, toastSuccess } from "src/store";
 import { Selector } from "src/components/forms";
 import { hasValue, isvalidIpv4OrCidr } from "src/utils";
-import { PASSWORD_LENGTHS_OPTIONS, PASSWORD_MIN } from "src/api/constants";
+import {
+  LOG_LEVEL_OPTIONS,
+  PASSWORD_LENGTHS_OPTIONS,
+  PASSWORD_MIN,
+} from "src/api/constants";
 import { Modal } from "src/components";
 
 export const AdminSettings = () => {
@@ -29,6 +38,7 @@ export const AdminSettings = () => {
   const [sipDomainName, setSipDomainName] = useState("");
   const [monitoringDomainName, setMonitoringDomainName] = useState("");
   const [clearTtsCacheFlag, setClearTtsCacheFlag] = useState(false);
+  const [logLevel, setLogLevel] = useState<LogLevel>("info");
 
   const handleClearCache = () => {
     deleteTtsCache()
@@ -60,6 +70,7 @@ export const AdminSettings = () => {
       sip_domain_name: sipDomainName || null,
       monitoring_domain_name: monitoringDomainName || null,
       private_network_cidr: privateNetworkCidr || null,
+      log_level: logLevel,
     };
     const passwordSettingsPayload: Partial<PasswordSettings> = {
       min_password_length: minPasswordLength,
@@ -102,6 +113,9 @@ export const AdminSettings = () => {
     if (systemInformation?.private_network_cidr) {
       setPrivateNetworkCidr(systemInformation.private_network_cidr);
     }
+    if (systemInformation?.log_level) {
+      setLogLevel(systemInformation.log_level);
+    }
   }, [passwordSettings, systemInformation]);
 
   return (
@@ -144,6 +158,17 @@ export const AdminSettings = () => {
           value={monitoringDomainName}
           onChange={(e) => setMonitoringDomainName(e.target.value)}
         />
+
+        <label htmlFor="audio_format">Log Level</label>
+        <Selector
+          id={"audio_format"}
+          name={"audio_format"}
+          value={logLevel}
+          options={LOG_LEVEL_OPTIONS}
+          onChange={(e) => {
+            setLogLevel(e.target.value as LogLevel);
+          }}
+        />
       </fieldset>
       <fieldset>
         <label htmlFor="min_password_length">Min password length</label>