@ohhwells/bridge 0.1.65-next.183 → 0.1.65-next.185

package/dist/index.cjs

@@ -6969,14 +6969,23 @@ function setFormViewState(form, formKey, state, initialText) {
   success.style.display = state === "success" ? "" : "none";
 }
 var BOUND_ATTR = "data-ohw-form-bound";
+var publishedFormContext = {
+  apiUrl: "",
+  subdomain: "",
+  content: {}
+};
 function bindPublishedForms(apiUrl, subdomain, content = {}) {
-  document.querySelectorAll(FORM_SELECTOR).forEach((form) => {
-    if (form.hasAttribute(BOUND_ATTR)) return;
-    if (!(form instanceof HTMLFormElement)) return;
-    const formKey = formKeyOf(form);
-    if (!formKey) return;
-    form.setAttribute(BOUND_ATTR, "");
-    form.addEventListener("submit", async (e) => {
+  publishedFormContext = { apiUrl, subdomain, content };
+  if (document.documentElement.hasAttribute(BOUND_ATTR)) return;
+  document.documentElement.setAttribute(BOUND_ATTR, "");
+  document.addEventListener(
+    "submit",
+    async (e) => {
+      const target = e.target;
+      const form = target?.closest(FORM_SELECTOR);
+      if (!form || !(form instanceof HTMLFormElement)) return;
+      const formKey = formKeyOf(form);
+      if (!formKey) return;
       e.preventDefault();
       clearSubmitError(form);
       const submitButton = form.querySelector(
@@ -6984,7 +6993,8 @@ function bindPublishedForms(apiUrl, subdomain, content = {}) {
       );
       if (submitButton) submitButton.disabled = true;
       try {
-        const response = await fetch(`${apiUrl}/api/public/sites/${subdomain}/forms/submissions`, {
+        const { apiUrl: api, subdomain: site, content: latest } = publishedFormContext;
+        const response = await fetch(`${api}/api/public/sites/${site}/forms/submissions`, {
           method: "POST",
           headers: { "Content-Type": "application/json" },
           body: JSON.stringify({
@@ -6994,13 +7004,14 @@ function bindPublishedForms(apiUrl, subdomain, content = {}) {
           })
         });
         if (!response.ok) throw new Error(`submit failed: ${response.status}`);
-        showSuccess(form, content[formSuccessKey(formKey)]);
+        showSuccess(form, latest[formSuccessKey(formKey)]);
       } catch {
         showSubmitError(form);
         if (submitButton) submitButton.disabled = false;
       }
-    });
-  });
+    },
+    true
+  );
 }
 
 // src/lib/form-fields.ts
@@ -13410,8 +13421,10 @@ function getLinkHref3(el) {
 }
 function collectEditableNodes(extraContent, root = document) {
   const isScoped = root !== document;
-  const editableEls = Array.from(root.querySelectorAll("[data-ohw-editable]"));
-  if (isScoped && root instanceof HTMLElement && root.matches("[data-ohw-editable]")) {
+  const editableEls = Array.from(
+    root.querySelectorAll('[data-ohw-editable]:not([data-ohw-editable="form"])')
+  );
+  if (isScoped && root instanceof HTMLElement && root.matches('[data-ohw-editable]:not([data-ohw-editable="form"])')) {
     editableEls.unshift(root);
   }
   const nodes = editableEls.map((el) => {
@@ -16912,6 +16925,9 @@ function OhhwellsBridge() {
         reconcileSocialsFromContent(content);
         applySocialsDisplayFromContent(content);
         document.querySelectorAll('[data-ohw-editable="form"]').forEach((form) => {
+          if (!form.querySelector("[data-ohw-form-success]")) {
+            reconcileFieldsFromContent(form, content);
+          }
           listFieldWrappers(form).forEach(syncRequiredMark);
         });
       } finally {