@sendmailos/sdk 1.0.0

package/dist/react/index.d.mts

@@ -0,0 +1,140 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React from 'react';
+
+interface SendMailOSContextValue {
+    publicKey: string;
+    baseUrl: string;
+}
+interface SendMailOSProviderProps {
+    /** Your public key (pk_live_... or pk_test_...) */
+    publicKey: string;
+    /** Custom API base URL (optional) */
+    baseUrl?: string;
+    children: React.ReactNode;
+}
+/**
+ * Provider component for SendMailOS React integration
+ *
+ * @example
+ * ```tsx
+ * import { SendMailOSProvider } from '@sendmailos/sdk/react';
+ *
+ * function App() {
+ *   return (
+ *     <SendMailOSProvider publicKey="pk_live_...">
+ *       <YourApp />
+ *     </SendMailOSProvider>
+ *   );
+ * }
+ * ```
+ */
+declare function SendMailOSProvider({ publicKey, baseUrl, children, }: SendMailOSProviderProps): react_jsx_runtime.JSX.Element;
+/**
+ * Hook to access SendMailOS context
+ */
+declare function useSendMailOS(): SendMailOSContextValue;
+
+interface SubscribeParams {
+    email: string;
+    firstName?: string;
+    lastName?: string;
+    tags?: string[];
+}
+interface SubscribeResult {
+    success: boolean;
+    subscriberId?: string;
+    message?: string;
+}
+interface UseSubscribeReturn {
+    /** Subscribe a new email address */
+    subscribe: (params: SubscribeParams) => Promise<SubscribeResult>;
+    /** Loading state */
+    isLoading: boolean;
+    /** Error message if subscription failed */
+    error: Error | null;
+    /** Success state */
+    isSuccess: boolean;
+    /** Reset the hook state */
+    reset: () => void;
+}
+/**
+ * Hook for subscribing users to your email list
+ *
+ * @example
+ * ```tsx
+ * function NewsletterForm() {
+ *   const { subscribe, isLoading, error, isSuccess } = useSubscribe();
+ *   const [email, setEmail] = useState('');
+ *
+ *   const handleSubmit = async (e) => {
+ *     e.preventDefault();
+ *     await subscribe({ email, tags: ['newsletter'] });
+ *   };
+ *
+ *   if (isSuccess) {
+ *     return <p>Thanks for subscribing!</p>;
+ *   }
+ *
+ *   return (
+ *     <form onSubmit={handleSubmit}>
+ *       <input
+ *         type="email"
+ *         value={email}
+ *         onChange={(e) => setEmail(e.target.value)}
+ *         placeholder="Enter your email"
+ *       />
+ *       <button disabled={isLoading}>
+ *         {isLoading ? 'Subscribing...' : 'Subscribe'}
+ *       </button>
+ *       {error && <p>{error.message}</p>}
+ *     </form>
+ *   );
+ * }
+ * ```
+ */
+declare function useSubscribe(): UseSubscribeReturn;
+
+interface SubscribeFormProps {
+    /** Tags to apply to new subscribers */
+    tags?: string[];
+    /** Callback when subscription succeeds */
+    onSuccess?: () => void;
+    /** Callback when subscription fails */
+    onError?: (error: Error) => void;
+    /** CSS class for the form container */
+    className?: string;
+    /** Placeholder text for email input */
+    placeholder?: string;
+    /** Text for submit button */
+    buttonText?: string;
+    /** Text shown while loading */
+    loadingText?: string;
+    /** Text shown on success */
+    successMessage?: string;
+    /** Whether to show first/last name fields */
+    showNameFields?: boolean;
+    /** Custom styles */
+    style?: React.CSSProperties;
+}
+/**
+ * Pre-built newsletter subscription form
+ *
+ * @example
+ * ```tsx
+ * import { SubscribeForm } from '@sendmailos/sdk/react';
+ *
+ * function Newsletter() {
+ *   return (
+ *     <SubscribeForm
+ *       tags={['newsletter']}
+ *       onSuccess={() => console.log('Subscribed!')}
+ *       buttonText="Join Newsletter"
+ *       placeholder="you@example.com"
+ *     />
+ *   );
+ * }
+ * ```
+ */
+declare function SubscribeForm({ tags, onSuccess, onError, className, placeholder, buttonText, loadingText, successMessage, showNameFields, style, }: SubscribeFormProps): react_jsx_runtime.JSX.Element;
+
+export { SendMailOSProvider, SubscribeForm, type SubscribeFormProps, useSendMailOS, useSubscribe };

