payload-plugin-newsletter 0.3.2 → 0.4.5

package/dist/src/components/NewsletterForm.js

@@ -1,326 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { useState } from 'react';
-const defaultStyles = {
-    form: {
-        display: 'flex',
-        flexDirection: 'column',
-        gap: '1rem',
-        maxWidth: '400px',
-        margin: '0 auto'
-    },
-    inputGroup: {
-        display: 'flex',
-        flexDirection: 'column',
-        gap: '0.5rem'
-    },
-    label: {
-        fontSize: '0.875rem',
-        fontWeight: '500',
-        color: '#374151'
-    },
-    input: {
-        padding: '0.5rem 0.75rem',
-        fontSize: '1rem',
-        border: '1px solid #e5e7eb',
-        borderRadius: '0.375rem',
-        outline: 'none',
-        transition: 'border-color 0.2s'
-    },
-    button: {
-        padding: '0.75rem 1.5rem',
-        fontSize: '1rem',
-        fontWeight: '500',
-        color: '#ffffff',
-        backgroundColor: '#3b82f6',
-        border: 'none',
-        borderRadius: '0.375rem',
-        cursor: 'pointer',
-        transition: 'background-color 0.2s'
-    },
-    buttonDisabled: {
-        opacity: 0.5,
-        cursor: 'not-allowed'
-    },
-    error: {
-        fontSize: '0.875rem',
-        color: '#ef4444',
-        marginTop: '0.25rem'
-    },
-    success: {
-        fontSize: '0.875rem',
-        color: '#10b981',
-        marginTop: '0.25rem'
-    },
-    checkbox: {
-        display: 'flex',
-        alignItems: 'center',
-        gap: '0.5rem'
-    },
-    checkboxInput: {
-        width: '1rem',
-        height: '1rem'
-    },
-    checkboxLabel: {
-        fontSize: '0.875rem',
-        color: '#374151'
-    }
-};
-export const NewsletterForm = ({ onSuccess, onError, showName = false, showPreferences = false, leadMagnet, className, styles: customStyles = {}, apiEndpoint = '/api/newsletter/subscribe', buttonText = 'Subscribe', loadingText = 'Subscribing...', successMessage = 'Successfully subscribed!', placeholders = {
-    email: 'Enter your email',
-    name: 'Enter your name'
-}, labels = {
-    email: 'Email',
-    name: 'Name',
-    newsletter: 'Newsletter updates',
-    announcements: 'Product announcements'
-} })=>{
-    const [email, setEmail] = useState('');
-    const [name, setName] = useState('');
-    const [preferences, setPreferences] = useState({
-        newsletter: true,
-        announcements: true
-    });
-    const [loading, setLoading] = useState(false);
-    const [error, setError] = useState(null);
-    const [success, setSuccess] = useState(false);
-    const styles = {
-        form: {
-            ...defaultStyles.form,
-            ...customStyles.form
-        },
-        inputGroup: {
-            ...defaultStyles.inputGroup,
-            ...customStyles.inputGroup
-        },
-        label: {
-            ...defaultStyles.label,
-            ...customStyles.label
-        },
-        input: {
-            ...defaultStyles.input,
-            ...customStyles.input
-        },
-        button: {
-            ...defaultStyles.button,
-            ...customStyles.button
-        },
-        buttonDisabled: {
-            ...defaultStyles.buttonDisabled,
-            ...customStyles.buttonDisabled
-        },
-        error: {
-            ...defaultStyles.error,
-            ...customStyles.error
-        },
-        success: {
-            ...defaultStyles.success,
-            ...customStyles.success
-        },
-        checkbox: {
-            ...defaultStyles.checkbox,
-            ...customStyles.checkbox
-        },
-        checkboxInput: {
-            ...defaultStyles.checkboxInput,
-            ...customStyles.checkboxInput
-        },
-        checkboxLabel: {
-            ...defaultStyles.checkboxLabel,
-            ...customStyles.checkboxLabel
-        }
-    };
-    const handleSubmit = async (e)=>{
-        e.preventDefault();
-        setError(null);
-        setLoading(true);
-        try {
-            const payload = {
-                email,
-                ...showName && name && {
-                    name
-                },
-                ...showPreferences && {
-                    preferences
-                },
-                ...leadMagnet && {
-                    leadMagnet: leadMagnet.id
-                },
-                metadata: {
-                    signupPage: window.location.href,
-                    ...typeof window !== 'undefined' && window.location.search && {
-                        utmParams: Object.fromEntries(new URLSearchParams(window.location.search))
-                    }
-                }
-            };
-            const response = await fetch(apiEndpoint, {
-                method: 'POST',
-                headers: {
-                    'Content-Type': 'application/json'
-                },
-                body: JSON.stringify(payload)
-            });
-            const data = await response.json();
-            if (!response.ok) {
-                throw new Error(data.error || data.errors?.join(', ') || 'Subscription failed');
-            }
-            setSuccess(true);
-            setEmail('');
-            setName('');
-            if (onSuccess) {
-                onSuccess(data.subscriber);
-            }
-        } catch (err) {
-            const errorMessage = err instanceof Error ? err.message : 'An error occurred';
-            setError(errorMessage);
-            if (onError) {
-                onError(new Error(errorMessage));
-            }
-        } finally{
-            setLoading(false);
-        }
-    };
-    if (success && !showPreferences) {
-        return /*#__PURE__*/ _jsx("div", {
-            className: className,
-            style: styles.form,
-            children: /*#__PURE__*/ _jsx("p", {
-                style: styles.success,
-                children: successMessage
-            })
-        });
-    }
-    return /*#__PURE__*/ _jsxs("form", {
-        onSubmit: handleSubmit,
-        className: className,
-        style: styles.form,
-        children: [
-            /*#__PURE__*/ _jsxs("div", {
-                style: styles.inputGroup,
-                children: [
-                    /*#__PURE__*/ _jsx("label", {
-                        htmlFor: "email",
-                        style: styles.label,
-                        children: labels.email
-                    }),
-                    /*#__PURE__*/ _jsx("input", {
-                        id: "email",
-                        type: "email",
-                        value: email,
-                        onChange: (e)=>setEmail(e.target.value),
-                        placeholder: placeholders.email,
-                        required: true,
-                        disabled: loading,
-                        style: {
-                            ...styles.input,
-                            ...loading && {
-                                opacity: 0.5
-                            }
-                        }
-                    })
-                ]
-            }),
-            showName && /*#__PURE__*/ _jsxs("div", {
-                style: styles.inputGroup,
-                children: [
-                    /*#__PURE__*/ _jsx("label", {
-                        htmlFor: "name",
-                        style: styles.label,
-                        children: labels.name
-                    }),
-                    /*#__PURE__*/ _jsx("input", {
-                        id: "name",
-                        type: "text",
-                        value: name,
-                        onChange: (e)=>setName(e.target.value),
-                        placeholder: placeholders.name,
-                        disabled: loading,
-                        style: {
-                            ...styles.input,
-                            ...loading && {
-                                opacity: 0.5
-                            }
-                        }
-                    })
-                ]
-            }),
-            showPreferences && /*#__PURE__*/ _jsxs("div", {
-                style: styles.inputGroup,
-                children: [
-                    /*#__PURE__*/ _jsx("label", {
-                        style: styles.label,
-                        children: "Email Preferences"
-                    }),
-                    /*#__PURE__*/ _jsxs("div", {
-                        style: styles.checkbox,
-                        children: [
-                            /*#__PURE__*/ _jsx("input", {
-                                id: "newsletter",
-                                type: "checkbox",
-                                checked: preferences.newsletter,
-                                onChange: (e)=>setPreferences({
-                                        ...preferences,
-                                        newsletter: e.target.checked
-                                    }),
-                                disabled: loading,
-                                style: styles.checkboxInput
-                            }),
-                            /*#__PURE__*/ _jsx("label", {
-                                htmlFor: "newsletter",
-                                style: styles.checkboxLabel,
-                                children: labels.newsletter
-                            })
-                        ]
-                    }),
-                    /*#__PURE__*/ _jsxs("div", {
-                        style: styles.checkbox,
-                        children: [
-                            /*#__PURE__*/ _jsx("input", {
-                                id: "announcements",
-                                type: "checkbox",
-                                checked: preferences.announcements,
-                                onChange: (e)=>setPreferences({
-                                        ...preferences,
-                                        announcements: e.target.checked
-                                    }),
-                                disabled: loading,
-                                style: styles.checkboxInput
-                            }),
-                            /*#__PURE__*/ _jsx("label", {
-                                htmlFor: "announcements",
-                                style: styles.checkboxLabel,
-                                children: labels.announcements
-                            })
-                        ]
-                    })
-                ]
-            }),
-            /*#__PURE__*/ _jsx("button", {
-                type: "submit",
-                disabled: loading,
-                style: {
-                    ...styles.button,
-                    ...loading && styles.buttonDisabled
-                },
-                children: loading ? loadingText : buttonText
-            }),
-            error && /*#__PURE__*/ _jsx("p", {
-                style: styles.error,
-                children: error
-            }),
-            success && /*#__PURE__*/ _jsx("p", {
-                style: styles.success,
-                children: successMessage
-            })
-        ]
-    });
-};
-// Factory function for creating custom newsletter forms
-export function createNewsletterForm(defaultProps) {
-    return (props)=>/*#__PURE__*/ _jsx(NewsletterForm, {
-            ...defaultProps,
-            ...props
-        });
-}
-
-//# sourceMappingURL=NewsletterForm.js.map

