[6.x] Catch axios errors in blueprint builder (#14428)

Co-authored-by: Claude Opus 4.6 <noreply@anthropic.com>
Co-authored-by: Jason Varga <jason@pixelfear.com>

Author: 3 people

resources/js/components/fields/FieldtypeSelector.vue

@@ -229,7 +229,12 @@ export default {
 
         if (this.$config.get('isFormBlueprint')) url += '&forms=true';
 
-        this.$axios.get(url).then((response) => (loadedFieldtypes.value = response.data));
+        this.$axios.get(url)
+            .then((response) => (loadedFieldtypes.value = response.data))
+            .catch((e) => {
+                this.$toast.error(e.response?.data?.message || __('Something went wrong'));
+                this.close();
+            });
     },
 
     methods: {

resources/js/components/fields/Settings.vue

@@ -366,7 +366,7 @@ export default {
                 this.errors = errors;
                 this.$toast.error(message);
             } else {
-                this.$toast.error(__('Something went wrong'));
+                this.$toast.error(e.response?.data?.message || __('Something went wrong'));
             }
         },
 
@@ -396,6 +396,10 @@ export default {
                     this.meta = { ...response.data.meta };
                     this.originValues = response.data.originValues;
                     this.originMeta = response.data.originMeta;
+                })
+                .catch((e) => {
+                    this.loading = false;
+                    this.handleAxiosError(e);
                 });
         },
     },

resources/js/components/publish/FieldMeta.vue

@@ -60,12 +60,18 @@ export default {
                 value: this.value,
             };
 
-            this.$axios.post(cp_url('fields/field-meta'), params).then((response) => {
-                this.meta = response.data.meta;
-                this.value = response.data.value;
-                this.loading = false;
-                this.$emit('loaded');
-            });
+            this.$axios
+                .post(cp_url('fields/field-meta'), params)
+                .then((response) => {
+                    this.meta = response.data.meta;
+                    this.value = response.data.value;
+                    this.loading = false;
+                    this.$emit('loaded');
+                })
+                .catch((e) => {
+                    this.loading = false;
+                    this.$toast.error(e.response?.data?.message || __('Something went wrong'));
+                });
         },
 
         updateMeta(value) {