https://trychannel3.com/assets/up-to-commission-badge-D-UgViWn.js

1import{j as r}from"./jsx-runtime-D_zvdyIk.js";import{c as k}from"./compiler-runtime-CLTS1kGA.js";import{r as S}from"./chunk-62JRHF6Z-BMhzGN0D.js";import{B as T}from"./badge-BjcZyx9e.js";import{P as w,a as M,b as U}from"./popover-B6W3PmO6.js";import{c as y}from"./utils-wOcDm-x0.js";import{C as L}from"./circle-question-mark-C1dXqMtd.js";const I="https://docs.trychannel3.com/faq/commissions",z="Commissions aren't always fixed. Brands may pay more for new customers or adjust payouts if they suspect fraud or attribute the sale to another channel.",D="inline-flex shrink-0 text-muted-foreground/80 transition-colors hover:text-muted-foreground dark:text-color1/75 dark:hover:text-color1";function N(t){t.stopPropagation()}function O(t){t.preventDefault(),t.stopPropagation()}function E(){const t=k.c(8),[e,p]=S.useState(!1),f=S.useRef(null);let h;t[0]===Symbol.for("react.memo_cache_sentinel")?(h=()=>{f.current&&(clearTimeout(f.current),f.current=null)},t[0]=h):h=t[0];const a=h;let _;t[1]===Symbol.for("react.memo_cache_sentinel")?(_=()=>{a(),f.current=setTimeout(()=>p(!1),250)},t[1]=_):_=t[1];const x=_;let c;t[2]===Symbol.for("react.memo_cache_sentinel")?(c=()=>{a(),p(!0)},t[2]=c):c=t[2];const g=c;let l;t[3]===Symbol.for("react.memo_cache_sentinel")?(l=b=>{O(b),p(B)},t[3]=l):l=t[3];let u;t[4]===Symbol.for("react.memo_cache_sentinel")?(u=r.jsx(w,{asChild:!0,children:r.jsx("button",{type:"button",className:D,"aria-label":"Why does this say up to?",onPointerDown:O,onClick:l,onMouseEnter:g,onMouseLeave:x,children:r.jsx(L,{className:"size-3"})})}),t[4]=u):u=t[4];let m;t[5]===Symbol.for("react.memo_cache_sentinel")?(m=r.jsx(M,{side:"top",align:"center",sideOffset:6,className:"z-[200] max-w-72 p-3 text-xs leading-relaxed pointer-events-auto",onPointerDown:N,onMouseEnter:g,onMouseLeave:x,onOpenAutoFocus:R,children:r.jsxs("p",{children:[z," ",r.jsx("a",{href:I,target:"_blank",rel:"noopener noreferrer",className:"font-medium text-foreground underline underline-offset-2",onPointerDown:N,onClick:N,children:"Learn more →"})]})}),t[5]=m):m=t[5];let d;return t[6]!==e?(d=r.jsxs(U,{open:e,onOpenChange:p,children:[u,m]}),t[6]=e,t[7]=d):d=t[7],d}function R(t){return t.preventDefault()}function B(t){return!t}function F(t){return`${parseFloat(t.toFixed(2))}%`}function J(t){const e=k.c(52),{label:p,rate:f,variant:h,className:a,showPrefix:_}=t,x=h===void 0?"badge":h,c=_===void 0?!0:_;let g;e[0]!==p||e[1]!==f?(g=p??(f!=null&&f>0?F(f):null),e[0]=p,e[1]=f,e[2]=g):g=e[2];const l=g;if(!l)return null;let u;e[3]!==l||e[4]!==c?(u=c?r.jsxs(r.Fragment,{children:[r.jsx("span",{className:"text-muted-foreground",children:"Up to"})," ",l]}):l,e[3]=l,e[4]=c,e[5]=u):u=e[5];const m=u;let d;e[6]===Symbol.for("react.memo_cache_sentinel")?(d=r.jsx(E,{}),e[6]=d):d=e[6];const b=d;let C;e[7]===Symbol.for("react.memo_cache_sentinel")?(C={onPointerDown:N,onClick:N},e[7]=C):C=e[7];const j=C;if(x==="plain"){let n;e[8]!==a?(n=y("relative z-20 inline-flex items-center gap-1 text-xs tabular-nums",a),e[8]=a,e[9]=n):n=e[9];let s;e[10]===Symbol.for("react.memo_cache_sentinel")?(s=r.jsx("span",{className:"text-muted-foreground",children:"Up to"}),e[10]=s):s=e[10];let o;e[11]!==l?(o=r.jsx("span",{className:"font-medium text-foreground",children:l}),e[11]=l,e[12]=o):o=e[12];let i;return e[13]!==n||e[14]!==o?(i=r.jsxs("span",{className:n,...j,children:[s,o,b]}),e[13]=n,e[14]=o,e[15]=i):i=e[15],i}if(x==="overlay"){let n;e[16]!==a?(n=y("relative z-20 inline-flex items-center gap-1 rounded-none bg-background/90 px-2 py-0.5 text-xs font-medium tabular-nums text-foreground shadow-sm backdrop-blur-sm",a),e[16]=a,e[17]=n):n=e[17];let s;e[18]===Symbol.for("react.memo_cache_sentinel")?(s=r.jsx("span",{className:"font-normal text-muted-foreground",children:"Up to"}),e[18]=s):s=e[18];let o;return e[19]!==l||e[20]!==n?(o=r.jsxs("span",{className:n,...j,children:[s,l]}),e[19]=l,e[20]=n,e[21]=o):o=e[21],o}if(x==="inline"){let n;e[22]!==a?(n=y("relative z-20 inline-flex items-center gap-1 text-xs text-muted-foreground",a),e[22]=a,e[23]=n):n=e[23];let s;e[24]!==l?(s=r.jsx("span",{className:"font-medium text-foreground",children:l}),e[24]=l,e[25]=s):s=e[25];let o;return e[26]!==n||e[27]!==s?(o=r.jsxs("span",{className:n,...j,children:["Up to"," ",s," ","commission",b]}),e[26]=n,e[27]=s,e[28]=o):o=e[28],o}if(x==="chip"){let n;e[29]!==a?(n=y("relative z-20 inline-flex items-center gap-1 px-1.5 py-0.5 text-xs font-medium tabular-nums text-foreground bg-[var(--chart-3)]/40 border border-[var(--chart-3)]/60",a),e[29]=a,e[30]=n):n=e[30];let s;e[31]!==c?(s=c?r.jsx("span",{className:"text-muted-foreground",children:"Up to"}):null,e[31]=c,e[32]=s):s=e[32];let o;e[33]!==l?(o=r.jsx("span",{children:l}),e[33]=l,e[34]=o):o=e[34];let i;return e[35]!==n||e[36]!==s||e[37]!==o?(i=r.jsxs("span",{className:n,...j,children:[s,o,b]}),e[35]=n,e[36]=s,e[37]=o,e[38]=i):i=e[38],i}if(x==="pill"){let n;e[39]!==a?(n=y("relative z-20 inline-flex items-center gap-1.5 rounded-full border border-border bg-card px-4 py-2 text-sm",a),e[39]=a,e[40]=n):n=e[40];let s;e[41]!==m?(s=r.jsx("span",{children:m}),e[41]=m,e[42]=s):s=e[42];let o;e[43]===Symbol.for("react.memo_cache_sentinel")?(o=r.jsx("span",{className:"text-muted-foreground",children:"commission rate"}),e[43]=o):o=e[43];let i;return e[44]!==n||e[45]!==s?(i=r.jsxs("div",{className:n,...j,children:[s,o,b]}),e[44]=n,e[45]=s,e[46]=i):i=e[46],i}let v;e[47]!==a?(v=y("relative z-20 shrink-0 gap-1 text-xs font-normal",a),e[47]=a,e[48]=v):v=e[48];let P;return e[49]!==m||e[50]!==v?(P=r.jsxs(T,{variant:"outline",className:v,...j,children:[m,b]}),e[49]=m,e[50]=v,e[51]=P):P=e[51],P}export{D as C,J as U,I as a};