WIP

eds/blocks/form/form.js

@@ -89,16 +89,41 @@ export default async function decorate(block) {
   // merge config and baseFormProps
   const formProps = { ...baseFormProps, ...config };
 
+  console.log('formProps', formProps);
+
+  console.log('window', window, window.initOneForm);
+  const initResult = window.initOneForm(divId, formProps);
+  console.log('init result', initResult);
+
+  console.log('window', window);
+
+  const form = window.oneForm.attachToForm(divId);
+  form.on('load', (formApi) => {
+    //Perform API actions here
+    console.log('form loaded');
+  });
+
   // workaround for initOneForm requiring the form div to be in the DOM,
   // which it is not when loaded as a fragment
   const observer = new MutationObserver((mutationsList) => {
     mutationsList.forEach((mutation) => {
+      if (mutation.type === 'childlist') {
+        console.log('A child node has been added or removed.', document.getElementById(divId));
+      }
       if (mutation.type === 'childList' && document.getElementById(divId)) {
-        window.initOneForm(divId, formProps);
+        const initResult = window.initOneForm(divId, formProps);
+        console.log('init result', initResult);
+        observer.observe(document.body, { childList: true, subtree: true });
+
+        const form = window.oneForm.attachToForm(divId);
+        form.on('load', (formApi) => {
+          //Perform API actions here
+          console.log('form loaded');
+        });
         observer.disconnect();
       }
     });
   });
 
-  observer.observe(document.body, { childList: true, subtree: true });
+
 }