feat: allow form block to submit to an arbitraty url

blocks/form/form.js

@@ -1,14 +1,14 @@
 import createField from './form-fields.js';
 import { sampleRUM } from '../../scripts/aem.js';
 
-async function createForm(formHref) {
+async function createForm(formHref, submitHref) {
   const { pathname } = new URL(formHref);
   const resp = await fetch(pathname);
   const json = await resp.json();
 
   const form = document.createElement('form');
   // eslint-disable-next-line prefer-destructuring
-  form.dataset.action = pathname.split('.json')[0];
+  form.dataset.action = submitHref;
 
   const fields = await Promise.all(json.data.map((fd) => createField(fd, form)));
   fields.forEach((field) => {
@@ -86,10 +86,12 @@ async function handleSubmit(form) {
 }
 
 export default async function decorate(block) {
-  const formLink = block.querySelector('a[href$=".json"]');
+  const links = [...block.querySelectorAll('a')].map((a) => a.href);
+  const formLink = links.find((link) => link.startsWith(window.location.origin) && link.endsWith('.json'));
+  const submitLink = links.find((link) => link !== formLink);
   if (!formLink) return;
 
-  const form = await createForm(formLink.href);
+  const form = await createForm(formLink, submitLink);
   block.replaceChildren(form);
 
   form.addEventListener('submit', (e) => {