@salesforcedevs/dw-components 1.3.148-canary.2 → 1.3.148-canary.4

package/package.json

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

package/src/modules/dw/j2sCardSequence/j2sCardSequence.html

@@ -39,7 +39,9 @@
                                     form-metadata={stepDatum.formMetadata}
                                     incoming-user-info={formIncomingUserInfo}
                                     onformvaliditychange={handleFormValidityChange}
-                                ></dw-j2s-form>
+                                >
+                                    <slot name="captcha-slot"></slot>
+                                </dw-j2s-form>
                             </template>
                         </template>
                     </div>

package/src/modules/dw/j2sForm/j2sForm.html

@@ -154,7 +154,7 @@
                     class="legal-terms no-checkbox"
                 ></span>
             </div>
-            <div if:true={recaptcha} class="captcha" lwc:dom="manual"></div>
+            <slot name="captcha-slot"></slot>
         </div>
     </form>
 </template>

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

@@ -198,20 +198,20 @@ export default class J2sForm extends LightningElementWithState<J2sFormState> {
             this.template.querySelector("form")?.setAttribute("id", this.id);
         }
 
-        if (!this._didRenderRecaptcha && this.recaptcha) {
-            this._didRenderRecaptcha = true;
-            this.recaptcha.render(this.template.querySelector(".captcha"), {
-                sitekey: this.drmRecaptchaSiteKey,
-                callback: (recaptchaToken: string) => {
-                    console.log("got captcha", recaptchaToken);
-                },
-                "expired-callback": () => {},
-                "error-callback": (...args: any[]) => {
-                    console.log("RECAPTCHA ERROR");
-                    console.log(...args);
-                }
-            });
-        }
+        // if (!this._didRenderRecaptcha && this.recaptcha) {
+        //     this._didRenderRecaptcha = true;
+        //     this.recaptcha.render(this.template.querySelector(".captcha"), {
+        //         sitekey: this.drmRecaptchaSiteKey,
+        //         callback: (recaptchaToken: string) => {
+        //             console.log("got captcha", recaptchaToken);
+        //         },
+        //         "expired-callback": () => {},
+        //         "error-callback": (...args: any[]) => {
+        //             console.log("RECAPTCHA ERROR");
+        //             console.log(...args);
+        //         }
+        //     });
+        // }
     }
 
     disconnectedCallback() {