chore: Reset delivery option when creating API key (#4794)

* reset template store for delivery option

app/(gcforms)/[locale]/(form administration)/form-builder/[id]/components/dialogs/ApiKeyDialog/ApiKeyDialog.tsx

@@ -16,6 +16,7 @@ import { logMessage } from "@lib/logger";
 import { sendResponsesToVault } from "@formBuilder/actions";
 import { useFormBuilderConfig } from "@lib/hooks/useFormBuilderConfig";
 import { GenerateKeySuccess } from "./GenerateKeySuccess";
+import { useTemplateStore } from "@lib/store/useTemplateStore";
 
 type APIKeyCustomEventDetails = {
   id: string;
@@ -31,6 +32,10 @@ export const ApiKeyDialog = ({ isVaultDelivery = false }: { isVaultDelivery?: bo
   const { Event } = useCustomEvent();
   const { t } = useTranslation("form-builder");
 
+  const { resetDeliveryOption } = useTemplateStore((s) => ({
+    resetDeliveryOption: s.resetDeliveryOption,
+  }));
+
   // Setup + Open dialog
   const [id, setId] = useState<string>("");
   const [isOpen, setIsOpen] = useState(false);
@@ -93,6 +98,9 @@ export const ApiKeyDialog = ({ isVaultDelivery = false }: { isVaultDelivery?: bo
           // Handling as generic as we're in the process of creating a key
           throw new Error(result.error);
         }
+
+        // Sync the template store with the new delivery option
+        resetDeliveryOption();
       }
 
       const key = await _createKey(id);