@usefillo/react 0.3.1 → 0.3.2

package/dist/index.js

@@ -899,7 +899,7 @@ function FilloForm(props) {
   const [fetchedTheme, setFetchedTheme] = useState5(null);
   const [loadError, setLoadError] = useState5(null);
   const [closed, setClosed] = useState5(false);
-  const [fetchedPoweredBy, setFetchedPoweredBy] = useState5(null);
+  const [fetchedBranding, setFetchedBranding] = useState5(null);
   const codeForm = isCodeForm2(form) ? form : null;
   const inlineSchema = codeForm ? codeForm.schema : form;
   const onError = props.onError;
@@ -915,7 +915,7 @@ function FilloForm(props) {
       setFetched(published.schema);
       setFetchedTheme(published.theme);
       setClosed(Boolean(published.closed));
-      setFetchedPoweredBy(published.branding?.poweredBy ?? null);
+      setFetchedBranding(published.branding ?? null);
     }).catch((err) => {
       if (cancelled) return;
       const error = err instanceof FilloError2 ? err : new FilloError2("This form could not be loaded.", 0);
@@ -953,7 +953,7 @@ function FilloForm(props) {
       }
     );
   }
-  const poweredBy = props.skipValidation ? false : props.poweredBy ?? fetchedPoweredBy ?? true;
+  const poweredBy = props.skipValidation ? false : props.poweredBy ?? fetchedBranding?.poweredBy ?? true;
   return /* @__PURE__ */ jsx4(
     ResolvedForm,
     {
@@ -962,21 +962,16 @@ function FilloForm(props) {
       schema,
       theme,
       formId: syncedFormId ?? formId,
-      poweredBy
+      poweredBy,
+      brandLabel: fetchedBranding?.label,
+      brandHref: fetchedBranding?.href
     }
   );
 }
-function PoweredBy() {
-  return /* @__PURE__ */ jsx4(
-    "a",
-    {
-      className: "fillo-powered",
-      href: "https://fillo.so?utm_source=form_badge",
-      target: "_blank",
-      rel: "noopener",
-      children: "Powered by Fillo"
-    }
-  );
+function PoweredBy({ label, href }) {
+  const base = href ?? "https://fillo.so";
+  const url = `${base}${base.includes("?") ? "&" : "?"}utm_source=form_badge`;
+  return /* @__PURE__ */ jsx4("a", { className: "fillo-powered", href: url, target: "_blank", rel: "noopener", children: label ?? "Powered by Fillo" });
 }
 function isDevEnv() {
   return typeof process !== "undefined" && process.env?.NODE_ENV !== "production";
@@ -1018,7 +1013,7 @@ function ResolvedForm(props) {
         /* @__PURE__ */ jsx4("h2", { className: "fillo-success-title", children: settings.successTitle ?? "Thanks!" }),
         /* @__PURE__ */ jsx4("p", { className: "fillo-success-message", children: settings.successMessage ?? "Your response has been recorded." })
       ] }),
-      props.poweredBy && /* @__PURE__ */ jsx4(PoweredBy, {})
+      props.poweredBy && /* @__PURE__ */ jsx4(PoweredBy, { label: props.brandLabel, href: props.brandHref })
     ] });
   }
   const multiPage = api.pageCount > 1;
@@ -1094,7 +1089,7 @@ function ResolvedForm(props) {
             }
           )
         ] }),
-        props.poweredBy && /* @__PURE__ */ jsx4(PoweredBy, {})
+        props.poweredBy && /* @__PURE__ */ jsx4(PoweredBy, { label: props.brandLabel, href: props.brandHref })
       ]
     }
   ) });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@usefillo/react",
-  "version": "0.3.1",
+  "version": "0.3.2",
   "description": "Headless React components for embedding Fillo forms natively in your product.",
   "license": "MIT",
   "keywords": [
@@ -32,7 +32,7 @@
     "access": "public"
   },
   "dependencies": {
-    "@usefillo/core": "^0.3.1"
+    "@usefillo/core": "^0.3.2"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",