Add ability to disable outbounds using attrs on the portal object (#1284)

Author: tabiodun

src/components/phone/PhoneOverlay.vue

@@ -486,8 +486,8 @@ const {
                   :calls="callHistory"
                   :table-body-style="{ height: '30rem' }"
                   @row-click="
-                    ({ mobile }) => {
-                      setManualOutbound(mobile);
+                    ({ phone_number }) => {
+                      setManualOutbound(phone_number);
                     }
                   "
                 ></CallHistory>

src/hooks/useConnectFirst.ts

@@ -241,6 +241,22 @@ export default function useConnectFirst(context: {
   }
 
   async function dialManualOutbound(number: string) {
+    const portalResponse = await axios.get(
+      `${import.meta.env.VITE_APP_API_BASE_URL}/portals/current`,
+      {
+        headers: {
+          Authorization: null,
+        },
+      },
+    );
+
+    const portal = portalResponse?.data;
+
+    if (portal?.attr?.disable_outbound_calls) {
+      $toasted.warning(t('~~Outbound Calls are currently disabled'));
+      return;
+    }
+
     await loginPhone(true, 'WORKING');
     dialing.value = true;
     try {
@@ -261,6 +277,21 @@ export default function useConnectFirst(context: {
   }
 
   async function dialNextOutbound() {
+    const portalResponse = await axios.get(
+      `${import.meta.env.VITE_APP_API_BASE_URL}/portals/current`,
+      {
+        headers: {
+          Authorization: null,
+        },
+      },
+    );
+
+    const portal = portalResponse?.data;
+
+    if (portal?.attr?.disable_outbound_calls) {
+      throw new Error(t('~~Outbound Calls are currently disabled'));
+    }
+
     dialing.value = true;
     try {
       const outbound = await PhoneOutbound.api().getNextOutbound({