package/dist/src/components/NewsletterForm.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/NewsletterForm.tsx"],"sourcesContent":["'use client'\n\nimport React, { useState, FormEvent } from 'react'\nimport type { SignupFormProps } from '../types'\n\nconst defaultStyles = {\n  form: {\n    display: 'flex',\n    flexDirection: 'column' as const,\n    gap: '1rem',\n    maxWidth: '400px',\n    margin: '0 auto',\n  },\n  inputGroup: {\n    display: 'flex',\n    flexDirection: 'column' as const,\n    gap: '0.5rem',\n  },\n  label: {\n    fontSize: '0.875rem',\n    fontWeight: '500',\n    color: '#374151',\n  },\n  input: {\n    padding: '0.5rem 0.75rem',\n    fontSize: '1rem',\n    border: '1px solid #e5e7eb',\n    borderRadius: '0.375rem',\n    outline: 'none',\n    transition: 'border-color 0.2s',\n  },\n  button: {\n    padding: '0.75rem 1.5rem',\n    fontSize: '1rem',\n    fontWeight: '500',\n    color: '#ffffff',\n    backgroundColor: '#3b82f6',\n    border: 'none',\n    borderRadius: '0.375rem',\n    cursor: 'pointer',\n    transition: 'background-color 0.2s',\n  },\n  buttonDisabled: {\n    opacity: 0.5,\n    cursor: 'not-allowed',\n  },\n  error: {\n    fontSize: '0.875rem',\n    color: '#ef4444',\n    marginTop: '0.25rem',\n  },\n  success: {\n    fontSize: '0.875rem',\n    color: '#10b981',\n    marginTop: '0.25rem',\n  },\n  checkbox: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: '0.5rem',\n  },\n  checkboxInput: {\n    width: '1rem',\n    height: '1rem',\n  },\n  checkboxLabel: {\n    fontSize: '0.875rem',\n    color: '#374151',\n  },\n}\n\nexport const NewsletterForm: React.FC<SignupFormProps> = ({\n  onSuccess,\n  onError,\n  showName = false,\n  showPreferences = false,\n  leadMagnet,\n  className,\n  styles: customStyles = {},\n  apiEndpoint = '/api/newsletter/subscribe',\n  buttonText = 'Subscribe',\n  loadingText = 'Subscribing...',\n  successMessage = 'Successfully subscribed!',\n  placeholders = {\n    email: 'Enter your email',\n    name: 'Enter your name',\n  },\n  labels = {\n    email: 'Email',\n    name: 'Name',\n    newsletter: 'Newsletter updates',\n    announcements: 'Product announcements',\n  },\n}) => {\n  const [email, setEmail] = useState('')\n  const [name, setName] = useState('')\n  const [preferences, setPreferences] = useState({\n    newsletter: true,\n    announcements: true,\n  })\n  const [loading, setLoading] = useState(false)\n  const [error, setError] = useState<string | null>(null)\n  const [success, setSuccess] = useState(false)\n\n  const styles = {\n    form: { ...defaultStyles.form, ...customStyles.form },\n    inputGroup: { ...defaultStyles.inputGroup, ...customStyles.inputGroup },\n    label: { ...defaultStyles.label, ...customStyles.label },\n    input: { ...defaultStyles.input, ...customStyles.input },\n    button: { ...defaultStyles.button, ...customStyles.button },\n    buttonDisabled: { ...defaultStyles.buttonDisabled, ...customStyles.buttonDisabled },\n    error: { ...defaultStyles.error, ...customStyles.error },\n    success: { ...defaultStyles.success, ...customStyles.success },\n    checkbox: { ...defaultStyles.checkbox, ...customStyles.checkbox },\n    checkboxInput: { ...defaultStyles.checkboxInput, ...customStyles.checkboxInput },\n    checkboxLabel: { ...defaultStyles.checkboxLabel, ...customStyles.checkboxLabel },\n  }\n\n  const handleSubmit = async (e: FormEvent) => {\n    e.preventDefault()\n    setError(null)\n    setLoading(true)\n\n    try {\n      const payload: any = {\n        email,\n        ...(showName && name && { name }),\n        ...(showPreferences && { preferences }),\n        ...(leadMagnet && { leadMagnet: leadMagnet.id }),\n        metadata: {\n          signupPage: window.location.href,\n          ...(typeof window !== 'undefined' && window.location.search && {\n            utmParams: Object.fromEntries(new URLSearchParams(window.location.search)),\n          }),\n        },\n      }\n\n      const response = await fetch(apiEndpoint, {\n        method: 'POST',\n        headers: {\n          'Content-Type': 'application/json',\n        },\n        body: JSON.stringify(payload),\n      })\n\n      const data = await response.json()\n\n      if (!response.ok) {\n        throw new Error(data.error || data.errors?.join(', ') || 'Subscription failed')\n      }\n\n      setSuccess(true)\n      setEmail('')\n      setName('')\n      if (onSuccess) {\n        onSuccess(data.subscriber)\n      }\n    } catch (err) {\n      const errorMessage = err instanceof Error ? err.message : 'An error occurred'\n      setError(errorMessage)\n      if (onError) {\n        onError(new Error(errorMessage))\n      }\n    } finally {\n      setLoading(false)\n    }\n  }\n\n  if (success && !showPreferences) {\n    return (\n      <div className={className} style={styles.form}>\n        <p style={styles.success}>{successMessage}</p>\n      </div>\n    )\n  }\n\n  return (\n    <form onSubmit={handleSubmit} className={className} style={styles.form}>\n      <div style={styles.inputGroup}>\n        <label htmlFor=\"email\" style={styles.label}>\n          {labels.email}\n        </label>\n        <input\n          id=\"email\"\n          type=\"email\"\n          value={email}\n          onChange={(e) => setEmail(e.target.value)}\n          placeholder={placeholders.email}\n          required\n          disabled={loading}\n          style={{\n            ...styles.input,\n            ...(loading && { opacity: 0.5 }),\n          }}\n        />\n      </div>\n\n      {showName && (\n        <div style={styles.inputGroup}>\n          <label htmlFor=\"name\" style={styles.label}>\n            {labels.name}\n          </label>\n          <input\n            id=\"name\"\n            type=\"text\"\n            value={name}\n            onChange={(e) => setName(e.target.value)}\n            placeholder={placeholders.name}\n            disabled={loading}\n            style={{\n              ...styles.input,\n              ...(loading && { opacity: 0.5 }),\n            }}\n          />\n        </div>\n      )}\n\n      {showPreferences && (\n        <div style={styles.inputGroup}>\n          <label style={styles.label}>Email Preferences</label>\n          <div style={styles.checkbox}>\n            <input\n              id=\"newsletter\"\n              type=\"checkbox\"\n              checked={preferences.newsletter}\n              onChange={(e) =>\n                setPreferences({ ...preferences, newsletter: e.target.checked })\n              }\n              disabled={loading}\n              style={styles.checkboxInput}\n            />\n            <label htmlFor=\"newsletter\" style={styles.checkboxLabel}>\n              {labels.newsletter}\n            </label>\n          </div>\n          <div style={styles.checkbox}>\n            <input\n              id=\"announcements\"\n              type=\"checkbox\"\n              checked={preferences.announcements}\n              onChange={(e) =>\n                setPreferences({ ...preferences, announcements: e.target.checked })\n              }\n              disabled={loading}\n              style={styles.checkboxInput}\n            />\n            <label htmlFor=\"announcements\" style={styles.checkboxLabel}>\n              {labels.announcements}\n            </label>\n          </div>\n        </div>\n      )}\n\n      <button\n        type=\"submit\"\n        disabled={loading}\n        style={{\n          ...styles.button,\n          ...(loading && styles.buttonDisabled),\n        }}\n      >\n        {loading ? loadingText : buttonText}\n      </button>\n\n      {error && <p style={styles.error}>{error}</p>}\n      {success && <p style={styles.success}>{successMessage}</p>}\n    </form>\n  )\n}\n\n// Factory function for creating custom newsletter forms\nexport function createNewsletterForm(\n  defaultProps: Partial<SignupFormProps>\n): React.FC<SignupFormProps> {\n  return (props: SignupFormProps) => (\n    <NewsletterForm {...defaultProps} {...props} />\n  )\n}"],"names":["React","useState","defaultStyles","form","display","flexDirection","gap","maxWidth","margin","inputGroup","label","fontSize","fontWeight","color","input","padding","border","borderRadius","outline","transition","button","backgroundColor","cursor","buttonDisabled","opacity","error","marginTop","success","checkbox","alignItems","checkboxInput","width","height","checkboxLabel","NewsletterForm","onSuccess","onError","showName","showPreferences","leadMagnet","className","styles","customStyles","apiEndpoint","buttonText","loadingText","successMessage","placeholders","email","name","labels","newsletter","announcements","setEmail","setName","preferences","setPreferences","loading","setLoading","setError","setSuccess","handleSubmit","e","preventDefault","payload","id","metadata","signupPage","window","location","href","search","utmParams","Object","fromEntries","URLSearchParams","response","fetch","method","headers","body","JSON","stringify","data","json","ok","Error","errors","join","subscriber","err","errorMessage","message","div","style","p","onSubmit","htmlFor","type","value","onChange","target","placeholder","required","disabled","checked","createNewsletterForm","defaultProps","props"],"mappings":"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"}