@saastro/forms 0.6.1 → 0.6.2

package/dist/index.js

@@ -6129,19 +6129,31 @@ function turnstilePlugin(config) {
   } = config;
   let scriptElement = null;
   let createdContainer = null;
+  let renderedEl = null;
   let widgetId;
   let lastToken = null;
   let pending = null;
+  const markNoTranslate = (el) => {
+    el.setAttribute("translate", "no");
+    el.classList.add("notranslate");
+  };
   const resolveContainer = () => {
     if (container) {
       const found = document.querySelector(container);
-      if (found) return found;
+      if (found) {
+        markNoTranslate(found);
+        return found;
+      }
     }
     const byData = document.querySelector("[data-saastro-turnstile]");
-    if (byData) return byData;
-    if (!createdContainer) {
+    if (byData) {
+      markNoTranslate(byData);
+      return byData;
+    }
+    if (!createdContainer || !document.body.contains(createdContainer)) {
       createdContainer = document.createElement("div");
       createdContainer.setAttribute("data-saastro-turnstile-fallback", "");
+      markNoTranslate(createdContainer);
       createdContainer.style.position = "fixed";
       createdContainer.style.bottom = "12px";
       createdContainer.style.right = "12px";
@@ -6150,10 +6162,19 @@ function turnstilePlugin(config) {
     }
     return createdContainer;
   };
+  const widgetAlive = () => widgetId !== void 0 && !!renderedEl && document.contains(renderedEl) && renderedEl.childElementCount > 0;
   const ensureWidget = async () => {
     const api = await waitForTurnstile();
-    if (widgetId === void 0) {
+    if (!widgetAlive()) {
+      if (widgetId !== void 0) {
+        try {
+          api.remove(widgetId);
+        } catch {
+        }
+        widgetId = void 0;
+      }
       const el = resolveContainer();
+      renderedEl = el;
       widgetId = api.render(el, {
         sitekey: siteKey,
         appearance,
@@ -6230,6 +6251,7 @@ function turnstilePlugin(config) {
         }
       }
       widgetId = void 0;
+      renderedEl = null;
       lastToken = null;
       pending = null;
       if (createdContainer?.parentNode) {
@@ -7187,7 +7209,7 @@ function HubForm({
   };
   return /* @__PURE__ */ jsxs11(Fragment3, { children: [
     /* @__PURE__ */ jsx14(Form, { ...formProps, config }),
-    captcha?.provider === "turnstile" ? /* @__PURE__ */ jsx14("div", { "data-saastro-turnstile": true }) : null
+    captcha?.provider === "turnstile" ? /* @__PURE__ */ jsx14("div", { "data-saastro-turnstile": true, translate: "no", className: "notranslate" }) : null
   ] });
 }
 var loadingStyle = {