https://boombam.app/assets/affiliate-marketing-mockup-BxSJAVAz.js

1import{K as ge,r as O,j as e,s as x,U as I,b9 as se,B as l,bS as Ce,Z as we,C as j,b as v,d as b,q as V,e as p,aY as Pe,b6 as ae,X as te,ab as n,aF as k,$ as S,a0 as R,a1 as A,a2 as M,a3 as h,a4 as f,S as N,ap as g,A as re,aD as ke,i as Te,D as le,V as Se,b7 as U,t as Re,be as Ae,b_ as Me,bs as Be,cT as $e}from"./index-CuSEeJFb.js";import{T as ze,a as Le,b as B,c as $}from"./tabs-CcPOXtvT.js";import{U as H}from"./user-plus-Bycr7F9K.js";import{M as ce}from"./minus-LVFLuFlS.js";import{A as De}from"./arrow-up-right-CBrP1-KZ.js";import{N as _e}from"./network-XajVsS1y.js";/**
2 * @license lucide-react v0.453.0 - ISC
3 *
4 * This source code is licensed under the ISC license.
5 * See the LICENSE file in the root directory of this source tree.
6 */const ne=ge("Handshake",[["path",{d:"m11 17 2 2a1 1 0 1 0 3-3",key:"efffak"}],["path",{d:"m14 14 2.5 2.5a1 1 0 1 0 3-3l-3.88-3.88a3 3 0 0 0-4.24 0l-.88.88a1 1 0 1 1-3-3l2.81-2.81a5.79 5.79 0 0 1 7.06-.87l.47.28a2 2 0 0 0 1.42.25L21 4",key:"9pr0kb"}],["path",{d:"m21 3 1 11h-2",key:"1tisrp"}],["path",{d:"M3 3 2 14l6.5 6.5a1 1 0 1 0 3-3",key:"1uvwmv"}],["path",{d:"M3 4h8",key:"1ep09j"}]]);function Xe({register:d,control:qe,setValue:u,watch:r,businessProfile:z,isGeneratingField:s,onGenerateField:c,creativeFormat:Ee,temperature:Oe,awarenessLevel:Ie,getValidationStatus:K}){var G,ee;const[ie,me]=O.useState("overview");O.useState("basic");const[T,oe]=O.useState("banner"),de=r("platformContent.programName")||"",L=r("platformContent.programType")||"affiliate_network",Q=r("platformContent.affiliateCopy")||"",Y=r("platformContent.emailSubject")||"",Z=r("platformContent.emailBody")||"",C=r("platformContent.socialPosts")||[""],D=r("platformContent.bannerText")||"",W=r("platformContent.landingPageCopy")||"",w=r("platformContent.promotionalCodes")||[""],_=r("platformContent.commissionStructure")||"percentage",xe=r("platformContent.commissionRate")||"";r("platformContent.bonusStructure");const X=r("platformContent.partnerRequirements")||"",J=r("platformContent.onboardingMaterials")||"";r("platformContent.performanceTracking");const he=r("platformContent.paymentTerms")||"monthly";r("platformContent.cookieDuration"),r("platformContent.targetPartners"),r("platformContent.competitiveAdvantage"),r("platformContent.creativeGuidelines"),r("platformContent.complianceRules");const m={affiliateCopy:200,emailSubject:50,emailBody:500,socialPost:280,bannerText:30,landingPageCopy:300,onboardingMaterials:500,partnerRequirements:300},y=(a,t,i)=>{if(K){const E=K(a,i);return{colorClass:E.status==="error"?"text-red-500":E.status==="warning"?"text-orange-500":"text-gray-500 dark:text-gray-400",message:E.message}}const P=t/i;return{colorClass:P>.9?"text-red-500":P>.7?"text-orange-500":"text-gray-500 dark:text-gray-400",message:`${t}/${i}`}},F=(z==null?void 0:z.businessName)||"Your Business";F.split(" ").map(a=>a[0]).join("").toUpperCase().slice(0,2);const q={affiliate_network:{name:"Affiliate Network",icon:_e,description:"Third-party affiliate platforms",reach:"Large network",setup:"Easy"},influencer_partnership:{name:"Influencer Partnerships",icon:Be,description:"Social media influencers",reach:"Targeted audience",setup:"Manual"},referral_program:{name:"Referral Program",icon:I,description:"Customer referral system",reach:"Customer base",setup:"Automated"},commission_based:{name:"Commission-Based Marketing",icon:$e,description:"Performance-based partnerships",reach:"Varied",setup:"Flexible"},partner_program:{name:"Partner Program",icon:ne,description:"Strategic business partnerships",reach:"Business networks",

6setup:"Complex"}},je={flat_rate:{name:"Flat Rate",description:"Fixed amount per conversion",example:"$50 per sale"},percentage:{name:"Percentage",description:"Percentage of sale value",example:"10% of sale"},tiered:{name:"Tiered Commission",description:"Increasing rates by volume",example:"5-15% based on sales"},performance_bonus:{name:"Performance Bonus",description:"Bonuses for top performers",example:"Base + bonus tiers"},lifetime_value:{name:"Lifetime Value",description:"Recurring commissions",example:"5% monthly recurring"}},pe={weekly:{name:"Weekly",description:"Payments every week",cashflow:"High"},bi_weekly:{name:"Bi-weekly",description:"Payments every 2 weeks",cashflow:"Medium"},monthly:{name:"Monthly",description:"Payments once per month",cashflow:"Standard"},quarterly:{name:"Quarterly",description:"Payments every 3 months",cashflow:"Low"},custom:{name:"Custom Terms",description:"Negotiated payment schedule",cashflow:"Variable"}},fe=()=>{const a=[...C,""];u("platformContent.socialPosts",a)},Ne=a=>{if(C.length>1){const t=C.filter((i,P)=>P!==a);u("platformContent.socialPosts",t)}},ue=(a,t)=>{const i=[...C];i[a]=t,u("platformContent.socialPosts",i)},ve=()=>{const a=[...w,""];u("platformContent.promotionalCodes",a)},be=a=>{if(w.length>1){const t=w.filter((i,P)=>P!==a);u("platformContent.promotionalCodes",t)}},ye=(a,t)=>{const i=[...w];i[a]=t,u("platformContent.promotionalCodes",i)},o={totalAffiliates:247,activeAffiliates:156,totalCommissions:12450,avgCommissionPerAffiliate:79.8,topPerformer:"Marketing Pro",topPerformerEarnings:2340,conversionRate:3.2,clickThroughRate:4.7};return e.jsxs("div",{className:"max-w-7xl mx-auto",children:[e.jsx("div",{className:"bg-white dark:bg-gray-900 border-b border-gray-200 dark:border-gray-700 px-6 py-4 mb-6",children:e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsxs("div",{className:"flex items-center space-x-4",children:[e.jsxs("div",{className:"flex items-center space-x-2",children:[e.jsx(ne,{className:"w-6 h-6 text-green-600"}),e.jsx("h1",{className:"text-xl font-semibold text-gray-900 dark:text-white",children:"Affiliate Marketing Dashboard"})]}),e.jsx(x,{variant:"outline",className:"text-xs",children:((G=q[L])==null?void 0:G.name)||"Program"})]}),e.jsxs("div",{className:"flex items-center space-x-3",children:[e.jsxs(x,{variant:"secondary",className:"text-xs",children:[e.jsx(I,{className:"w-3 h-3 mr-1"}),o.activeAffiliates," Active"]}),e.jsxs(x,{variant:"secondary",className:"text-xs",children:[e.jsx(se,{className:"w-3 h-3 mr-1"}),"$",o.totalCommissions.toLocaleString()," Paid"]}),e.jsxs(l,{size:"sm",variant:"outline","data-testid":"button-export-report",children:[e.jsx(Ce,{className:"w-4 h-4 mr-1"}),"Export Report"]}),e.jsxs(l,{size:"sm","data-testid":"button-launch-program",children:[e.jsx(we,{className:"w-4 h-4 mr-1"}),"Launch Program"]})]})]})}),e.jsxs("div",{className:"grid grid-cols-1 lg:grid-cols-4 gap-6",children:[e.jsx("div",{className:"lg:col-span-3",children:e.jsxs(j,{children:[e.jsx(v,{children:e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx(b,{children:"Affiliate Program Management"}),e.jsxs("div",{className:"flex items-center space-x-2",children:[e.jsxs(x,{variant:"secondary",className:"text-xs",children:[e.jsx(V,{className:"w-3 h-3 mr-1"}),o.conversionRate,"% CVR"]}),e.jsx(x,{variant:"default",className:"text-xs",children:"Scaling"})]})]})}),e.jsx(p,{children:e.jsxs(ze,{value:ie,onValueChange:a=>me(a),children:[e.jsxs(Le,{className:"grid w-full grid-cols-4",children:[e.jsxs(B,{value:"overview","data-testid":"tab-overview",children:[e.jsx(Pe,{className:"w-4 h-4 mr-1"}),"Overview"]}),e.jsxs(B,{value:"creatives","data-testid":"tab-creatives",children:[e.jsx(ae,{className:"w-4 h-4 mr-1"}),"Creatives"]}),e.jsxs(B,{value:"partners","data-testid":"tab-partners",children:[e.jsx(H,{className:"w-4 h-4 mr-1"}),"Partners"]}),e.jsxs(B,{value:"analytics","data-testid":"tab-analytics",children:[e.jsx(te,{className:"w-4 h-4 mr-1"}),"Analytics"]})]}),e.jsxs($,{value:"overview",className:"space-y-6 mt-6",children:[e.jsxs("div",{className:"grid grid-cols-2 gap-6",children:[e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{className:"space-y-3",children:[e.jsx(n,{className:"text-sm font-medium",children:"Program Name"}),e.jsx(k,{...d("platformContent.programName"),placeholder:"Enter affiliate program name...","data-testid":"input-program-name"})]}),e.jsxs("div",{className:"space-y-3",children:[e.jsx(n,{className:"text-sm font-medium",children:"Program Type"}),e.jsxs(S,{value:L,onValueChange:a=>u("platformContent.programType",a),children:[e.jsx(R,{"data-testid":"select-program-type",children:e.jsx(A,{})}),e.jsx(M,{children:Object.entries(q).map(([a,t])=>e.jsx(h,{value:a,children:e.jsxs("div",{className:"flex items-center space-x-2",children:[e.jsx(t.icon,{className:"w-4 h-4"}),e.jsxs("div",{children:[e.jsx("div",{className:"font-medium",children:t.name}),e.jsx("div",{className:"text-xs text-gray-500",children:t.description})]})]})},a))})]})]}),e.jsxs("div",{className:"space-y-3",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx(n,{className:"text-sm font-medium",children:"Affiliate Copy"}),c&&e.jsx(l,{size:"sm",variant:"ghost",onClick:()=>c("affiliateCopy"),disabled:s==null?void 0:s("affiliateCopy"),className:"h-6 px-2 text-xs","data-testid":"button-generate-affiliate-copy",children:s!=null&&s("affiliateCopy")?e.jsx(f,{className:"w-3 h-3 animate-spin"}):e.jsx(N,{className:"w-3 h-3"})})]}),e.jsx(g,{...d("platformContent.affiliateCopy"),placeholder:"Compelling copy for affiliate recruitment...",className:"min-h-[100px]","data-testid":"textarea-affiliate-copy"}),e.jsxs("div",{className:"flex items-center justify-between text-xs",children:[e.jsx("span",{className:"text-gray-500",children:"Recruitment pitch for affiliates"}),e.jsxs("span",{className:y("affiliateCopy",Q.length,m.affiliateCopy).c

6olorClass,children:[Q.length,"/",m.affiliateCopy]})]})]})]}),e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{className:"space-y-3",children:[e.jsx(n,{className:"text-sm font-medium",children:"Commission Structure"}),e.jsxs(S,{value:_,onValueChange:a=>u("platformContent.commissionStructure",a),children:[e.jsx(R,{"data-testid":"select-commission-structure",children:e.jsx(A,{})}),e.jsx(M,{children:Object.entries(je).map(([a,t])=>e.jsx(h,{value:a,children:e.jsxs("div",{children:[e.jsx("div",{className:"font-medium",children:t.name}),e.jsx("div",{className:"text-xs text-gray-500",children:t.description}),e.jsx("div",{className:"text-xs text-blue-600",children:t.example})]})},a))})]})]}),e.jsxs("div",{className:"space-y-3",children:[e.jsx(n,{className:"text-sm font-medium",children:"Commission Rate"}),e.jsxs("div",{className:"flex items-center space-x-2",children:[e.jsx(k,{...d("platformContent.commissionRate"),placeholder:"Enter commission rate...",type:"number","data-testid":"input-commission-rate"}),e.jsx("span",{className:"text-sm text-gray-500",children:_==="percentage"?"%":_==="flat_rate"?"$":"units"})]})]}),e.jsxs("div",{className:"space-y-3",children:[e.jsx(n,{className:"text-sm font-medium",children:"Payment Terms"}),e.jsxs(S,{value:he,onValueChange:a=>u("platformContent.paymentTerms",a),children:[e.jsx(R,{"data-testid":"select-payment-terms",children:e.jsx(A,{})}),e.jsx(M,{children:Object.entries(pe).map(([a,t])=>e.jsx(h,{value:a,children:e.jsxs("div",{className:"flex items-center justify-between w-full",children:[e.jsxs("div",{children:[e.jsx("div",{className:"font-medium",children:t.name}),e.jsx("div",{className:"text-xs text-gray-500",children:t.description})]}),e.jsx(x,{variant:"outline",className:"text-xs",children:t.cashflow})]})},a))})]})]}),e.jsxs("div",{className:"space-y-3",children:[e.jsx(n,{className:"text-sm font-medium",children:"Cookie Duration (Days)"}),e.jsxs("div",{className:"flex items-center space-x-2",children:[e.jsx(k,{...d("platformContent.cookieDuration"),placeholder:"30",type:"number","data-testid":"input-cookie-duration"}),e.jsx("span",{className:"text-sm text-gray-500",children:"days"})]}),e.jsx("p",{className:"text-xs text-gray-500",children:"How long affiliates get credit for referrals"})]})]})]}),e.jsxs(j,{children:[e.jsx(v,{children:e.jsxs(b,{className:"text-sm flex items-center",children:[e.jsx(re,{className:"w-4 h-4 mr-2"}),"Commission Tiers & Bonuses"]})}),e.jsx(p,{children:e.jsxs("div",{className:"grid grid-cols-3 gap-4",children:[e.jsxs("div",{className:"text-center p-4 border border-gray-200 dark:border-gray-700 rounded-lg",children:[e.jsx(x,{variant:"outline",className:"mb-2",children:"Basic"}),e.jsx("div",{className:"text-lg font-semibold text-green-600",children:"5%"}),e.jsx("div",{className:"text-xs text-gray-500",children:"0-10 sales/month"}),e.jsx("div",{className:"text-xs text-gray-500 mt-2",children:"Standard commission rate"})]}),e.jsxs("div",{className:"text-center p-4 border border-blue-200 dark:border-blue-700 rounded-lg bg-blue-50 dark:bg-blue-900/20",children:[e.jsx(x,{variant:"default",className:"mb-2",children:"Premium"}),e.jsx("div",{className:"text-lg font-semibold text-blue-600",children:"8%"}),e.jsx("div",{className:"text-xs text-gray-500",children:"11-25 sales/month"}),e.jsx("div",{className:"text-xs text-gray-500 mt-2",children:"+ Marketing support"})]}),e.jsxs("div",{className:"text-center p-4 border border-purple-200 dark:border-purple-700 rounded-lg bg-purple-50 dark:bg-purple-900/20",children:[e.jsx(x,{variant:"secondary",className:"mb-2",children:"VIP"}),e.jsx("div",{className:"text-lg font-semibold text-purple-600",children:"12%"}),e.jsx("div",{className:"text-xs text-gray-500",children:"25+ sales/month"}),e.jsx("div",{className:"text-xs text-gray-500 mt-2",children:"+ Dedicated manager"})]})]})})]}),e.jsxs("div",{className:"space-y-3",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx(n,{className:"text-sm font-medium",children:"Partner Requirements"}),c&&e.jsx(l,{size:"sm",variant:"ghost",onClick:()=>c("partnerRequirements"),disabled:s==null?void 0:s("partnerRequirements"),className:"h-6 px-2 text-xs","data-testid":"button-generate-partner-requirements",children:s!=null&&s("partnerRequirements")?e.jsx(f,{className:"w-3 h-3 animate-spin"}):e.jsx(N,{className:"w-3 h-3"})})]}),e.jsx(g,{...d("platformContent.partnerRequirements"),placeholder:"Define qualification criteria for affiliate partners...",className:"min-h-[80px]","data-testid":"textarea-partner-requirements"}),e.jsxs("div",{className:"flex items-center justify-between text-xs",children:[e.jsx("span",{className:"text-gray-500",children:"Affiliate qualification standards"}),e.jsxs("span",{className:y("partnerRequirements",X.length,m.partnerRequirements).colorClass,children:[X.length,"/",m.partnerRequirements]})]})]})]}),e.jsxs($,{value:"creatives",className:"space-y-6 mt-6",children:[e.jsxs("div",{className:"flex items-center space-x-2 mb-4",children:[e.jsx(n,{className:"text-sm font-medium",children:"Asset Type:"}),e.jsxs(S,{value:T,onValueChange:a=>oe(a),children:[e.jsx(R,{className:"w-48","data-testid":"select-asset-type",children:e.jsx(A,{})}),e.jsxs(M,{children:[e.jsx(h,{value:"banner",children:"Banner Ads"}),e.jsx(h,{value:"email",children:"Email Templates"}),e.jsx(h,{value:"social",children:"Social Media"}),e.jsx(h,{value:"landing",children:"Landing Pages"})]})]})]}),T==="banner"&&e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{className:"space-y-3",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx(n,{className:"text-sm font-medium",children:"Banner Text"}),c&&e.jsx(l,{size:"sm",variant:"ghost",onClick:()=>c("bannerText"),disabled:s==null?void 0:s("bannerText"),className:"h-6 px-2 text-xs","data-testid":"button-generate-banner-text",children:s!=null&&s("bannerText")?e.

6jsx(f,{className:"w-3 h-3 animate-spin"}):e.jsx(N,{className:"w-3 h-3"})})]}),e.jsx(k,{...d("platformContent.bannerText"),placeholder:"Short, compelling banner text...","data-testid":"input-banner-text"}),e.jsxs("div",{className:"flex items-center justify-between text-xs",children:[e.jsx("span",{className:"text-gray-500",children:"Banner ad headline"}),e.jsxs("span",{className:y("bannerText",D.length,m.bannerText).colorClass,children:[D.length,"/",m.bannerText]})]})]}),e.jsx(j,{className:"bg-gradient-to-r from-blue-500 to-purple-600 text-white",children:e.jsx(p,{className:"p-6",children:e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsxs("div",{children:[e.jsx("h3",{className:"text-lg font-bold",children:D||"Your Banner Text"}),e.jsx("p",{className:"text-sm opacity-90",children:F})]}),e.jsx(l,{size:"sm",className:"bg-white text-blue-600 hover:bg-gray-100",children:"Learn More"})]})})})]}),T==="email"&&e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{className:"space-y-3",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx(n,{className:"text-sm font-medium",children:"Email Subject Line"}),c&&e.jsx(l,{size:"sm",variant:"ghost",onClick:()=>c("emailSubject"),disabled:s==null?void 0:s("emailSubject"),className:"h-6 px-2 text-xs","data-testid":"button-generate-email-subject",children:s!=null&&s("emailSubject")?e.jsx(f,{className:"w-3 h-3 animate-spin"}):e.jsx(N,{className:"w-3 h-3"})})]}),e.jsx(k,{...d("platformContent.emailSubject"),placeholder:"Compelling email subject line...","data-testid":"input-email-subject"}),e.jsxs("div",{className:"flex items-center justify-between text-xs",children:[e.jsx("span",{className:"text-gray-500",children:"Email subject line"}),e.jsxs("span",{className:y("emailSubject",Y.length,m.emailSubject).colorClass,children:[Y.length,"/",m.emailSubject]})]})]}),e.jsxs("div",{className:"space-y-3",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx(n,{className:"text-sm font-medium",children:"Email Body"}),c&&e.jsx(l,{size:"sm",variant:"ghost",onClick:()=>c("emailBody"),disabled:s==null?void 0:s("emailBody"),className:"h-6 px-2 text-xs","data-testid":"button-generate-email-body",children:s!=null&&s("emailBody")?e.jsx(f,{className:"w-3 h-3 animate-spin"}):e.jsx(N,{className:"w-3 h-3"})})]}),e.jsx(g,{...d("platformContent.emailBody"),placeholder:"Email template content for affiliates...",className:"min-h-[150px]","data-testid":"textarea-email-body"}),e.jsxs("div",{className:"flex items-center justify-between text-xs",children:[e.jsx("span",{className:"text-gray-500",children:"Email template content"}),e.jsxs("span",{className:y("emailBody",Z.length,m.emailBody).colorClass,children:[Z.length,"/",m.emailBody]})]})]})]}),T==="social"&&e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx(n,{className:"text-sm font-medium",children:"Social Media Posts"}),e.jsxs(l,{size:"sm",variant:"outline",onClick:fe,className:"h-7 px-3 text-xs","data-testid":"button-add-social-post",children:[e.jsx(ke,{className:"w-3 h-3 mr-1"}),"Add Post"]})]}),C.map((a,t)=>e.jsxs("div",{className:"space-y-3 p-4 border border-gray-200 dark:border-gray-700 rounded-lg",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsxs(n,{className:"text-sm font-medium",children:["Social Post ",t+1]}),e.jsxs("div",{className:"flex items-center space-x-2",children:[c&&e.jsx(l,{size:"sm",variant:"ghost",onClick:()=>c(`socialPost_${t}`),disabled:s==null?void 0:s(`socialPost_${t}`),className:"h-6 px-2 text-xs","data-testid":`button-generate-social-post-${t}`,children:s!=null&&s(`socialPost_${t}`)?e.jsx(f,{className:"w-3 h-3 animate-spin"}):e.jsx(N,{className:"w-3 h-3"})}),C.length>1&&e.jsx(l,{size:"sm",variant:"ghost",onClick:()=>Ne(t),className:"h-6 px-2 text-xs text-red-500 hover:text-red-700","data-testid":`button-remove-social-post-${t}`,children:e.jsx(ce,{className:"w-3 h-3"})})]})]}),e.jsx(g,{value:a,onChange:i=>ue(t,i.target.value),placeholder:`Social media post ${t+1}...`,className:"min-h-[80px]","data-testid":`textarea-social-post-${t}`}),e.jsxs("div",{className:"flex items-center justify-between text-xs",children:[e.jsx("span",{className:"text-gray-500",children:"Social media content"}),e.jsxs("span",{className:y(`socialPost_${t}`,a.length,m.socialPost).colorClass,children:[a.length,"/",m.socialPost]})]})]},t))]}),T==="landing"&&e.jsx("div",{className:"space-y-4",children:e.jsxs("div",{className:"space-y-3",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx(n,{className:"text-sm font-medium",children:"Landing Page Copy"}),c&&e.jsx(l,{size:"sm",variant:"ghost",onClick:()=>c("landingPageCopy"),disabled:s==null?void 0:s("landingPageCopy"),className:"h-6 px-2 text-xs","data-testid":"button-generate-landing-page-copy",children:s!=null&&s("landingPageCopy")?e.jsx(f,{className:"w-3 h-3 animate-spin"}):e.jsx(N,{className:"w-3 h-3"})})]}),e.jsx(g,{...d("platformContent.landingPageCopy"),placeholder:"Landing page content for affiliate traffic...",className:"min-h-[120px]","data-testid":"textarea-landing-page-copy"}),e.jsxs("div",{className:"flex items-center justify-between text-xs",children:[e.jsx("span",{className:"text-gray-500",children:"Landing page headline and copy"}),e.jsxs("span",{className:y("landingPageCopy",W.length,m.landingPageCopy).c

6olorClass,children:[W.length,"/",m.landingPageCopy]})]})]})}),e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx(n,{className:"text-sm font-medium",children:"Promotional Codes"}),e.jsxs(l,{size:"sm",variant:"outline",onClick:ve,className:"h-7 px-3 text-xs","data-testid":"button-add-promotional-code",children:[e.jsx(Te,{className:"w-3 h-3 mr-1"}),"Add Code"]})]}),w.map((a,t)=>e.jsxs("div",{className:"flex items-center space-x-3 p-3 border border-gray-200 dark:border-gray-700 rounded-lg",children:[e.jsx(k,{value:a,onChange:i=>ye(t,i.target.value),placeholder:`PROMO${t+1}`,className:"flex-1","data-testid":`input-promotional-code-${t}`}),e.jsxs(S,{defaultValue:"10",children:[e.jsx(R,{className:"w-24",children:e.jsx(A,{})}),e.jsxs(M,{children:[e.jsx(h,{value:"5",children:"5% OFF"}),e.jsx(h,{value:"10",children:"10% OFF"}),e.jsx(h,{value:"15",children:"15% OFF"}),e.jsx(h,{value:"20",children:"20% OFF"})]})]}),w.length>1&&e.jsx(l,{size:"sm",variant:"ghost",onClick:()=>be(t),className:"text-red-500 hover:text-red-700","data-testid":`button-remove-promotional-code-${t}`,children:e.jsx(ce,{className:"w-4 h-4"})})]},t))]})]}),e.jsxs($,{value:"partners",className:"space-y-6 mt-6",children:[e.jsxs("div",{className:"space-y-3",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx(n,{className:"text-sm font-medium",children:"Target Partners"}),c&&e.jsx(l,{size:"sm",variant:"ghost",onClick:()=>c("targetPartners"),disabled:s==null?void 0:s("targetPartners"),className:"h-6 px-2 text-xs","data-testid":"button-generate-target-partners",children:s!=null&&s("targetPartners")?e.jsx(f,{className:"w-3 h-3 animate-spin"}):e.jsx(N,{className:"w-3 h-3"})})]}),e.jsx(g,{...d("platformContent.targetPartners"),placeholder:"Describe ideal affiliate partner profiles...",className:"min-h-[100px]","data-testid":"textarea-target-partners"})]}),e.jsxs("div",{className:"space-y-3",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx(n,{className:"text-sm font-medium",children:"Onboarding Materials"}),c&&e.jsx(l,{size:"sm",variant:"ghost",onClick:()=>c("onboardingMaterials"),disabled:s==null?void 0:s("onboardingMaterials"),className:"h-6 px-2 text-xs","data-testid":"button-generate-onboarding-materials",children:s!=null&&s("onboardingMaterials")?e.jsx(f,{className:"w-3 h-3 animate-spin"}):e.jsx(N,{className:"w-3 h-3"})})]}),e.jsx(g,{...d("platformContent.onboardingMaterials"),placeholder:"Partner onboarding guide and resources...",className:"min-h-[120px]","data-testid":"textarea-onboarding-materials"}),e.jsxs("div",{className:"flex items-center justify-between text-xs",children:[e.jsx("span",{className:"text-gray-500",children:"New partner orientation content"}),e.jsxs("span",{className:y("onboardingMaterials",J.length,m.onboardingMaterials).colorClass,children:[J.length,"/",m.onboardingMaterials]})]})]}),e.jsxs(j,{children:[e.jsx(v,{children:e.jsxs(b,{className:"text-sm flex items-center",children:[e.jsx(I,{className:"w-4 h-4 mr-2"}),"Partner Management"]})}),e.jsxs(p,{children:[e.jsxs("div",{className:"grid grid-cols-4 gap-4 mb-6",children:[e.jsxs("div",{className:"text-center p-3 border border-gray-200 dark:border-gray-700 rounded-lg",children:[e.jsx(H,{className:"w-6 h-6 text-blue-500 mx-auto mb-2"}),e.jsx("div",{className:"text-lg font-semibold",children:o.totalAffiliates}),e.jsx("div",{className:"text-xs text-gray-500",children:"Total Partners"})]}),e.jsxs("div",{className:"text-center p-3 border border-gray-200 dark:border-gray-700 rounded-lg",children:[e.jsx(V,{className:"w-6 h-6 text-green-500 mx-auto mb-2"}),e.jsx("div",{className:"text-lg font-semibold",children:o.activeAffiliates}),e.jsx("div",{className:"text-xs text-gray-500",children:"Active Partners"})]}),e.jsxs("div",{className:"text-center p-3 border border-gray-200 dark:border-gray-700 rounded-lg",children:[e.jsx(le,{className:"w-6 h-6 text-yellow-500 mx-auto mb-2"}),e.jsx("div",{className:"text-lg font-semibold",children:"23"}),e.jsx("div",{className:"text-xs text-gray-500",children:"Top Performers"})]}),e.jsxs("div",{className:"text-center p-3 border border-gray-200 dark:border-gray-700 rounded-lg",children:[e.jsx(re,{className:"w-6 h-6 text-purple-500 mx-auto mb-2"}),e.jsx("div",{className:"text-lg font-semibold",children:"12"}),e.jsx("div",{className:"text-xs text-gray-500",children:"VIP Partners"})]})]}),e.jsxs("div",{className:"space-y-3",children:[e.jsx("h4",{className:"text-sm font-medium",children:"Top Performers This Month"}),[{name:"Marketing Pro",sales:45,earnings:2340,tier:"VIP"},{name:"Digital Expert",sales:38,earnings:1980,tier:"Premium"},{name:"Growth Ninja",sales:32,earnings:1670,tier:"Premium"},{name:"Conversion King",sales:28,earnings:1450,tier:"Basic"}].map((a,t)=>e.jsxs("div",{className:"flex items-center justify-between p-3 border border-gray-200 dark:border-gray-700 rounded-lg",children:[e.jsxs("div",{className:"flex items-center space-x-3",children:[e.jsx("div",{className:"w-8 h-8 bg-gradient-to-r from-blue-500 to-purple-500 rounded-full flex items-center justify-center text-white text-sm font-semibold",children:a.name.split(" ").map(i=>i[0]).join("")}),e.jsxs("div",{children:[e.jsx("div",{className:"font-medium text-sm",children:a.name}),e.jsxs("div",{className:"text-xs text-gray-500",children:[a.sales," sales this month"]})]})]}),e.jsxs("div",{className:"text-right",children:[e.jsxs("div",{className:"font-semibold text-sm",children:["$",a.earnings.toLocaleStr

6ing()]}),e.jsx(x,{variant:a.tier==="VIP"?"default":a.tier==="Premium"?"secondary":"outline",className:"text-xs",children:a.tier})]})]},t))]})]})]})]}),e.jsxs($,{value:"analytics",className:"space-y-6 mt-6",children:[e.jsxs("div",{className:"grid grid-cols-2 gap-6",children:[e.jsxs(j,{children:[e.jsx(v,{children:e.jsxs(b,{className:"text-sm flex items-center",children:[e.jsx(Se,{className:"w-4 h-4 mr-2"}),"Performance Metrics"]})}),e.jsxs(p,{className:"space-y-4",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx("span",{className:"text-sm text-gray-600",children:"Total Clicks"}),e.jsx("span",{className:"font-semibold",children:"24,567"})]}),e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx("span",{className:"text-sm text-gray-600",children:"Conversions"}),e.jsx("span",{className:"font-semibold",children:"786"})]}),e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx("span",{className:"text-sm text-gray-600",children:"Conversion Rate"}),e.jsxs("span",{className:"font-semibold",children:[o.conversionRate,"%"]})]}),e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx("span",{className:"text-sm text-gray-600",children:"Revenue Generated"}),e.jsx("span",{className:"font-semibold",children:"$156,780"})]}),e.jsx(U,{}),e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx("span",{className:"text-sm font-medium",children:"ROI"}),e.jsx(x,{variant:"default",className:"text-sm",children:"420%"})]})]})]}),e.jsxs(j,{children:[e.jsx(v,{children:e.jsxs(b,{className:"text-sm flex items-center",children:[e.jsx(se,{className:"w-4 h-4 mr-2"}),"Commission Analytics"]})}),e.jsxs(p,{className:"space-y-4",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx("span",{className:"text-sm text-gray-600",children:"Total Paid"}),e.jsxs("span",{className:"font-semibold",children:["$",o.totalCommissions.toLocaleString()]})]}),e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx("span",{className:"text-sm text-gray-600",children:"Pending Payouts"}),e.jsx("span",{className:"font-semibold",children:"$3,240"})]}),e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx("span",{className:"text-sm text-gray-600",children:"Avg. Commission"}),e.jsxs("span",{className:"font-semibold",children:["$",o.avgCommissionPerAffiliate]})]}),e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx("span",{className:"text-sm text-gray-600",children:"Top Earner"}),e.jsxs("span",{className:"font-semibold",children:["$",o.topPerformerEarnings]})]}),e.jsx(U,{}),e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx("span",{className:"text-sm font-medium",children:"Commission Rate"}),e.jsx(x,{variant:"secondary",className:"text-sm",children:"8.2% avg"})]})]})]})]}),e.jsxs(j,{children:[e.jsx(v,{children:e.jsxs(b,{className:"text-sm flex items-center",children:[e.jsx(Re,{className:"w-4 h-4 mr-2"}),"Revenue Tracking Dashboard"]})}),e.jsx(p,{children:e.jsxs("div",{className:"grid grid-cols-4 gap-4",children:[e.jsxs("div",{className:"text-center",children:[e.jsx("div",{className:"text-2xl font-bold text-green-600",children:"$156K"}),e.jsx("div",{className:"text-xs text-gray-500",children:"Total Revenue"})]}),e.jsxs("div",{className:"text-center",children:[e.jsx("div",{className:"text-2xl font-bold text-blue-600",children:"$12.4K"}),e.jsx("div",{className:"text-xs text-gray-500",children:"Commissions Paid"})]}),e.jsxs("div",{className:"text-center",children:[e.jsx("div",{className:"text-2xl font-bold text-purple-600",children:"7.9%"}),e.jsx("div",{className:"text-xs text-gray-500",children:"Avg Commission"})]}),e.jsxs("div",{className:"text-center",children:[e.jsx("div",{className:"text-2xl font-bold text-orange-600",children:"420%"}),e.jsx("div",{className:"text-xs text-gray-500",children:"Program ROI"})]})]})})]}),e.jsxs("div",{className:"space-y-3",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx(n,{className:"text-sm font-medium",children:"Performance Tracking & Attribution"}),c&&e.jsx(l,{size:"sm",variant:"ghost",onClick:()=>c("performanceTracking"),disabled:s==null?void 0:s("performanceTracking"),className:"h-6 px-2 text-xs","data-testid":"button-generate-performance-tracking",children:s!=null&&s("performanceTracking")?e.

6jsx(f,{className:"w-3 h-3 animate-spin"}):e.jsx(N,{className:"w-3 h-3"})})]}),e.jsx(g,{...d("platformContent.performanceTracking"),placeholder:"Define tracking methods and attribution models...",className:"min-h-[100px]","data-testid":"textarea-performance-tracking"})]})]})]})})]})}),e.jsxs("div",{className:"space-y-6",children:[e.jsxs(j,{children:[e.jsx(v,{children:e.jsxs(b,{className:"text-sm flex items-center",children:[e.jsx(Ae,{className:"w-4 h-4 mr-2"}),"Program Summary"]})}),e.jsxs(p,{className:"space-y-3",children:[e.jsxs("div",{className:"text-center",children:[e.jsx("h3",{className:"font-semibold text-sm mb-2",children:de||"Affiliate Program"}),e.jsx("p",{className:"text-xs text-gray-600 dark:text-gray-400",children:(ee=q[L])==null?void 0:ee.description})]}),e.jsx(U,{}),e.jsxs("div",{className:"space-y-2 text-xs",children:[e.jsxs("div",{className:"flex justify-between",children:[e.jsx("span",{children:"Commission:"}),e.jsxs("span",{children:[xe||"TBD","%"]})]}),e.jsxs("div",{className:"flex justify-between",children:[e.jsx("span",{children:"Active Partners:"}),e.jsx("span",{children:o.activeAffiliates})]}),e.jsxs("div",{className:"flex justify-between",children:[e.jsx("span",{children:"Conversion Rate:"}),e.jsxs("span",{children:[o.conversionRate,"%"]})]}),e.jsxs("div",{className:"flex justify-between",children:[e.jsx("span",{children:"Total Paid:"}),e.jsxs("span",{children:["$",o.totalCommissions.toLocaleString()]})]})]})]})]}),e.jsxs(j,{children:[e.jsx(v,{children:e.jsxs(b,{className:"text-sm flex items-center",children:[e.jsx(V,{className:"w-4 h-4 mr-2"}),"Quick Stats"]})}),e.jsxs(p,{className:"space-y-3",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx("span",{className:"text-sm",children:"Monthly Growth"}),e.jsxs("div",{className:"flex items-center text-green-600",children:[e.jsx(De,{className:"w-3 h-3 mr-1"}),e.jsx("span",{className:"text-sm font-semibold",children:"23%"})]})]}),e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx("span",{className:"text-sm",children:"Top Performer"}),e.jsx("span",{className:"text-sm font-semibold",children:o.topPerformer})]}),e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx("span",{className:"text-sm",children:"Avg. Order Value"}),e.jsx("span",{className:"text-sm font-semibold",children:"$199"})]}),e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx("span",{className:"text-sm",children:"Partner Satisfaction"}),e.jsxs("div",{className:"flex items-center",children:[e.jsx(le,{className:"w-3 h-3 text-yellow-500 mr-1"}),e.jsx("span",{className:"text-sm font-semibold",children:"4.8/5"})]})]})]})]}),e.jsxs(j,{children:[e.jsx(v,{children:e.jsx(b,{className:"text-sm",children:"Quick Actions"})}),e.jsxs(p,{className:"space-y-2",children:[e.jsxs(l,{size:"sm",variant:"outline",className:"w-full justify-start","data-testid":"button-recruit-partners",children:[e.jsx(H,{className:"w-4 h-4 mr-2"}),"Recruit Partners"]}),e.jsxs(l,{size:"sm",variant:"outline",className:"w-full justify-start","data-testid":"button-create-creatives",children:[e.jsx(ae,{className:"w-4 h-4 mr-2"}),"Create Creatives"]}),e.jsxs(l,{size:"sm",variant:"outline",className:"w-full justify-start","data-testid":"button-process-payments",children:[e.jsx(Me,{className:"w-4 h-4 mr-2"}),"Process Payments"]}),e.jsxs(l,{size:"sm",variant:"outline",className:"w-full justify-start","data-testid":"button-view-reports",children:[e.jsx(te,{className:"w-4 h-4 mr-2"}),"View Reports"]})]})]})]})]})]})}export{Xe as AffiliateMarketingMockup};