{"version":3,"file":"PageHeader-lRcjKcpX.js","sources":["../../src/components/ShareTool.tsx","../../src/lib/email.ts","../../src/components/PageHeader.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { Share2, Copy, Check, Mail, Link2, Facebook, X as XIcon } from 'lucide-react';\nimport { sendEmail } from '../lib/email';\nimport { toast } from 'react-hot-toast';\n\ninterface ShareToolProps {\n  title: string;\n  description: string;\n  url?: string;\n}\n\nfunction ShareTool({ title, description, url = window.location.href }: ShareToolProps) {\n  const [copied, setCopied] = useState(false);\n  const [showEmailForm, setShowEmailForm] = useState(false);\n  const [email, setEmail] = useState('');\n\n  const copyToClipboard = async () => {\n    try {\n      await navigator.clipboard.writeText(url);\n      setCopied(true);\n      toast.success('Link copied to clipboard!');\n      setTimeout(() => setCopied(false), 2000);\n    } catch (err) {\n      console.error('Failed to copy link:', err);\n      toast.error('Failed to copy link');\n    }\n  };\n\n  const shareOnX = () => {\n    const text = encodeURIComponent(`Check out ${title} - ${description}`);\n    window.open(`https://x.com/intent/tweet?text=${text}&url=${encodeURIComponent(url)}`, '_blank');\n  };\n\n  const shareOnFacebook = () => {\n    window.open(`https://www.facebook.com/sharer/sharer.php?u=${encodeURIComponent(url)}`, '_blank');\n  };\n\n  const handleEmailShare = async (e: React.FormEvent) => {\n    e.preventDefault();\n    \n    try {\n      await sendEmail({\n        to: email,\n        subject: `Check out this tool: ${title}`,\n        html: `\n          <h2>${title}</h2>\n          <p>${description}</p>\n          <p>Try it out here: <a href=\"${url}\">${url}</a></p>\n        `,\n      });\n      setShowEmailForm(false);\n      setEmail('');\n      toast.success('Email sent successfully!');\n    } catch (error) {\n      console.error('Error sending email:', error);\n      toast.error('Failed to send email');\n    }\n  };\n\n  return (\n    <div className=\"flex items-center gap-2\">\n      <div className=\"relative\">\n        <button\n          onClick={() => setShowEmailForm(!showEmailForm)}\n          className=\"p-2 text-gray-400 hover:text-gray-300 light:text-gray-600 light:hover:text-gray-900 transition-colors rounded-lg hover:bg-gray-700 light:hover:bg-gray-100\"\n          title=\"Share via email\"\n        >\n          <Mail className=\"h-5 w-5\" />\n        </button>\n\n        {showEmailForm && (\n          <div className=\"absolute right-0 mt-2 w-72 bg-gray-800 light:bg-white rounded-lg shadow-lg border border-gray-700 light:border-gray-200 p-4 z-50\">\n            <form onSubmit={handleEmailShare} className=\"space-y-4\">\n              <div>\n                <label className=\"block text-sm font-medium text-gray-300 light:text-gray-700 mb-1\">\n                  Recipient's Email\n                </label>\n                <input\n                  type=\"email\"\n                  value={email}\n                  onChange={(e) => setEmail(e.target.value)}\n                  className=\"w-full rounded-lg bg-gray-700 light:bg-white border-gray-600 light:border-gray-200 text-gray-100 light:text-gray-900\"\n                  required\n                />\n              </div>\n              <div className=\"flex justify-end gap-2\">\n                <button\n                  type=\"button\"\n                  onClick={() => setShowEmailForm(false)}\n                  className=\"px-3 py-1 text-gray-400 hover:text-gray-300 light:text-gray-600 light:hover:text-gray-900\"\n                >\n                  Cancel\n                </button>\n                <button\n                  type=\"submit\"\n                  className=\"px-3 py-1 bg-blue-600 text-white rounded-lg hover:bg-blue-700\"\n                >\n                  Send\n                </button>\n              </div>\n            </form>\n          </div>\n        )}\n      </div>\n\n      <button\n        onClick={shareOnX}\n        className=\"p-2 text-gray-400 hover:text-gray-300 light:text-gray-600 light:hover:text-gray-900 transition-colors rounded-lg hover:bg-gray-700 light:hover:bg-gray-100\"\n        title=\"Share on X\"\n      >\n        <XIcon className=\"h-5 w-5\" />\n      </button>\n\n      <button\n        onClick={shareOnFacebook}\n        className=\"p-2 text-gray-400 hover:text-gray-300 light:text-gray-600 light:hover:text-gray-900 transition-colors rounded-lg hover:bg-gray-700 light:hover:bg-gray-100\"\n        title=\"Share on Facebook\"\n      >\n        <Facebook className=\"h-5 w-5\" />\n      </button>\n\n      <button\n        onClick={copyToClipboard}\n        className=\"p-2 text-gray-400 hover:text-gray-300 light:text-gray-600 light:hover:text-gray-900 transition-colors rounded-lg hover:bg-gray-700 light:hover:bg-gray-100\"\n        title=\"Copy link\"\n      >\n        {copied ? (\n          <Check className=\"h-5 w-5 text-green-400\" />\n        ) : (\n          <Link2 className=\"h-5 w-5\" />\n        )}\n      </button>\n    </div>\n  );\n}\n\nexport default ShareTool;","import { toast } from 'react-hot-toast';\n\ninterface EmailOptions {\n  to: string;\n  subject: string;\n  text?: string;\n  html?: string;\n}\n\nexport async function sendEmail({ to, subject, text, html }: EmailOptions) {\n  try {\n    const response = await fetch('/api/send-email', {\n      method: 'POST',\n      headers: {\n        'Content-Type': 'application/json',\n      },\n      body: JSON.stringify({ to, subject, text, html }),\n    });\n\n    if (!response.ok) {\n      const data = await response.json();\n      throw new Error(data.error || 'Failed to send email');\n    }\n\n    const data = await response.json();\n    toast.success('Email sent successfully!');\n    return data;\n  } catch (error) {\n    console.error('Error sending email:', error);\n    toast.error(error instanceof Error ? error.message : 'Failed to send email');\n    throw error;\n  }\n}","import React from 'react';\nimport ShareTool from './ShareTool';\n\ninterface PageHeaderProps {\n  title: string;\n  description: string;\n  subtitle?: string;\n}\n\nfunction PageHeader({ title, description, subtitle }: PageHeaderProps) {\n  return (\n    <div className=\"mb-8\">\n      <div className=\"text-center mb-4\">\n        <h1 className=\"text-3xl font-bold text-gray-100 light:text-gray-900 mb-2\">{title}</h1>\n        {subtitle && (\n          <p className=\"text-gray-400 light:text-gray-600 mb-2\">{subtitle}</p>\n        )}\n        <p className=\"text-gray-500 light:text-gray-500 text-sm max-w-3xl mx-auto\">\n          {description}\n        </p>\n      </div>\n      <div className=\"flex justify-center\">\n        <ShareTool title={title} description={description} />\n      </div>\n    </div>\n  );\n}\n\nexport default PageHeader;"],"names":["ShareTool","title","description","url","window","location","href","copied","setCopied","useState","showEmailForm","setShowEmailForm","email","setEmail","jsxs","className","children","jsxRuntimeExports","jsx","onClick","Mail","onSubmit","async","e","preventDefault","to","subject","text","html","response","fetch","method","headers","body","JSON","stringify","ok","data","json","Error","error","toast","success","message","sendEmail","type","value","onChange","target","required","encodeURIComponent","open","XIcon","Facebook","navigator","clipboard","writeText","setTimeout","err","Check","Link2","PageHeader","subtitle"],"mappings":"6LAWA,SAASA,GAAUC,MAAEA,EAAOC,YAAAA,EAAAC,IAAaA,EAAMC,OAAOC,SAASC,OAC7D,MAAOC,EAAQC,GAAaC,YAAS,IAC9BC,EAAeC,GAAoBF,YAAS,IAC5CG,EAAOC,GAAYJ,WAAS,IA8CjC,SAAAK,KAAC,MAAI,CAAAC,UAAU,0BACbC,SAAA,GAACF,KAAA,MAAA,CAAIC,UAAU,WACbC,SAAA,CAAAC,EAAAC,IAAC,SAAA,CACCC,QAAS,IAAMR,GAAkBD,GACjCK,UAAU,6JACVd,MAAM,kBAENe,SAAAE,EAAAA,IAACE,EAAK,CAAAL,UAAU,cAGjBL,GACEQ,EAAAA,IAAA,MAAA,CAAIH,UAAU,mIACbC,gBAAC,OAAK,CAAAK,SAnCSC,MAAOC,IAC9BA,EAAEC,iBAEE,UC/BRF,gBAAgCG,GAAEA,EAAAC,QAAIA,EAASC,KAAAA,EAAAC,KAAMA,IAC/C,IACI,MAAAC,QAAiBC,MAAM,kBAAmB,CAC9CC,OAAQ,OACRC,QAAS,CACP,eAAgB,oBAElBC,KAAMC,KAAKC,UAAU,CAAEV,KAAIC,UAASC,OAAMC,WAGxC,IAACC,EAASO,GAAI,CACVC,MAAAA,QAAaR,EAASS,OAC5B,MAAM,IAAIC,MAAMF,EAAKG,OAAS,uBAChC,CAEM,MAAAH,QAAaR,EAASS,OAErB,OADPG,EAAMC,QAAQ,4BACPL,QACAG,GAGD,MADNC,EAAMD,MAAMA,aAAiBD,MAAQC,EAAMG,QAAU,wBAC/CH,CACR,CACF,CDSYI,CAAU,CACdnB,GAAIb,EACJc,QAAS,wBAAwBzB,IACjC2B,KAAM,mBACE3B,wBACDC,iDAC0BC,MAAQA,wBAG3CQ,GAAiB,GACjBE,EAAS,IACT4B,EAAMC,QAAQ,kCACPF,GAEPC,EAAMD,MAAM,uBACd,GAgB0CzB,UAAU,YAC1CC,SAAA,QAAC,MACC,CAAAA,SAAA,CAACE,EAAAA,IAAA,QAAA,CAAMH,UAAU,mEAAmEC,SAEpF,sBACAC,EAAAC,IAAC,QAAA,CACC2B,KAAK,QACLC,MAAOlC,EACPmC,SAAWxB,GAAMV,EAASU,EAAEyB,OAAOF,OACnC/B,UAAU,uHACVkC,UAAQ,SAGZnC,KAAC,MAAI,CAAAC,UAAU,yBACbC,SAAA,CAAAC,EAAAC,IAAC,SAAA,CACC2B,KAAK,SACL1B,QAAS,IAAMR,GAAiB,GAChCI,UAAU,4FACXC,SAAA,WAGDC,EAAAC,IAAC,SAAA,CACC2B,KAAK,SACL9B,UAAU,gEACXC,SAAA,oBASXC,EAAAC,IAAC,SAAA,CACCC,QA9EW,KACf,MAAMQ,EAAOuB,mBAAmB,aAAajD,OAAWC,KACjDE,OAAA+C,KAAK,mCAAmCxB,SAAYuB,mBAAmB/C,KAAQ,SAAQ,EA6E1FY,UAAU,6JACVd,MAAM,aAENe,SAAAE,EAAAA,IAACkC,EAAM,CAAArC,UAAU,cAGnBE,EAAAC,IAAC,SAAA,CACCC,QAjFkB,KACtBf,OAAO+C,KAAK,gDAAgDD,mBAAmB/C,KAAQ,SAAQ,EAiF3FY,UAAU,6JACVd,MAAM,oBAENe,SAAAE,EAAAA,IAACmC,EAAS,CAAAtC,UAAU,cAGtBE,EAAAC,IAAC,SAAA,CACCC,QA1GkBG,UAClB,UACIgC,UAAUC,UAAUC,UAAUrD,GACpCK,GAAU,GACViC,EAAMC,QAAQ,6BACde,YAAW,IAAMjD,GAAU,IAAQ,WAC5BkD,GAEPjB,EAAMD,MAAM,sBACd,GAkGIzB,UAAU,6JACVd,MAAM,YAELe,SAAAT,QACEoD,EAAM,CAAA5C,UAAU,6BAEjBG,IAAC0C,EAAM,CAAA7C,UAAU,gBAK3B,CE7HA,SAAS8C,GAAW5D,MAAEA,EAAOC,YAAAA,EAAA4D,SAAaA,IAEtC,SAAAhD,KAAC,MAAI,CAAAC,UAAU,OACbC,SAAA,GAACF,KAAA,MAAA,CAAIC,UAAU,mBACbC,SAAA,CAACE,EAAAA,IAAA,KAAA,CAAGH,UAAU,4DAA6DC,SAAMf,IAChF6D,KACC5C,IAAC,IAAE,CAAAH,UAAU,yCAA0CC,SAAS8C,IAEjE5C,EAAAA,IAAA,IAAA,CAAEH,UAAU,8DACVC,SACHd,OAEFgB,EAAAA,IAAC,OAAIH,UAAU,sBACbC,eAAChB,EAAU,CAAAC,QAAcC,oBAIjC"}