@usefillo/react 0.5.1 → 0.5.3

package/dist/index.js

@@ -1359,8 +1359,8 @@ function shouldAutoSubmit(field, value, api) {
   if (!hasDiscreteAnswer) return false;
   if (value === api.data[field.id]) return false;
   const nextData = { ...api.data, [field.id]: value };
-  const visible = visibleFields(api.form, nextData);
-  if (visible.length !== 1 || visible[0]?.id !== field.id) return false;
+  const interactive = visibleFields(api.form, nextData).filter((f) => f.kind !== "hidden");
+  if (interactive.length !== 1 || interactive[0]?.id !== field.id) return false;
   return validateResponse(api.form, nextData).ok;
 }
 function blockHasPiping(block) {
@@ -1491,9 +1491,10 @@ function isAutoSubmitBlock(block) {
   return isField2(block) && (block.kind === "select" || block.kind === "dropdown" || block.kind === "checkbox" || block.kind === "rating" || block.kind === "linear_scale");
 }
 function needsExplicitSubmit(visible) {
-  if (visible.length === 0) return false;
-  if (visible.length > 1) return true;
-  return !isAutoSubmitBlock(visible[0]);
+  const interactive = visible.filter((b) => !(isField2(b) && b.kind === "hidden"));
+  if (interactive.length === 0) return false;
+  if (interactive.length > 1) return true;
+  return !isAutoSubmitBlock(interactive[0]);
 }
 function FilloForm(props) {
   const { form, formId } = props;

package/dist/styles.css

@@ -586,17 +586,17 @@
   }
 
   /* ---------- Success ---------- */
-  .fillo-success { display: flex; flex-direction: column; align-items: center; gap: 0.6rem; text-align: center; padding: 2.5rem 1rem; }
+  .fillo-success { display: flex; flex-direction: column; align-items: center; gap: 0.4rem; text-align: center; padding: 1.4rem 1rem; }
   .fillo-success-mark {
-    width: 3rem; height: 3rem;
+    width: 2rem; height: 2rem;
     display: grid; place-items: center;
     border-radius: 999px;
     background: color-mix(in srgb, var(--fillo-primary) 10%, transparent);
     color: var(--fillo-primary);
-    font-size: 1.4rem; font-weight: 700;
+    font-size: 0.95rem; font-weight: 700;
   }
-  .fillo-success-title { margin: 0; font-size: 1.35rem; letter-spacing: 0; }
-  .fillo-success-message { margin: 0; color: var(--fillo-muted); }
+  .fillo-success-title { margin: 0; font-size: 1.05rem; letter-spacing: 0; }
+  .fillo-success-message { margin: 0; font-size: 0.875rem; color: var(--fillo-muted); }
 
   /* Honeypot — off-screen, never display:none (bots check that) */
   .fillo-hp {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@usefillo/react",
-  "version": "0.5.1",
+  "version": "0.5.3",
   "description": "Headless React components for embedding Fillo forms natively in your product.",
   "license": "MIT",
   "keywords": [