@ohhwells/bridge 0.1.65-next.184 → 0.1.65-next.186

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
@@ -7252,7 +7263,6 @@ function insertField(form, type) {
   const input = fieldInputOf(wrapper);
   if (input) {
     input.setAttribute("name", key);
-    input.setAttribute("data-ohw-key", key);
     input.removeAttribute("required");
     input.setAttribute("placeholder", defaults.placeholder);
     input.value = "";
@@ -7269,9 +7279,11 @@ function duplicateField(form, wrapper) {
   const input = fieldInputOf(copy);
   if (input) {
     input.setAttribute("name", key);
-    input.setAttribute("data-ohw-key", key);
+    input.removeAttribute("data-ohw-key");
     input.value = "";
   }
+  const label = fieldLabelOf(copy);
+  if (label) label.setAttribute("data-ohw-key", `${key}-label`);
   wrapper.after(copy);
   return copy;
 }
@@ -7314,8 +7326,8 @@ function reconcileFieldsFromContent(form, content) {
       const input = fieldInputOf(wrapper);
       if (input) {
         input.setAttribute("name", spec.key);
-        input.setAttribute("data-ohw-key", spec.key);
       }
+      fieldLabelOf(wrapper)?.setAttribute("data-ohw-key", `${spec.key}-label`);
       byKey.set(spec.key, wrapper);
     }
     applyFieldType(wrapper, spec.type);
@@ -16914,6 +16926,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 {