package/dist/react/index.d.ts

@@ -0,0 +1,140 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React from 'react';
+
+interface SendMailOSContextValue {
+    publicKey: string;
+    baseUrl: string;
+}
+interface SendMailOSProviderProps {
+    /** Your public key (pk_live_... or pk_test_...) */
+    publicKey: string;
+    /** Custom API base URL (optional) */
+    baseUrl?: string;
+    children: React.ReactNode;
+}
+/**
+ * Provider component for SendMailOS React integration
+ *
+ * @example
+ * ```tsx
+ * import { SendMailOSProvider } from '@sendmailos/sdk/react';
+ *
+ * function App() {
+ *   return (
+ *     <SendMailOSProvider publicKey="pk_live_...">
+ *       <YourApp />
+ *     </SendMailOSProvider>
+ *   );
+ * }
+ * ```
+ */
+declare function SendMailOSProvider({ publicKey, baseUrl, children, }: SendMailOSProviderProps): react_jsx_runtime.JSX.Element;
+/**
+ * Hook to access SendMailOS context
+ */
+declare function useSendMailOS(): SendMailOSContextValue;
+
+interface SubscribeParams {
+    email: string;
+    firstName?: string;
+    lastName?: string;
+    tags?: string[];
+}
+interface SubscribeResult {
+    success: boolean;
+    subscriberId?: string;
+    message?: string;
+}
+interface UseSubscribeReturn {
+    /** Subscribe a new email address */
+    subscribe: (params: SubscribeParams) => Promise<SubscribeResult>;
+    /** Loading state */
+    isLoading: boolean;
+    /** Error message if subscription failed */
+    error: Error | null;
+    /** Success state */
+    isSuccess: boolean;
+    /** Reset the hook state */
+    reset: () => void;
+}
+/**
+ * Hook for subscribing users to your email list
+ *
+ * @example
+ * ```tsx
+ * function NewsletterForm() {
+ *   const { subscribe, isLoading, error, isSuccess } = useSubscribe();
+ *   const [email, setEmail] = useState('');
+ *
+ *   const handleSubmit = async (e) => {
+ *     e.preventDefault();
+ *     await subscribe({ email, tags: ['newsletter'] });
+ *   };
+ *
+ *   if (isSuccess) {
+ *     return <p>Thanks for subscribing!</p>;
+ *   }
+ *
+ *   return (
+ *     <form onSubmit={handleSubmit}>
+ *       <input
+ *         type="email"
+ *         value={email}
+ *         onChange={(e) => setEmail(e.target.value)}
+ *         placeholder="Enter your email"
+ *       />
+ *       <button disabled={isLoading}>
+ *         {isLoading ? 'Subscribing...' : 'Subscribe'}
+ *       </button>
+ *       {error && <p>{error.message}</p>}
+ *     </form>
+ *   );
+ * }
+ * ```
+ */
+declare function useSubscribe(): UseSubscribeReturn;
+
+interface SubscribeFormProps {
+    /** Tags to apply to new subscribers */
+    tags?: string[];
+    /** Callback when subscription succeeds */
+    onSuccess?: () => void;
+    /** Callback when subscription fails */
+    onError?: (error: Error) => void;
+    /** CSS class for the form container */
+    className?: string;
+    /** Placeholder text for email input */
+    placeholder?: string;
+    /** Text for submit button */
+    buttonText?: string;
+    /** Text shown while loading */
+    loadingText?: string;
+    /** Text shown on success */
+    successMessage?: string;
+    /** Whether to show first/last name fields */
+    showNameFields?: boolean;
+    /** Custom styles */
+    style?: React.CSSProperties;
+}
+/**
+ * Pre-built newsletter subscription form
+ *
+ * @example
+ * ```tsx
+ * import { SubscribeForm } from '@sendmailos/sdk/react';
+ *
+ * function Newsletter() {
+ *   return (
+ *     <SubscribeForm
+ *       tags={['newsletter']}
+ *       onSuccess={() => console.log('Subscribed!')}
+ *       buttonText="Join Newsletter"
+ *       placeholder="you@example.com"
+ *     />
+ *   );
+ * }
+ * ```
+ */
+declare function SubscribeForm({ tags, onSuccess, onError, className, placeholder, buttonText, loadingText, successMessage, showNameFields, style, }: SubscribeFormProps): react_jsx_runtime.JSX.Element;
+
+export { SendMailOSProvider, SubscribeForm, type SubscribeFormProps, useSendMailOS, useSubscribe };

