@salesforcedevs/dw-components 1.3.148-canary.6 → 1.3.148-canary.8

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@salesforcedevs/dw-components",
-    "version": "1.3.148-canary.6",
+    "version": "1.3.148-canary.8",
     "description": "Lightning web components for https://developer.salesforce.com",
     "license": "MIT",
     "engines": {

package/src/modules/dw/j2sCardSequence/j2sCardSequence.ts

@@ -213,8 +213,8 @@ export default class J2sCardSequence extends LightningElement {
         }
     }
 
-    handleFormSubmit(evt: Event) {
-        if (!this.formHandler || this.isJ2sFormInvalid) {
+    async handleFormSubmit(evt: Event) {
+        if (!this.formHandler || this.isJ2sFormInvalid || !this.isLoggedIn) {
             return;
         }
 
@@ -231,10 +231,33 @@ export default class J2sCardSequence extends LightningElement {
             if (typeof formData.Privacy_Statement__c !== "boolean") {
                 formData.Privacy_Statement__c = true;
             }
-            console.log("would submit", JSON.stringify(formData, null, 2));
-            this.jumpToStepIndex(2);
+
+            console.log("submitting", JSON.stringify(formData, null, 2));
+            const res = await fetch(this.formHandler, {
+                method: "POST",
+                headers: {
+                    "Captcha-Response": this.recaptchaToken,
+                    "Content-Type": "application/json"
+                },
+                body: JSON.stringify({
+                    ...formData,
+                    handlerName: "J2S Registration Page",
+                    TBID__c: this.tbidUserInfo.user_id
+                })
+            });
+
+            if (res.ok) {
+                const resData = await res.json();
+                if (resData.status === "success") {
+                    this.jumpToStepIndex(2);
+                } else {
+                    throw new Error(
+                        `Form submission failed. (status: ${resData.status}, message: ${resData.errorMessage})`
+                    );
+                }
+            }
         } catch (ex) {
-            console.log(ex); // TODO
+            console.error(ex); // TODO
         }
 
         this._isFormSubmitting = false;

package/src/modules/dw/j2sForm/j2sForm.ts

@@ -80,13 +80,15 @@ export default class J2sForm extends LightningElementWithState<J2sFormState> {
         // but our custom form elements don't seem to implement what it is required for that currently. See:
         // https://web.dev/more-capable-form-controls/#defining-a-form-associated-custom-element
         const formData: any = {};
-        this.template.querySelectorAll("[name]").forEach((namedElement) => {
-            const typedElement = namedElement as HTMLInputElement;
-            formData[typedElement.name] =
-                typeof typedElement.checked === "boolean"
-                    ? typedElement.checked
-                    : typedElement.value;
-        });
+        this.template
+            .querySelectorAll("form [name]")
+            .forEach((namedElement) => {
+                const typedElement = namedElement as HTMLInputElement;
+                formData[typedElement.name] =
+                    typeof typedElement.checked === "boolean"
+                        ? typedElement.checked
+                        : typedElement.value;
+            });
         return formData;
     }