EOD checkin

Author: oddevan

components/molecules/GravityForm/GravityForm.js

@@ -25,17 +25,29 @@ export default function GravityForm({
   const formValidationSchema = getGfFormValidationSchema(fieldData)
   const fieldDefaults = getGfFormDefaults(fieldData)
 
+  // fetch('/api/wp/getWPUrl')
+  //   .then((result) => result.json)
+  //   .then((parsed) => {
+  //     wpBase = parsed.wpApiUrlBase
+  //   })
+
   return (
     <Form
       className={cn(styles.gravityForm, cssClass)}
       formDefaults={fieldDefaults}
       id={formId && `gform-${formId}`}
       validationSchema={formValidationSchema}
-      onSubmit={(values) => {
-        const formApiUrl = `https://nextjswp.test/wp-json/gf/v2/forms/${formId}/submissions`
+      onSubmit={async (values) => {
+        const wpBaseRequest = await fetch('/api/wp/getWPUrl')
+        const wpBaseObject = await wpBaseRequest.json()
+        const wpBase = wpBaseObject.wpApiUrlBase
+
+        const formApiUrl = `${wpBase}wp-json/gf/v2/forms/${formId}/submissions`
         const formData = new FormData()
         const formKeys = Object.keys(values)
 
+        formData.append('form_id', formId)
+
         formKeys.forEach((key) => {
           let fieldName = key.replaceAll('-', '_')
           if (fieldName.endsWith('_filedata')) {

pages/api/wp/getWPUrl.js

@@ -0,0 +1,12 @@
+import {wpApiUrlBase} from '@/api/wordpress/connector'
+
+/**
+ * Load more posts for an archive.
+ *
+ * @author WebDevStudios
+ * @param {object} req Instance of http.IncomingMessage.
+ * @param {object} res Instance of http.ServerResponse.
+ */
+export default function getWPUrl(req, res) {
+  res.status(200).send({wpApiUrlBase})
+}