package/dist/react/index.js

@@ -0,0 +1,228 @@
+'use strict';
+
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/react/provider.tsx
+var SendMailOSContext = react.createContext(null);
+function SendMailOSProvider({
+  publicKey,
+  baseUrl = "https://api.sendmailos.com/api/v1",
+  children
+}) {
+  if (!publicKey) {
+    throw new Error("SendMailOSProvider requires a publicKey");
+  }
+  if (!publicKey.startsWith("pk_")) {
+    console.warn(
+      '[SendMailOS] Public keys should start with "pk_". Never expose secret keys (sk_) in client-side code.'
+    );
+  }
+  const value = react.useMemo(
+    () => ({
+      publicKey,
+      baseUrl: baseUrl.replace(/\/$/, "")
+    }),
+    [publicKey, baseUrl]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(SendMailOSContext.Provider, { value, children });
+}
+function useSendMailOS() {
+  const context = react.useContext(SendMailOSContext);
+  if (!context) {
+    throw new Error("useSendMailOS must be used within a SendMailOSProvider");
+  }
+  return context;
+}
+function useSubscribe() {
+  const { publicKey, baseUrl } = useSendMailOS();
+  const [isLoading, setIsLoading] = react.useState(false);
+  const [error, setError] = react.useState(null);
+  const [isSuccess, setIsSuccess] = react.useState(false);
+  const reset = react.useCallback(() => {
+    setIsLoading(false);
+    setError(null);
+    setIsSuccess(false);
+  }, []);
+  const subscribe = react.useCallback(
+    async (params) => {
+      setIsLoading(true);
+      setError(null);
+      setIsSuccess(false);
+      try {
+        const response = await fetch(`${baseUrl}/public/subscribe`, {
+          method: "POST",
+          headers: {
+            "Content-Type": "application/json",
+            "X-Public-Key": publicKey
+          },
+          body: JSON.stringify({
+            email: params.email,
+            first_name: params.firstName,
+            last_name: params.lastName,
+            tags: params.tags
+          })
+        });
+        if (!response.ok) {
+          const data2 = await response.json().catch(() => ({}));
+          throw new Error(data2.error || "Failed to subscribe");
+        }
+        const data = await response.json();
+        setIsSuccess(true);
+        setIsLoading(false);
+        return {
+          success: true,
+          subscriberId: data.subscriber?.id,
+          message: data.message
+        };
+      } catch (err) {
+        const error2 = err instanceof Error ? err : new Error("Unknown error");
+        setError(error2);
+        setIsLoading(false);
+        return { success: false, message: error2.message };
+      }
+    },
+    [baseUrl, publicKey]
+  );
+  return {
+    subscribe,
+    isLoading,
+    error,
+    isSuccess,
+    reset
+  };
+}
+function SubscribeForm({
+  tags,
+  onSuccess,
+  onError,
+  className,
+  placeholder = "Enter your email",
+  buttonText = "Subscribe",
+  loadingText = "Subscribing...",
+  successMessage = "Thanks for subscribing!",
+  showNameFields = false,
+  style
+}) {
+  const { subscribe, isLoading, error, isSuccess, reset } = useSubscribe();
+  const [email, setEmail] = react.useState("");
+  const [firstName, setFirstName] = react.useState("");
+  const [lastName, setLastName] = react.useState("");
+  const handleSubmit = async (e) => {
+    e.preventDefault();
+    const result = await subscribe({
+      email,
+      firstName: showNameFields ? firstName : void 0,
+      lastName: showNameFields ? lastName : void 0,
+      tags
+    });
+    if (result.success) {
+      onSuccess?.();
+      setEmail("");
+      setFirstName("");
+      setLastName("");
+    } else if (error) {
+      onError?.(error);
+    }
+  };
+  if (isSuccess) {
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className, style, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("p", { style: { color: "#10b981", margin: 0 }, children: successMessage }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          onClick: reset,
+          style: {
+            marginTop: "8px",
+            padding: "4px 8px",
+            fontSize: "12px",
+            background: "transparent",
+            border: "1px solid #ccc",
+            borderRadius: "4px",
+            cursor: "pointer"
+          },
+          children: "Subscribe another"
+        }
+      )
+    ] });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("form", { onSubmit: handleSubmit, className, style, children: [
+    showNameFields && /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", gap: "8px", marginBottom: "8px" }, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "input",
+        {
+          type: "text",
+          value: firstName,
+          onChange: (e) => setFirstName(e.target.value),
+          placeholder: "First name",
+          style: {
+            flex: 1,
+            padding: "8px 12px",
+            border: "1px solid #ccc",
+            borderRadius: "4px"
+          }
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "input",
+        {
+          type: "text",
+          value: lastName,
+          onChange: (e) => setLastName(e.target.value),
+          placeholder: "Last name",
+          style: {
+            flex: 1,
+            padding: "8px 12px",
+            border: "1px solid #ccc",
+            borderRadius: "4px"
+          }
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", gap: "8px" }, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "input",
+        {
+          type: "email",
+          value: email,
+          onChange: (e) => setEmail(e.target.value),
+          placeholder,
+          required: true,
+          disabled: isLoading,
+          style: {
+            flex: 1,
+            padding: "8px 12px",
+            border: "1px solid #ccc",
+            borderRadius: "4px"
+          }
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "submit",
+          disabled: isLoading || !email,
+          style: {
+            padding: "8px 16px",
+            backgroundColor: isLoading ? "#9ca3af" : "#3b82f6",
+            color: "white",
+            border: "none",
+            borderRadius: "4px",
+            cursor: isLoading ? "not-allowed" : "pointer",
+            fontWeight: 500
+          },
+          children: isLoading ? loadingText : buttonText
+        }
+      )
+    ] }),
+    error && /* @__PURE__ */ jsxRuntime.jsx("p", { style: { color: "#ef4444", fontSize: "14px", marginTop: "8px" }, children: error.message })
+  ] });
+}
+
+exports.SendMailOSProvider = SendMailOSProvider;
+exports.SubscribeForm = SubscribeForm;
+exports.useSendMailOS = useSendMailOS;
+exports.useSubscribe = useSubscribe;
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/react/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/react/provider.tsx","../../src/react/use-subscribe.ts","../../src/react/subscribe-form.tsx"],"names":["createContext","useMemo","jsx","useContext","useState","useCallback","data","error","jsxs"],"mappings":"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","file":"index.js","sourcesContent":["import React, { createContext, useContext, useMemo } from 'react';\n\ninterface SendMailOSContextValue {\n  publicKey: string;\n  baseUrl: string;\n}\n\nconst SendMailOSContext = createContext<SendMailOSContextValue | null>(null);\n\nexport interface SendMailOSProviderProps {\n  /** Your public key (pk_live_... or pk_test_...) */\n  publicKey: string;\n  /** Custom API base URL (optional) */\n  baseUrl?: string;\n  children: React.ReactNode;\n}\n\n/**\n * Provider component for SendMailOS React integration\n * \n * @example\n * ```tsx\n * import { SendMailOSProvider } from '@sendmailos/sdk/react';\n * \n * function App() {\n *   return (\n *     <SendMailOSProvider publicKey=\"pk_live_...\">\n *       <YourApp />\n *     </SendMailOSProvider>\n *   );\n * }\n * ```\n */\nexport function SendMailOSProvider({\n  publicKey,\n  baseUrl = 'https://api.sendmailos.com/api/v1',\n  children,\n}: SendMailOSProviderProps) {\n  if (!publicKey) {\n    throw new Error('SendMailOSProvider requires a publicKey');\n  }\n\n  if (!publicKey.startsWith('pk_')) {\n    console.warn(\n      '[SendMailOS] Public keys should start with \"pk_\". ' +\n      'Never expose secret keys (sk_) in client-side code.'\n    );\n  }\n\n  const value = useMemo(\n    () => ({\n      publicKey,\n      baseUrl: baseUrl.replace(/\\/$/, ''),\n    }),\n    [publicKey, baseUrl]\n  );\n\n  return (\n    <SendMailOSContext.Provider value={value}>\n      {children}\n    </SendMailOSContext.Provider>\n  );\n}\n\n/**\n * Hook to access SendMailOS context\n */\nexport function useSendMailOS(): SendMailOSContextValue {\n  const context = useContext(SendMailOSContext);\n  \n  if (!context) {\n    throw new Error('useSendMailOS must be used within a SendMailOSProvider');\n  }\n  \n  return context;\n}\n","import { useState, useCallback } from 'react';\nimport { useSendMailOS } from './provider';\n\ninterface SubscribeParams {\n  email: string;\n  firstName?: string;\n  lastName?: string;\n  tags?: string[];\n}\n\ninterface SubscribeResult {\n  success: boolean;\n  subscriberId?: string;\n  message?: string;\n}\n\ninterface UseSubscribeReturn {\n  /** Subscribe a new email address */\n  subscribe: (params: SubscribeParams) => Promise<SubscribeResult>;\n  /** Loading state */\n  isLoading: boolean;\n  /** Error message if subscription failed */\n  error: Error | null;\n  /** Success state */\n  isSuccess: boolean;\n  /** Reset the hook state */\n  reset: () => void;\n}\n\n/**\n * Hook for subscribing users to your email list\n * \n * @example\n * ```tsx\n * function NewsletterForm() {\n *   const { subscribe, isLoading, error, isSuccess } = useSubscribe();\n *   const [email, setEmail] = useState('');\n * \n *   const handleSubmit = async (e) => {\n *     e.preventDefault();\n *     await subscribe({ email, tags: ['newsletter'] });\n *   };\n * \n *   if (isSuccess) {\n *     return <p>Thanks for subscribing!</p>;\n *   }\n * \n *   return (\n *     <form onSubmit={handleSubmit}>\n *       <input\n *         type=\"email\"\n *         value={email}\n *         onChange={(e) => setEmail(e.target.value)}\n *         placeholder=\"Enter your email\"\n *       />\n *       <button disabled={isLoading}>\n *         {isLoading ? 'Subscribing...' : 'Subscribe'}\n *       </button>\n *       {error && <p>{error.message}</p>}\n *     </form>\n *   );\n * }\n * ```\n */\nexport function useSubscribe(): UseSubscribeReturn {\n  const { publicKey, baseUrl } = useSendMailOS();\n  const [isLoading, setIsLoading] = useState(false);\n  const [error, setError] = useState<Error | null>(null);\n  const [isSuccess, setIsSuccess] = useState(false);\n\n  const reset = useCallback(() => {\n    setIsLoading(false);\n    setError(null);\n    setIsSuccess(false);\n  }, []);\n\n  const subscribe = useCallback(\n    async (params: SubscribeParams): Promise<SubscribeResult> => {\n      setIsLoading(true);\n      setError(null);\n      setIsSuccess(false);\n\n      try {\n        const response = await fetch(`${baseUrl}/public/subscribe`, {\n          method: 'POST',\n          headers: {\n            'Content-Type': 'application/json',\n            'X-Public-Key': publicKey,\n          },\n          body: JSON.stringify({\n            email: params.email,\n            first_name: params.firstName,\n            last_name: params.lastName,\n            tags: params.tags,\n          }),\n        });\n\n        if (!response.ok) {\n          const data = await response.json().catch(() => ({}));\n          throw new Error(data.error || 'Failed to subscribe');\n        }\n\n        const data = await response.json();\n        setIsSuccess(true);\n        setIsLoading(false);\n\n        return {\n          success: true,\n          subscriberId: data.subscriber?.id,\n          message: data.message,\n        };\n      } catch (err) {\n        const error = err instanceof Error ? err : new Error('Unknown error');\n        setError(error);\n        setIsLoading(false);\n        return { success: false, message: error.message };\n      }\n    },\n    [baseUrl, publicKey]\n  );\n\n  return {\n    subscribe,\n    isLoading,\n    error,\n    isSuccess,\n    reset,\n  };\n}\n","import React, { useState, FormEvent } from 'react';\nimport { useSubscribe } from './use-subscribe';\n\nexport interface SubscribeFormProps {\n  /** Tags to apply to new subscribers */\n  tags?: string[];\n  /** Callback when subscription succeeds */\n  onSuccess?: () => void;\n  /** Callback when subscription fails */\n  onError?: (error: Error) => void;\n  /** CSS class for the form container */\n  className?: string;\n  /** Placeholder text for email input */\n  placeholder?: string;\n  /** Text for submit button */\n  buttonText?: string;\n  /** Text shown while loading */\n  loadingText?: string;\n  /** Text shown on success */\n  successMessage?: string;\n  /** Whether to show first/last name fields */\n  showNameFields?: boolean;\n  /** Custom styles */\n  style?: React.CSSProperties;\n}\n\n/**\n * Pre-built newsletter subscription form\n * \n * @example\n * ```tsx\n * import { SubscribeForm } from '@sendmailos/sdk/react';\n * \n * function Newsletter() {\n *   return (\n *     <SubscribeForm\n *       tags={['newsletter']}\n *       onSuccess={() => console.log('Subscribed!')}\n *       buttonText=\"Join Newsletter\"\n *       placeholder=\"you@example.com\"\n *     />\n *   );\n * }\n * ```\n */\nexport function SubscribeForm({\n  tags,\n  onSuccess,\n  onError,\n  className,\n  placeholder = 'Enter your email',\n  buttonText = 'Subscribe',\n  loadingText = 'Subscribing...',\n  successMessage = 'Thanks for subscribing!',\n  showNameFields = false,\n  style,\n}: SubscribeFormProps) {\n  const { subscribe, isLoading, error, isSuccess, reset } = useSubscribe();\n  const [email, setEmail] = useState('');\n  const [firstName, setFirstName] = useState('');\n  const [lastName, setLastName] = useState('');\n\n  const handleSubmit = async (e: FormEvent) => {\n    e.preventDefault();\n    \n    const result = await subscribe({\n      email,\n      firstName: showNameFields ? firstName : undefined,\n      lastName: showNameFields ? lastName : undefined,\n      tags,\n    });\n\n    if (result.success) {\n      onSuccess?.();\n      setEmail('');\n      setFirstName('');\n      setLastName('');\n    } else if (error) {\n      onError?.(error);\n    }\n  };\n\n  if (isSuccess) {\n    return (\n      <div className={className} style={style}>\n        <p style={{ color: '#10b981', margin: 0 }}>{successMessage}</p>\n        <button\n          type=\"button\"\n          onClick={reset}\n          style={{\n            marginTop: '8px',\n            padding: '4px 8px',\n            fontSize: '12px',\n            background: 'transparent',\n            border: '1px solid #ccc',\n            borderRadius: '4px',\n            cursor: 'pointer',\n          }}\n        >\n          Subscribe another\n        </button>\n      </div>\n    );\n  }\n\n  return (\n    <form onSubmit={handleSubmit} className={className} style={style}>\n      {showNameFields && (\n        <div style={{ display: 'flex', gap: '8px', marginBottom: '8px' }}>\n          <input\n            type=\"text\"\n            value={firstName}\n            onChange={(e) => setFirstName(e.target.value)}\n            placeholder=\"First name\"\n            style={{\n              flex: 1,\n              padding: '8px 12px',\n              border: '1px solid #ccc',\n              borderRadius: '4px',\n            }}\n          />\n          <input\n            type=\"text\"\n            value={lastName}\n            onChange={(e) => setLastName(e.target.value)}\n            placeholder=\"Last name\"\n            style={{\n              flex: 1,\n              padding: '8px 12px',\n              border: '1px solid #ccc',\n              borderRadius: '4px',\n            }}\n          />\n        </div>\n      )}\n      \n      <div style={{ display: 'flex', gap: '8px' }}>\n        <input\n          type=\"email\"\n          value={email}\n          onChange={(e) => setEmail(e.target.value)}\n          placeholder={placeholder}\n          required\n          disabled={isLoading}\n          style={{\n            flex: 1,\n            padding: '8px 12px',\n            border: '1px solid #ccc',\n            borderRadius: '4px',\n          }}\n        />\n        <button\n          type=\"submit\"\n          disabled={isLoading || !email}\n          style={{\n            padding: '8px 16px',\n            backgroundColor: isLoading ? '#9ca3af' : '#3b82f6',\n            color: 'white',\n            border: 'none',\n            borderRadius: '4px',\n            cursor: isLoading ? 'not-allowed' : 'pointer',\n            fontWeight: 500,\n          }}\n        >\n          {isLoading ? loadingText : buttonText}\n        </button>\n      </div>\n      \n      {error && (\n        <p style={{ color: '#ef4444', fontSize: '14px', marginTop: '8px' }}>\n          {error.message}\n        </p>\n      )}\n    </form>\n  );\n}\n"]}