diff --git a/app/javascript/dashboard/routes/dashboard/settings/inbox/channels/Twilio.vue b/app/javascript/dashboard/routes/dashboard/settings/inbox/channels/Twilio.vue index 3bce5493c..ecb15ca99 100644 --- a/app/javascript/dashboard/routes/dashboard/settings/inbox/channels/Twilio.vue +++ b/app/javascript/dashboard/routes/dashboard/settings/inbox/channels/Twilio.vue @@ -6,6 +6,7 @@ import { useAlert } from 'dashboard/composables'; import { required } from '@vuelidate/validators'; import router from '../../../../index'; import { isPhoneE164OrEmpty } from 'shared/helpers/Validators'; +import { parseAPIErrorResponse } from 'dashboard/store/utils/api'; export default { props: { @@ -101,7 +102,10 @@ export default { }, }); } catch (error) { - useAlert(this.$t('INBOX_MGMT.ADD.TWILIO.API.ERROR_MESSAGE')); + const errorMessage = + parseAPIErrorResponse(error) || + this.$t('INBOX_MGMT.ADD.TWILIO.API.ERROR_MESSAGE'); + useAlert(errorMessage); } }, }, diff --git a/app/javascript/dashboard/routes/dashboard/settings/profile/Index.vue b/app/javascript/dashboard/routes/dashboard/settings/profile/Index.vue index f2a5452ab..f53943f76 100644 --- a/app/javascript/dashboard/routes/dashboard/settings/profile/Index.vue +++ b/app/javascript/dashboard/routes/dashboard/settings/profile/Index.vue @@ -4,6 +4,7 @@ import { useAlert } from 'dashboard/composables'; import { useUISettings } from 'dashboard/composables/useUISettings'; import { clearCookiesOnLogout } from 'dashboard/store/utils/api.js'; import { copyTextToClipboard } from 'shared/helpers/clipboard'; +import { parseAPIErrorResponse } from 'dashboard/store/utils/api'; import globalConfigMixin from 'shared/mixins/globalConfigMixin'; import UserProfilePicture from './UserProfilePicture.vue'; import UserBasicDetails from './UserBasicDetails.vue'; @@ -109,9 +110,7 @@ export default { return true; // return the value so that the status can be known } catch (error) { - alertMessage = error?.response?.data?.error - ? error.response.data.error - : errorMessage; + alertMessage = parseAPIErrorResponse(error) || errorMessage; return false; // return the value so that the status can be known } finally { diff --git a/app/javascript/dashboard/store/modules/inboxes.js b/app/javascript/dashboard/store/modules/inboxes.js index e3f2922b6..95d5f625a 100644 --- a/app/javascript/dashboard/store/modules/inboxes.js +++ b/app/javascript/dashboard/store/modules/inboxes.js @@ -183,7 +183,7 @@ export const actions = { return response.data; } catch (error) { commit(types.default.SET_INBOXES_UI_FLAG, { isCreating: false }); - throw new Error(error); + throw error; } }, createFBChannel: async ({ commit }, params) => {