https://snappilot.ai/assets/js/Step4-vTBAncrm.js

1import{j as e}from"./ui-vendor-DeaCpvuz.js";import{u as f,r as c}from"./react-vendor-BwON9l4R.js";import{s as l,l as j,B as n,u as o}from"./index-Kz-5MvZ9.js";import{C as x,a as h}from"./card-B7gy2v7u.js";import{u as N}from"./usePagePreload-CINHSMaq.js";import{C as y}from"./circle-alert-kCskUU8Q.js";import{Z as b}from"./zap-Cjr5aYg6.js";import{C as w}from"./calendar-BpG5PemG.js";import{A as v}from"./arrow-left-q65SDx_G.js";import"./supabase-vendor-eEOYocAC.js";import"./query-vendor-DsJQQYkK.js";import"./style-cartoon-3d-BPyJ4vVt.js";const Y=()=>{const i=f(),[a,p]=c.useState(!1),[d,u]=c.useState(!0);N("wizard-step4"),c.useEffect(()=>{g()},[]);const g=async()=>{try{const{data:{user:s}}=await l.auth.getUser();if(!s)return;const{data:t}=await l.from("connected_accounts").select("id").eq("user_id",s.id).eq("is_active",!0).limit(1),r=t&&t.length>0;p(r),r||(await l.from("user_settings").update({autopilot_enabled:!1}).eq("user_id",s.id),i("/paywall"))}catch(s){console.error("Error checking connected accounts:",s)}finally{u(!1)}},m=async s=>{if(s==="autopilot"&&!a){o.error("Connect at least one social platform to use Autopilot"),i("/wizard/step1");return}try{const{data:{user:t}}=await l.auth.getUser();if(!t)throw new Error("Not authenticated");const{error:r}=await l.from("user_settings").update({autopilot_enabled:s==="autopilot"}).eq("user_id",t.id);if(r)throw r;o.success(`${s==="autopilot"?"Autopilot enabled":"Manual mode selected"}!`),i("/paywall")}catch(t){o.error(t.message||"Failed to save mode")}};return e.jsx("div",{className:"min-h-screen flex items-center justify-center p-6 sm:p-8 lg:p-12 bg-black",children:d?e.jsx("div",{className:"text-center",children:e.jsx("div",{className:"inline-block h-8 w-8 animate-spin rounded-full border-4 border-solid border-cta border-r-transparent"})}):e.jsxs("div",{className:"w-full max-w-4xl space-y-8",children:[e.jsxs("div",{className:"text-center space-y-4",children:[e.jsx("div",{className:"flex justify-center",children:e.jsx("a",{href:"https://snappilot.ai/",className:"inline-block",children:e.jsx("img",{src:j,alt:"SnapPilot",className:"h-10 w-auto"})})}),e.jsxs("div",{className:"space-y-2",children:[e.jsx("h1",{className:"text-4xl sm:text-5xl font-bold text-white",children:"Choose Your Mode"}),e.jsx("p",{className:"text-lg sm:text-xl text-gray-400 max-w-2xl mx-auto",children:"Select how you want to manage your content creation"})]}),e.jsx("div",{className:"flex justify-center gap-2 pt-4",children:[1,2,3,4,5].map(s=>e.jsx("div",{className:`h-2 rounded-full transition-all ${s<=4?"w-8 bg-cta":"w-2 bg-gray-700"}`},s))})]}),e.jsxs("div",{className:"grid md:grid-cols-2 gap-6",children:[e.jsx(x,{className:`border-2 bg-[#1f1f1f] transition-all duration-300 ${a?"border-gray-700 cursor-pointer hover:scale-[1.02] hover:border-cta/50 hover:shadow-2xl hover:shadow-cta/20":"border-gray-800 opacity-60 cursor-not-allowed"}`,onClick:()=>a&&m("autopilot"),children:e.jsxs(h,{className:"p-8 space-y-6",children:[!a&&!d&&e.jsxs("div",{className:"flex items-start gap-2 p-3 bg-yellow-500/10 border border-yellow-500/20 rounded-lg",children:[e.jsx(y,{className:"h-5 w-5 text-yellow-500 flex-shrink-0 mt-0.5"}),e.jsxs("div",{className:"flex-1",children:[e.jsx("p",{className:"text-sm text-yellow-500 font-medium",children:"Connect platforms first"}),e.jsx("p",{className:"text-xs text-yellow-500/80 mt-1",children:"You need to connect at least one social platform to use Autopilot"})]})]}),e.jsxs("div",{className:"space-y-4",children:[e.jsx("div",{className:"h-16 w-16 rounded-2xl bg-cta flex items-center justify-center",children:e.jsx(b,{className:"h-8 w-8 text-black"})}),e.jsxs("div",{className:"space-y-2",children:[e.jsx("h3",{className:"text-2xl font-bold text-white",children:"AUTOPILOT"}),e.jsx("p",{className:"text-gray-400 text-sm leading-relaxed",children:"AI handles everything—video creation, viral titles, descriptions, and hashtags optimized through real-time trend analysis. The system evolves continuously, adjusting timing and strategy to maximize engagement and performance."})]})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx("p",{className:"text-xs font-semibold text-cta uppercase tracking-wide",children:"Features"}),e.jsxs("ul",{className:"space-y-2 text-sm text-gray-300",children:[e.jsxs("li",{className:"flex items-start gap-2",children:[e.jsx("span",{className:"text-cta mt-0.5",children:"✓"}),e.jsx("span",{children:"Automatic video generation, scheduling & posting"})]}),e.jsxs("li",{className:"flex items-start gap-2",children:[e.jsx("span",{className:"text-cta mt-0.5",children:"✓"}),e.jsx("span",{children:"AI learns from analytics & engagement"})]}),e.jsxs("li",{className:"flex items-start gap-2",children:[e.jsx("span",{className:"text-cta mt-0.5",children:"✓"}),e.jsx("span",{children:"Dynamic content & timing optimization"})]})]})]}),e.jsx(n,{disabled:!a,className:"w-full h-14 bg-cta hover:bg-cta/90 text-black font-semibold text-base disabled:opacity-50 disabled:cursor-not-allowed",children:"Start with Autopilot"})]})}),e.jsx(x,{className:"border-2 border-gray-700 bg-[#1f1f1f] cursor-pointer transition-all duration-300 hover:scale-[1.02] hover:border-cta/50 hover:shadow-2xl hover:shadow-cta/20",onClick:()=>m("manual"),children:e.jsxs(h,{className:"p-8 space-y-6",children:[e.jsxs("div",{className:"space-y-4",children:[e.jsx("div",{className:"h-16 w-16 rounded-2xl bg-black border-2 border-gray-700 flex items-center justify-center",children:e.jsx(w,{className:"h-8 w-8 text-white"})}),e.jsxs("div",{className:"space-y-2",children:[e.jsx("h3",{className:"text-2xl font-bold text-white",children:"PLAN AHEAD"}),e.jsx("p",{className:"text-gray-400 text-sm leading-relaxed",children:"Full manual control with AI-powered assistance. Get smart suggestions for video ideas, viral titles, descriptions, and hashtags. You decide what gets posted, when, with complete oversight before publishing."})]})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx("p",{className:"text-xs font-semibold text-gray-500 uppercase tracking-wide",children:"Features"}),e.jsxs("ul",{className:"space-y-2 text-sm text-gray-300",children:[e.jsxs("li",{className:"flex items-start gap-2",children:[e.jsx("span",{className:"text-gray-500 mt-0.5",children:"✓"}),e.jsx("span",{children:"Manual video creation & editing"})]}),e.jsxs("li",{className:"flex items-start gap-2",children:[e.jsx("span",{className:"text-gray-500 mt-0.5",children:"✓"}),e.jsx("span",{children:"Custom scheduling control"})]}),e.jsxs("li",{className:"flex items-start gap-2",children:[e.jsx("span",{className:"text-gray-500 mt-0.5",children:"✓"}),e.jsx("span",{children:"Review before publishing"})]})]})]}),e.jsx(n,{className:"w-full h-14 bg-transparent border-2 border-gray-700 hover:border-cta text-white font-semibold text-base",children:"Plan Manually"})]})})]}),e.jsxs("div",{className:"flex justify-between items-center",children:[e.jsxs(n,{variant:"ghost",onClick:()=>i("/wizard/step3"),className:"text-gray-400 hover:text-black group",children:[e.jsx(v,{className:"h-4 w-4 mr-2 transition-transform group-hover:-translate-x-1"}),"Back"]}),e.jsxs("div",{className:"text-gray-500 text-sm text-center",children:["Select a mode to continue • ",e.jsx("span",{className:"text-gray-400",children:"You can change this later in Settings"})]})]})]})})};export{Y as default};