empty flag dossier name fix

web/modules/custom/materio_flag/src/Controller/MaterioFlagController.php

@@ -109,7 +109,17 @@ class MaterioFlagController extends ControllerBase {
   public function createUserFlaggingCollection(Request $request) {
     // dpm($request);
     $post_data = json_decode( $request->getContent(),TRUE);
-    $name = $post_data['name'];
+    $name = is_array($post_data) && is_string($post_data['name'] ?? NULL) ? trim($post_data['name']) : '';
+
+    // A nameless collection creates a related flag with a NULL label, which
+    // makes token info building throw a TypeError and thus breaks every
+    // token consumer, including recurring order closing (Stripe payments).
+    if ($name === '') {
+      return new JsonResponse([
+        'status' => FALSE,
+        'error' => 'A folder name is required.',
+      ], 400);
+    }
 
     $newFlagColl = FlaggingCollection::Create([
       'type' => 'flagging_collection_type',

web/themes/custom/materiotheme/vuejs/components/Content/Card.vue

@@ -143,6 +143,11 @@ export default {
     }),
     onCreateFlagColl () {
       console.log("Card onCreateFlagColl", this.new_folder_name)
+      // same rule as the add button's "active" state: never create a nameless
+      // folder (a null flag label breaks token info, hence recurring payments)
+      if (this.new_folder_name.trim().length <= 4 || this.is_creating_folder) {
+        return
+      }
       this.is_creating_folder = true;
       this.createFlagColl(this.new_folder_name)
         .then(data => {
@@ -157,6 +162,9 @@ export default {
             this.loadingFlag = false;
           })
         })
+        .catch(() => {
+          this.is_creating_folder = false;
+        })
     },
     flagIsActive(collid) {
       // console.log("Card flagIsActive",

web/themes/custom/materiotheme/vuejs/components/Content/ModalCard.vue

@@ -446,6 +446,11 @@ export default {
     },
     onCreateFlagColl () {
       console.log("Card onCreateFlagColl", this.new_folder_name)
+      // same rule as the add button's "active" state: never create a nameless
+      // folder (a null flag label breaks token info, hence recurring payments)
+      if (this.new_folder_name.trim().length <= 4 || this.is_creating_folder) {
+        return
+      }
       this.is_creating_folder = true;
       this.createFlagColl(this.new_folder_name)
         .then(data => {
@@ -460,6 +465,9 @@ export default {
             this.loadingFlag = false;
           })
         })
+        .catch(() => {
+          this.is_creating_folder = false;
+        })
     },
     flagIsActive(collid) {
       // console.log(this.item.uuid)