https://www.notionflow.io/assets/pinflow-support-CrPyCAgp.js

1import{r as l,j as e,L as w,Z as S,S as F,n as C,U as P}from"./index-CWvV5cvI.js";import{C as q}from"./circle-help-DX_F-8y9.js";import{B as y}from"./book-open-Dzs0YRcI.js";import{C as $}from"./credit-card-C55p9kAz.js";import{C as I}from"./circle-check-big-CCExJDDi.js";const n="#6366F1",s="99,102,241",H=[{category:"Getting Started",icon:S,items:[{q:"How do I activate my Pro subscription?",a:"After purchasing, open the PinFlow extension in Chrome, go to Settings → Account, and enter the email address you used at checkout. Click Verify — your Pro status will activate immediately."},{q:"Why does my email say 'no active subscription found'?",a:"Make sure you're entering the exact email you used during checkout (check your receipt email). If the issue persists, contact us — we can look up your account manually."},{q:"How do I install PinFlow?",a:"Search for 'PinFlow by NotionFlow' in the Chrome Web Store and click Add to Chrome. Once installed, click the extension icon and follow the setup steps to connect your Notion workspace."}]},{category:"Connecting to Notion",icon:y,items:[{q:"How do I connect PinFlow to my Notion workspace?",a:"Open the PinFlow extension, click 'Connect Notion', and authorize the connection through Notion's OAuth flow. After connecting, you can pin any Notion page directly from PinFlow."},{q:"PinFlow can't see my Notion pages — what do I do?",a:"Notion requires you to explicitly share pages with integrations. In Notion, open the page, click the '...' menu → Connections, and enable PinFlow. You'll need to do this for the workspace or pages you want to pin."},{q:"My Notion connection keeps disconnecting — why?",a:"This usually happens if you revoke PinFlow's access in Notion's settings. Go to your Notion Settings → Connections, confirm PinFlow is listed, and reconnect if needed."}]},{category:"Using PinFlow",icon:y,items:[{q:"How do I pin a page?",a:"Open PinFlow, click the '+' button, and pick a page from your Notion workspace. The pinned page appears at the top of your dashboard, organized into folders if you've set them up."},{q:"Can I reorder my pins?",a:"Yes — drag and drop pins to reorder them. Reorders sync to chrome.storage.local so they persist across sessions."},{q:"How many pages can I pin?",a:"Free accounts can pin up to 10 pages. Pro removes the cap and unlocks folders for grouping pins by project, theme, or context."},{q:"Can I pin a database, not just a page?",a:"Yes. Both pages and databases can be pinned. Clicking a pinned database opens it directly in Notion."}]},{category:"Subscription & Billing",icon:$,items:[{q:"What's included in PinFlow Pro?",a:"Pro unlocks unlimited pins, folders for organizing pins, custom icons/emojis per pin, and priority support. Free accounts get 10 pins in a single flat list."},{q:"How do I cancel my subscription?",a:"Go to notionflow.io/account, enter your email, and click 'Manage Subscription'. This opens your billing portal where you can cancel, update payment info, or download invoices."},{q:"Will I lose my pins if I cancel?",a:"No — pins are stored locally in your browser. If you cancel, you'll still see your existing pins; you just can't add new ones past the free-tier cap of 10."}]},{category:"Troubleshooting",icon:F,items:[{q:"A pinned page shows 'Untitled' or a broken link — what happened?",a:"The page was likely deleted or moved in Notion, or the integration was revoked for that page. Check Notion → Settings → Connections to confirm PinFlow still has access; if not, re-share the page."},{q:"PinFlow isn't loading my pages — what should I check?",a:"Try disconnecting and reconnecting your Notion workspace from Settings. If that doesn't help, uninstall and reinstall the extension. Your Pro status is tied to your email so just re-verify after reinstall."},{q:"How do I reset PinFlow?",a:"Open the extension, go to Settings → Disconnect. This clears all local state including pinned pages and folder structure. Your Notion data is untouched."}]}];function Y(){const[b,f]=l.useState(null),[a,N]=l.useState({name:"",email:"",message:""}),[j,k]=l.useState(!1),[o,u]=l.useState(!1),i=a.name.trim()&&a.email.trim()&&a.message.trim(),v=async t=>{if(t.preventDefault(),!!i){u(!0);try{if(!(await fetch("/api/support/contact",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({...a,product:"PinFlow"})})).ok)throw new Error("Failed");k(!0)}catch{alert("Something went wrong. Please email us directly at [email protected]")}finally{u(!1)}}},c=t=>N(r=>({...r,[t.target.name]:t.target.value})),d={background:"linear-gradient(170deg, rgba(255,255,255,0.04) 0%, rgba(12,12,30,0.6) 100%)",border:"1px solid rgba(255,255,255,0.07)",color:"rgba(255,255,255,0.8)",fontSize:"14px"},m=`focus:outline-none focus:border-[${n}]/30 focus:ring-1 focus:ring-[${n}]/20`;return e.jsx("section",{className:"pt-32 pb-24 relative",children:e.jsxs("div",{className:"max-w-2xl mx-auto px-5",children:[e.jsxs("div",{className:"mb-14",children:[e.jsx(w,{to:"/pinflow",className:"text-xs text-white/30 hover:text-white/50 transition-colors mb-6 inline-block",children:"← Back to PinFlow"}),e.jsxs("div",{className:"flex items-center gap-3 mb-4",children:[e.jsx("div",{className:"w-9 h-9 rounded-lg flex items-center justify-center flex-shrink-0",style:{background:`linear-gradient(135deg, rgba(${s},0.2), rgba(${s},0.08))`,border:`1px solid rgba(${s},0.2)`},children:e.jsx(q,{className:"w-4.5 h-4.5",style:{width:18,height:18,color:n}})}),e.jsx("span",{className:"text-xs text-white/30 uppercase tracking-widest",children:"PinFlow"})]}),e.jsx("h1",{className:"text-3xl sm:text-4xl text-white mb-4 tracking-tight",style:{fontFamily:"'Space Grotesk', sans-serif"},children:"Help & Support"}),e.jsx("p",{className:"text-base text-white/35",style:{lineHeight:1.7},children:"Find answers to common questions, or reach out and we'll get back to you within 24 hours."})]}),e.jsx("div",{className:"space-y-8 mb-16",children:H.map(t=>{const r=t.icon;return e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center gap-2.5 mb-4",children:[e.jsx(r,{className:"w-4 h-4 text-white/25"}),e.jsx("h2",{className:"text-sm text-white/50 uppercase tracking-widest",style:{fontFamily:"'Space Grotesk', sans-serif"},children:t.category})]}),e.jsx("div",{className:"rounded-2xl overflow-hidden",style:{background:"linear-gradient(170deg, rgba(255,255,255,0.03) 0%, rgba(12,12,30,0.6) 100%)",border:"1px solid rgba(255,255,255,0.05)"},children:t.items.map((g,x)=>{const h=`${t.category}-${x}`,p=b===h;return e.jsxs("div",{className:x<t.items.length-1?"border-b border-white/[0.04]":"",children:[e.jsxs("button",{onClick:()=>f(p?null:h),className:"w-full flex items-start justify-between gap-4 px-6 py-4 text-left transition-colors hover:bg-white/[0.02]",children:[e.jsx("span",{className:"text-sm text-white/70 leading-relaxed",children:g.q}),e.jsx(C,{className:`w-4 h-4 text-white/25 flex-shrink-0 mt-0.5 transition-transform duration-200 ${p?"rotate-180":""}`})]}),p&&e.jsx("div",{className:"px-6 pb-5",children:e.jsx("p",{className:"text-sm text-white/40 leading-relaxed",children:g.a})})]},h)})})]},t.category)})}),e.jsxs("div",{className:"flex items-center gap-4 mb-12",children:[e.jsx("div",{className:"flex-1 h-px bg-white/[0.05]"}),e.jsx("span",{className:"text-xs text-white/20 uppercase tracking-widest",children:"Still need help?"}),e.jsx("div",{className:"flex-1 h-px bg-white/[0.05]"})]}),j?e.jsxs("div",{className:"rounded-2xl p-10 text-center",style:{background:`linear-gradient(170deg, rgba(${s},0.06) 0%, rgba(12,12,30,0.7) 100%)`,border:`1px solid rgba(${s},0.12)`},children:[e.jsx("div",{className:"flex justify-center mb-5",children:e.jsx("div",{className:"w-14 h-14 roun

1ded-full flex items-center justify-center",style:{background:`linear-gradient(135deg, rgba(${s},0.15), rgba(${s},0.05))`,border:`1px solid rgba(${s},0.2)`},children:e.jsx(I,{className:"w-6 h-6",style:{color:n}})})}),e.jsx("h2",{className:"text-xl text-white mb-3",style:{fontFamily:"'Space Grotesk', sans-serif"},children:"Message sent!"}),e.jsxs("p",{className:"text-sm text-white/35 mb-8 max-w-sm mx-auto",style:{lineHeight:1.75},children:["Thanks for reaching out, ",a.name.split(" ")[0],". We'll get back to you at ",e.jsx("span",{className:"text-white/50",children:a.email})," as soon as we can."]}),e.jsx(w,{to:"/",className:"inline-flex items-center gap-2 text-sm transition-colors",style:{color:`rgba(${s},0.7)`},children:"← Back to home"})]}):e.jsxs("form",{onSubmit:v,children:[e.jsxs("div",{className:"rounded-2xl p-6 sm:p-8",style:{background:"linear-gradient(170deg, rgba(255,255,255,0.03) 0%, rgba(12,12,30,0.6) 100%)",border:"1px solid rgba(255,255,255,0.05)"},children:[e.jsx("h3",{className:"text-base text-white/70 mb-6",style:{fontFamily:"'Space Grotesk', sans-serif"},children:"Send us a message"}),e.jsxs("div",{className:"space-y-5",children:[e.jsxs("div",{children:[e.jsx("label",{htmlFor:"name",className:"block text-xs text-white/40 mb-2",children:"Your name"}),e.jsx("input",{type:"text",id:"name",name:"name",value:a.name,onChange:c,placeholder:"Jane Smith",className:`w-full rounded-lg px-4 py-3 placeholder-white/15 transition-all ${m}`,style:d,required:!0})]}),e.jsxs("div",{children:[e.jsx("label",{htmlFor:"email",className:"block text-xs text-white/40 mb-2",children:"Email address"}),e.jsx("input",{type:"email",id:"email",name:"email",value:a.email,onChange:c,placeholder:"[email protected]",className:`w-full rounded-lg px-4 py-3 placeholder-white/15 transition-all ${m}`,style:d,required:!0})]}),e.jsxs("div",{children:[e.jsx("label",{htmlFor:"message",className:"block text-xs text-white/40 mb-2",children:"How can we help?"}),e.jsx("textarea",{id:"message",name:"message",value:a.message,onChange:c,placeholder:"Describe your issue or question...",rows:5,className:`w-full rounded-lg px-4 py-3 placeholder-white/15 transition-all resize-none ${m}`,style:d,required:!0})]})]}),e.jsx("div",{className:"mt-7",children:e.jsx("button",{type:"submit",disabled:!i||o,className:"flex items-center justify-center gap-2.5 w-full py-3 rounded-lg text-sm text-white transition-all hover:scale-[1.01] active:scale-[0.99] disabled:opacity-40 disabled:cursor-not-allowed disabled:hover:scale-100 cursor-pointer",style:{background:i&&!o?`linear-gradient(135deg, ${n}, ${n}CC, ${n}99)`:"linear-gradient(135deg, rgba(255,255,255,0.06), rgba(255,255,255,0.02))",border:i&&!o?`1px solid rgba(${s},0.5)`:"1px solid rgba(255,255,255,0.08)",boxShadow:i&&!o?`0 0 24px rgba(${s},0.2), inset 0 1px 0 rgba(255,255,255,0.15)`:"none"},children:o?e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"w-4 h-4 border-2 border-white/30 border-t-white rounded-full animate-spin"}),"Sending..."]}):e.jsxs(e.Fragment,{children:[e.jsx(P,{className:"w-4 h-4"}),"Send Message"]})})})]}),e.jsxs("p",{className:"text-xs text-white/15 text-center mt-5",children:["You can also email us directly at ",e.jsx("a",{href:"mailto:[email protected]",className:"text-white/25 hover:text-white/45 transition-colors",children:"[email protected]"})]})]})]})})}export{Y as PinFlowSupportPage};