dune-react 0.0.7 → 0.0.8

package/dist/components/puck-base/button.d.ts

@@ -8,6 +8,7 @@ export interface CompoundButtonProps {
     size?: ButtonProps["size"];
     icon?: IconName;
     type?: "button" | "submit" | "reset";
+    disabled?: boolean;
     className?: string;
 }
 export declare const CompoundButton: (props: CompoundButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/puck-base/button.js

@@ -72,6 +72,7 @@ function CompoundButtonBase(props) {
       size: props.size,
       className: cn("gap-4", props.className),
       type: props.type ?? "button",
+      disabled: props.disabled,
       children: content
     }
   );

package/dist/components/puck-base/editor-context.d.ts

@@ -5,6 +5,10 @@ type EditorContextValue = {
     isEditor: boolean;
     toolbarPortalRef: RefObject<HTMLDivElement | null> | null;
     fetchLibraryImages?: () => Promise<string[]>;
+    /** 站点 ID，用于表单提交等业务接口 */
+    siteId?: string;
+    /** 后台 API 域名，如 https://api.example.com */
+    domain?: string;
 };
 export declare const EditorContextProvider: import("react").Provider<EditorContextValue>;
 export declare const useEditorContext: () => EditorContextValue;

package/dist/components/puck-block/contact-sections/contact-us-1/contact-us.js

@@ -17,17 +17,42 @@ const DEFAULT_FIELDS = [
   { label: "Message", name: "message", type: "textarea", required: true }
 ];
 const ContactUs = (props) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h;
-  const { isEditor: isEditorMode } = useEditorContext();
+  var _a, _b, _c, _d, _e, _f;
+  const { isEditor: isEditorMode, siteId, domain } = useEditorContext();
   const formFields = ((_b = (_a = props.form) == null ? void 0 : _a.fields) == null ? void 0 : _b.length) ? props.form.fields : DEFAULT_FIELDS;
   const [values, setValues] = useState({});
+  const [submitting, setSubmitting] = useState(false);
   const setValue = (name, value) => setValues((prev) => ({ ...prev, [name]: value }));
-  const handleSubmit = (e) => {
+  const handleSubmit = async (e) => {
     e.preventDefault();
     if (isEditorMode) return;
-    console.log({ ...values });
-    toast.success("Message sent successfully!");
-    setValues({});
+    setSubmitting(true);
+    try {
+      const baseUrl = (domain || "").replace(/\/$/, "");
+      const res = await fetch(`${baseUrl}/api/form-leads`, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({
+          site_id: siteId,
+          name: values.name || "",
+          email: values.email || "",
+          phone: values.phone || "",
+          message: values.message || "",
+          source_page: typeof window !== "undefined" ? window.location.pathname : ""
+        })
+      });
+      const data = await res.json().catch(() => null);
+      if (!res.ok || !(data == null ? void 0 : data.success)) {
+        throw new Error((data == null ? void 0 : data.errMsg) || `HTTP ${res.status}`);
+      }
+      toast.success("Message sent successfully!");
+      setValues({});
+    } catch (err) {
+      const msg = err instanceof Error ? err.message : "Failed to send message";
+      toast.error(msg);
+    } finally {
+      setSubmitting(false);
+    }
   };
   const submitLabel = ((_d = (_c = props.form) == null ? void 0 : _c.button) == null ? void 0 : _d.label) ?? "Send Message";
   const submitIcon = ((_f = (_e = props.form) == null ? void 0 : _e.button) == null ? void 0 : _f.icon) ?? "send";
@@ -49,8 +74,6 @@ const ContactUs = (props) => {
       {
         className: "rounded-md max-w-md w-full flex flex-col border p-8 gap-4",
         onSubmit: handleSubmit,
-        action: (_g = props.form) == null ? void 0 : _g.action,
-        method: (_h = props.form) == null ? void 0 : _h.method,
         children: [
           formFields.reduce((rows, field, i) => {
             var _a2, _b2, _c2;
@@ -127,11 +150,12 @@ const ContactUs = (props) => {
           /* @__PURE__ */ jsx(
             CompoundButton,
             {
-              label: submitLabel,
+              label: submitting ? "Sending..." : submitLabel,
               variant: "default",
               size: "default",
-              icon: submitIcon,
-              type: "submit"
+              icon: submitting ? "loader" : submitIcon,
+              type: "submit",
+              disabled: submitting
             }
           )
         ]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dune-react",
-  "version": "0.0.7",
+  "version": "0.0.8",
   "license": "MIT",
   "type": "module",
   "scripts": {