@clerk/ui 1.18.1-snapshot.v20260618154136 → 1.18.1

package/dist/{6678_ui_df7bd4_1.18.1-snapshot.v20260618154136.js → 6678_ui_44d648_1.18.1.js}

@@ -1 +1 @@
-"use strict";(globalThis.rspackChunk_clerk_ui=globalThis.rspackChunk_clerk_ui||[]).push([[6678],{93621(e,i,r){r.d(i,{n:()=>W}),r(42949),r(49678),r(36395);var a=r(59763),t=r(46262),l=r(59701),n=r(34641),o=r(68713),c=r(12861);r(37891),r(14104);var s=r(89297),d=r(75880),p=r(40049),g=r(37549),u=r(82396),m=r(79229),h=r(39230),b=r(61046),x=r(78342),f=r(32819),$=r(53693),T=r(96014),y=r(25912),z=r(26130),D=r(74629),F=r(8343),Y=r(45760);function C(e){let{plans:i,highlightedPlan:r,planPeriod:t,setPlanPeriod:l,onSelect:n,isCompact:o,props:c}=e;return(0,a.Y)(D.S,{children:(0,a.Y)(h.az,{elementDescriptor:b.$z.pricingTable,sx:e=>({"--grid-min-size":o?"11.75rem":"20rem","--grid-max-columns":"infinity","--grid-gap":e.space.$4,"--max-column-width":"100% / var(--grid-max-columns, infinity) - var(--grid-gap)","--column-width":"max(var(--max-column-width), min(var(--grid-min-size, 10rem), 100%))",display:"grid",gridTemplateColumns:"repeat(auto-fit, minmax(var(--column-width), 1fr))",gridTemplateRows:"auto 1fr",gap:"var(--grid-gap-y, var(--grid-gap, ".concat(e.space.$4,")) var(--grid-gap, ").concat(e.space.$4,")"),alignItems:"stretch",width:"100%",minWidth:"0"}),"data-variant":o?"compact":"default",children:null==i?void 0:i.map(e=>(0,a.Y)(S,{plan:e,highlighted:e.slug===r,planPeriod:t,setPlanPeriod:l,onSelect:n,props:c,isCompact:o},e.id))})})}function S(e){let{plan:i,highlighted:r,planPeriod:n,setPlanPeriod:s,onSelect:f,props:$,isCompact:T=!1}=e,y=(0,t.ho)(),{isSignedIn:z}=(0,t.wV)(),{mode:D="mounted",ctaPosition:C}=(0,o.T)(),S=(0,m.XX)(),v=(0,t.It)(),B=$.ctaPosition||C||"bottom",I=$.collapseFeatures||!1,{id:k,slug:M}=i,G=(0,u.Fd)(e=>e({permission:"org:sys_billing:manage"})||"user"===S),{buttonPropsForPlan:A,activeOrUpcomingSubscriptionBasedOnPlanPeriod:E}=(0,c.D)(),_=l.useMemo(()=>E(i,n),[i,n,E]),R=l.useMemo(()=>{if(z&&!G)return(0,x.G)("organizationProfile.plansPage.alerts.noPermissionsToManageBilling");if(v&&"organization"===S&&(0,p.iI)(i,v)){let e=(0,p.cv)(i);return(0,x.G)("organizationProfile.plansPage.alerts.planMembershipLimitExceeded",{count:v.membersCount+v.pendingInvitationsCount,limit:e})}return null},[z,G,v,S,i]),L=i.features.length>0,K=!!(0,p.V4)(i),{shouldShowFooter:W,shouldShowFooterNotice:j}=(e=>{let[i,r]=(e=>{let{subscription:i,plan:r,planPeriod:a,for:t,hasActiveOrganization:l}=e,n=[!0,!0],o=[!0,!1],c=[!1,!1];if(!i)return"organization"!==t||l?o:c;if("upcoming"===i.status)return n;if("active"===i.status){var s;let e=!!i.canceledAt,t=a!==i.planPeriod&&!!(null==(s=r.annualMonthlyFee)?void 0:s.amount),l=r.freeTrialEnabled&&i.isFreeTrial;if(e||t)return o;if(l)return n}return c})(e);return{shouldShowFooter:i,shouldShowFooterNotice:r}})({subscription:_,plan:i,planPeriod:n,for:$.for,hasActiveOrganization:!!v});return(0,a.FD)(h.az,{elementDescriptor:b.$z.pricingTableCard,elementId:b.$z.pricingTableCard.setId(M),sx:e=>({display:"grid",gap:0,gridTemplateRows:"subgrid",gridRow:"span 5",background:F.s.mutedBackground(e),borderWidth:e.borderWidths.$normal,borderStyle:e.borderStyles.$solid,borderColor:e.colors.$borderAlpha150,borderRadius:e.radii.$xl,overflow:"hidden",textAlign:"start"}),"data-variant":T?"compact":"default",children:[(0,a.Y)(P,{plan:i,isCompact:T,planPeriod:n,setPlanPeriod:s,badge:_?(0,a.Y)(Y.V,{subscription:_.isFreeTrial?{status:"free_trial"}:_}):r?(0,a.Y)(h.Ex,{elementDescriptor:b.$z.pricingTableCardBadge,colorScheme:"secondary",localizationKey:(0,x.G)("billing.highlightedPlanBadge"),"data-highlighted-plan":!0}):void 0}),(0,a.FD)(h.az,{elementDescriptor:b.$z.pricingTableCardBody,sx:{display:"grid",gridTemplateRows:"subgrid",gridRow:"span 2",gap:0},children:["bottom"===B&&!I||"top"===B&&L?(0,a.Y)(h.az,{elementDescriptor:b.$z.pricingTableCardFeatures,sx:e=>({display:"flex",flexDirection:"column",flex:"1",padding:T?e.space.$3:e.space.$4,backgroundColor:L||K?e.colors.$colorBackground:"transparent",borderTopWidth:L||K?e.borderWidths.$normal:0,borderTopStyle:e.borderStyles.$solid,borderTopColor:e.colors.$borderAlpha150}),"data-variant":T?"compact":"default",children:(0,a.Y)(w,{plan:i,isCompact:T,showPlanDetails:e=>{let r=(0,g.J)(D,e);y.__internal_openPlanDetails({plan:i,initialPlanPeriod:n,portalRoot:r})}})}):null,W?(0,a.Y)(h.az,{elementDescriptor:b.$z.pricingTableCardFooter,sx:e=>({marginTop:"auto",padding:T?e.space.$3:e.space.$4,borderTopWidth:e.borderWidths.$normal,borderTopStyle:e.borderStyles.$solid,borderTopColor:e.colors.$borderAlpha150,order:"top"===B?-1:void 0}),children:j&&_?(0,a.Y)(h.EY,{elementDescriptor:b.$z.pricingTableCardFooterNotice,variant:T?"buttonSmall":"buttonLarge",localizationKey:i.freeTrialEnabled&&_.isFreeTrial&&_.periodEnd?(0,x.G)("badge__trialEndsAt",{date:_.periodEnd}):(0,x.G)("badge__startsAt",{date:_.periodStart}),colorScheme:"secondary",sx:e=>({paddingBlock:e.space.$1x5,textAlign:"center"})}):(0,a.FD)(d.m_.Root,{children:[(0,a.Y)(d.m_.Trigger,{sx:{width:"100%"},children:(0,a.Y)(h.$n,{elementDescriptor:b.$z.pricingTableCardFooterButton,block:!0,textVariant:T?"buttonSmall":"buttonLarge",...A({plan:i,organization:v,isCompact:T,selectedPlanPeriod:n}),onClick:e=>{f(i,e)}})}),R?(0,a.Y)(d.m_.Content,{text:R}):null]})}):(0,a.Y)(h.az,{sx:e=>({backgroundColor:L?e.colors.$colorBackground:"transparent"})})]})]},k)}let P=l.forwardRef((e,i)=>{let{plan:r,isCompact:t,planPeriod:n,setPlanPeriod:o,badge:s}=e,{name:d}=r,p=l.useMemo(()=>r.annualMonthlyFee?r.fee?"annual"===n?r.annualMonthlyFee:r.fee:r.annualFee:r.fee,[r,n]),g=l.useMemo(()=>{if(r.hasBaseFee||!r.unitPrices||1!==r.unitPrices.length)return null;let[e]=r.unitPrices;return 1!==e.tiers.length?null:e.tiers[0].feePerBlock},[r.hasBaseFee,r.unitPrices]),u=l.useMemo(()=>!r.hasBaseFee&&r.unitPrices&&r.unitPrices.length>0?(0,x.G)("billing.monthPerUnit",{unitName:r.unitPrices[0].name}):r.fee?(0,x.G)("billing.month"):(0,x.G)("billing.year"),[r.hasBaseFee,r.fee,r.unitPrices]),m=null!=g?g:p,f=l.useMemo(()=>m?"".concat(m.currencySymbol).concat((0,c.Ij)(m.amountFormatted)):"",[m]);return(0,a.FD)(h.az,{ref:i,elementDescriptor:b.$z.pricingTableCardHeader,sx:e=>({width:"100%",padding:t?e.space.$3:e.space.$4,display:"grid",gap:e.space.$1,gridRow:"span 3",gridTemplateRows:"subgrid"}),"data-variant":t?"compact":"default",children:[(0,a.FD)(h.az,{elementDescriptor:b.$z.pricingTableCardTitleContainer,children:[(0,a.FD)(h.az,{sx:e=>({display:"flex",justifyContent:"space-between",alignItems:"flex-start",gap:e.space.$0x25}),children:[(0,a.Y)(h.DZ,{elementDescriptor:b.$z.pricingTableCardTitle,as:"h2",textVariant:t?"h3":"h2",children:d}),s&&s]}),!t&&r.description?(0,a.Y)(h.EY,{elementDescriptor:b.$z.pricingTableCardDescription,variant:"subtitle",colorScheme:"secondary",sx:{justifySelf:"flex-start"},children:r.description}):null]}),(0,a.FD)(h.so,{elementDescriptor:b.$z.pricingTableCardFeeContainer,"data-variant":t?"compact":"default",align:"center",wrap:"wrap",sx:e=>({columnGap:e.space.$1,marginTop:e.space.$1}),children:[(0,a.Y)(h.EY,{elementDescriptor:b.$z.pricingTableCardFee,variant:t?"h2":"h1",colorScheme:"body",children:f}),r.isDefault?null:(0,a.Y)(h.EY,{elementDescriptor:b.$z.pricingTableCardFeePeriod,variant:"caption",colorScheme:"secondary",sx:e=>({textTransform:"lowercase",":before":{content:'"/"',marginInlineEnd:e.space.$0x25}}),localizationKey:u})]}),(0,a.Y)(v,{plan:r,planPeriod:n,setPlanPeriod:o})]})}),v=e=>{let{plan:i,planPeriod:r,setPlanPeriod:t}=e;return!i.isDefault&&i.fee&&i.annualMonthlyFee?(0,a.Y)(h.az,{elementDescriptor:b.$z.pricingTableCardPeriodToggle,sx:e=>({marginTop:e.space.$1}),children:(0,a.Y)(s.d,{isChecked:"annual"===r,onChange:e=>t(e?"annual":"month"),label:(0,x.G)("billing.billedAnnually")})}):i.annualMonthlyFee?(0,a.Y)(h.EY,{elementDescriptor:b.$z.pricingTableCardFeePeriodNotice,variant:"caption",colorScheme:"secondary",localizationKey:i.isDefault?(0,x.G)("billing.alwaysFree"):(0,x.G)("billing.billedAnnuallyOnly"),sx:e=>({justifySelf:"flex-start",alignSelf:"center",marginTop:e.space.$1})}):(0,a.Y)(h.EY,{elementDescriptor:b.$z.pricingTableCardFeePeriodNotice,variant:"caption",colorScheme:"secondary",localizationKey:i.isDefault?(0,x.G)("billing.alwaysFree"):(0,x.G)("billing.billedMonthlyOnly"),sx:e=>({justifySelf:"flex-start",alignSelf:"center",marginTop:e.space.$1})})},w=l.forwardRef((e,i)=>{let{plan:r,isCompact:t,showPlanDetails:l}=e,n=r.features.length,o=t?n>3:n>8;return(0,a.FD)(h.az,{ref:i,elementDescriptor:b.$z.pricingTableCardFeatures,sx:e=>({display:"grid",flex:1,rowGap:t?e.space.$2:e.space.$3}),children:[(0,a.FD)(h.fv,{elementDescriptor:b.$z.pricingTableCardFeaturesList,"data-variant":t?"compact":"default",as:"ul",role:"list",sx:e=>({flex:"1",rowGap:t?e.space.$2:e.space.$3,margin:0,padding:0}),children:[r.unitPrices&&r.unitPrices.length>0&&(r.hasBaseFee||r.unitPrices[0].tiers.length>0)?(0,a.Y)(B,{plan:r}):null,r.features.slice(0,o?t?3:8:n).map(e=>(0,a.FD)(h.az,{elementDescriptor:b.$z.pricingTableCardFeaturesListItem,elementId:b.$z.pricingTableCardFeaturesListItem.setId(e.slug),as:"li",sx:e=>({display:"flex",alignItems:"baseline",gap:e.space.$2,margin:0,padding:0}),children:[(0,a.Y)(h.In,{icon:$.A,colorScheme:"neutral","aria-hidden":!0,sx:e=>({transform:"translateY(".concat(e.space.$0x25,")")})}),(0,a.Y)(h.L9,{elementDescriptor:b.$z.pricingTableCardFeaturesListItemContent,children:(0,a.Y)(h.EY,{elementDescriptor:b.$z.pricingTableCardFeaturesListItemTitle,colorScheme:"body",sx:e=>({fontWeight:e.fontWeights.$normal}),children:e.name})})]},e.id))]}),o&&(0,a.FD)(h.dF,{onClick:e=>l(e),variant:"link",sx:e=>({marginBlockStart:"auto",paddingBlock:e.space.$1,gap:e.space.$2}),children:[(0,a.Y)(h.In,{icon:T.A,colorScheme:"neutral","aria-hidden":!0}),(0,a.Y)(h.L9,{localizationKey:(0,x.G)("billing.seeAllFeatures")})]})]})}),B=e=>{let{plan:i}=e,{t:r}=(0,f._)(),t=i.unitPrices,n=r((0,x.G)("billing.month")),o=r((0,x.G)("billing.monthAbbreviation")),s=l.useMemo(()=>{if(!t)return null;let e=(0,p.V4)(i);if(!e)return null;let a=e=>"".concat(e.feePerBlock.currencySymbol).concat((0,c.Ij)(e.feePerBlock.amountFormatted)),l=e=>null===e?(0,x.G)("billing.pricingTable.seatCost.unlimitedSeats"):(0,x.G)("billing.pricingTable.seatCost.upToSeats",{endsAfterBlock:e});if(1===e.tiers.length){let r=e.tiers[0],t=[];return 0!==r.feePerBlock.amount&&i.hasBaseFee&&t.push({elementId:"seats",icon:y.A,text:(0,x.G)("billing.pricingTable.seatCost.perSeat",{feePerBlockAmount:a(r),periodAbbreviation:o})}),t.push({elementId:t.length?"seats-limit":"seats",icon:z.A,text:l(r.endsAfterBlock)}),t}if(2===e.tiers.length){let[t,c]=e.tiers;if(t&&c&&0===t.feePerBlock.amount&&null!==t.endsAfterBlock&&0!==c.feePerBlock.amount){var s,d;let e=a(c),p=r((0,x.G)(i.isDefault&&((null==(s=i.fee)?void 0:s.amount)===0||(null==(d=i.annualMonthlyFee)?void 0:d.amount)===0)?"billing.pricingTable.seatCost.tooltip.freeForUpToSeats":"billing.pricingTable.seatCost.tooltip.firstSeatsIncludedInPlan",{endsAfterBlock:t.endsAfterBlock})),g=r((0,x.G)("billing.pricingTable.seatCost.tooltip.additionalSeatsEach",{feePerBlockAmount:e,period:n}));return[{elementId:"seats",icon:y.A,text:(0,x.G)("billing.pricingTable.seatCost.includedSeats",{includedSeats:t.endsAfterBlock}),additionalText:(0,x.G)("billing.pricingTable.seatCost.additionalSeats",{additionalTierFeePerBlockAmount:e,periodAbbreviation:o}),additionalTooltipText:"".concat(p," ").concat(g)},{elementId:"seats-limit",icon:z.A,text:l(c.endsAfterBlock)}]}}return null},[n,o,i.fee,i.annualMonthlyFee,r,t]);return(null==s?void 0:s.length)?(0,a.Y)(a.FK,{children:s.map(e=>(0,a.FD)(h.az,{elementDescriptor:b.$z.pricingTableCardFeaturesListItem,elementId:b.$z.pricingTableCardFeaturesListItem.setId(e.elementId),as:"li",sx:e=>({display:"flex",alignItems:"baseline",gap:e.space.$2,margin:0,padding:0}),children:[(0,a.Y)(h.In,{icon:e.icon,colorScheme:"neutral","aria-hidden":!0,sx:e=>({transform:"translateY(".concat(e.space.$0x25,")")})}),(0,a.Y)(h.L9,{elementDescriptor:b.$z.pricingTableCardFeaturesListItemContent,children:(0,a.FD)(h.EY,{elementDescriptor:b.$z.pricingTableCardFeaturesListItemTitle,colorScheme:"body",sx:e=>({fontWeight:e.fontWeights.$normal}),children:[(0,a.Y)(h.L9,{localizationKey:e.text}),e.additionalText?(0,a.FD)(a.FK,{children:[" ",e.additionalTooltipText?(0,a.FD)(d.m_.Root,{children:[(0,a.Y)(d.m_.Trigger,{children:(0,a.Y)(h.L9,{localizationKey:e.additionalText,sx:{textDecoration:"underline dotted"}})}),(0,a.Y)(d.m_.Content,{text:e.additionalTooltipText})]}):(0,a.Y)(h.L9,{localizationKey:e.additionalText})]}):null]})})]},e.elementId))}):null};r(12021),r(67548),r(70954),r(98803),r(79162),r(15385),r(39342),r(69152),r(84086);var I=r(19286),k=r(92386),M=r(89793),G=r(11008),A=r(90196),E=r(12445),_=r(34260);function R(e){let{plans:i=[],planPeriod:r,setPlanPeriod:t,onSelect:n,highlightedPlan:o}=e,s=(0,A.j)(),{animations:d}=(0,G.KP)().parsedOptions,p=!s&&!0===d,g=l.useId(),u="".concat(g,"-segmented-control"),{buttonPropsForPlan:m}=(0,c.D)(),{t:T}=(0,f._)(),y=e=>({transition:p?"grid-template-rows ".concat(e.transitionDuration.$slower," ").concat(e.transitionTiming.$slowBezier):"none"}),z=e=>({background:F.s.mergedColorsBackground(M.T.setAlpha(e.colors.$colorBackground,1),e.colors.$neutralAlpha25)}),Y=l.useMemo(()=>"repeat(".concat(i.length+1,", minmax(9.375rem,1fr))"),[i.length]),C=l.useMemo(()=>i.some(e=>!!e.annualMonthlyFee),[i]),S=l.useMemo(()=>{let e=new Set;return i.forEach(i=>{let{features:r}=i;r.forEach(i=>{let{name:r}=i;return e.add(r)})}),Array.from(e)},[i]);return i.length?(0,a.Y)(D.S,{children:(0,a.Y)(h.az,{elementDescriptor:b.$z.pricingTableMatrix,sx:e=>({position:"relative",minWidth:"100%",display:"grid",isolation:"isolate",backgroundColor:e.colors.$colorBackground,[_.g.md]:{overflowX:"auto"}}),children:(0,a.FD)(h.az,{elementDescriptor:b.$z.pricingTableMatrixTable,role:"table",children:[(0,a.Y)(h.az,{elementDescriptor:[b.$z.pricingTableMatrixRowGroup,b.$z.pricingTableMatrixRowGroupHeader],role:"rowgroup",sx:e=>({position:"sticky",top:0,backgroundColor:e.colors.$colorBackground,borderBottomWidth:e.borderWidths.$normal,borderBottomStyle:e.borderStyles.$solid,borderBottomColor:e.colors.$borderAlpha100,zIndex:1}),children:(0,a.FD)(h.az,{elementDescriptor:[b.$z.pricingTableMatrixRow,b.$z.pricingTableMatrixRowHeader],role:"row",sx:{display:"grid",gridTemplateColumns:Y},children:[(0,a.Y)(h.az,{elementDescriptor:b.$z.pricingTableMatrixColumnHeader,role:"columnheader",sx:e=>({display:"flex",flexDirection:"column",alignItems:"flex-start",justifyContent:"flex-end",rowGap:e.space.$3,paddingBlockEnd:e.space.$12,paddingInlineStart:e.space.$3}),children:C?(0,a.FD)(a.FK,{children:[(0,a.Y)(h.EY,{id:u,colorScheme:"secondary",variant:"caption",localizationKey:(0,x.G)("billing.pricingTable.billingCycle"),children:"Billing cycle"}),(0,a.FD)(k.I.Root,{"aria-labelledby":u,value:r,onChange:e=>t(e),children:[(0,a.Y)(k.I.Button,{value:"month",text:(0,x.G)("billing.monthly")}),(0,a.Y)(k.I.Button,{value:"annual",text:(0,x.G)("billing.annually")})]})]}):null}),i.map(e=>{let i=e.slug===o,t=e.annualMonthlyFee&&"annual"===r?e.annualMonthlyFee:e.fee;return(0,a.FD)(h.az,{elementDescriptor:b.$z.pricingTableMatrixColumnHeader,role:"columnheader",sx:[e=>({display:"flex",flexDirection:"column",alignItems:"flex-start",flex:1,borderStartStartRadius:e.radii.$xl,borderStartEndRadius:e.radii.$xl}),i&&z],"data-highlighted":i,children:[(0,a.FD)(h.az,{sx:e=>({width:"100%",padding:e.space.$4}),children:[e.avatarUrl||i?(0,a.FD)(h.L9,{sx:e=>({width:"100%",display:"flex",alignItems:"flex-start",justifyContent:"space-between",marginBlockEnd:e.space.$3}),children:[e.avatarUrl?(0,a.Y)(I.e,{elementDescriptor:b.$z.pricingTableMatrixAvatar,size:e=>40,title:e.name,initials:e.name[0],rounded:!1,imageUrl:e.avatarUrl}):null,i?(0,a.Y)(h.Ex,{elementDescriptor:b.$z.pricingTableMatrixBadge,colorScheme:"secondary",localizationKey:(0,x.G)("billing.highlightedPlanBadge")}):null]}):null,(0,a.Y)(h.DZ,{elementDescriptor:b.$z.pricingTableMatrixPlanName,textVariant:"h3",children:e.name}),(0,a.Y)(h.so,{align:"center",wrap:"wrap",sx:e=>({marginTop:e.space.$2,columnGap:e.space.$1x5}),children:e.hasBaseFee?(0,a.FD)(a.FK,{children:[(0,a.FD)(h.EY,{elementDescriptor:b.$z.pricingTableMatrixFee,variant:"h2",colorScheme:"body",children:[t.currencySymbol,t.amountFormatted]}),(0,a.Y)(h.EY,{elementDescriptor:b.$z.pricingTableMatrixFeePeriod,variant:"caption",colorScheme:"secondary",sx:e=>({textTransform:"lowercase",":before":{content:'"/"',marginInlineEnd:e.space.$1}}),localizationKey:(0,x.G)("billing.month")}),e.annualMonthlyFee?(0,a.Y)(h.az,{elementDescriptor:b.$z.pricingTableMatrixFeePeriodNotice,sx:[e=>({width:"100%",display:"grid",gridTemplateRows:"annual"===r?"1fr":"0fr"}),y],inert:"annual"!==r?"true":void 0,children:(0,a.Y)(h.az,{elementDescriptor:b.$z.pricingTableMatrixFeePeriodNoticeInner,sx:{overflow:"hidden",minHeight:0},children:(0,a.FD)(h.EY,{elementDescriptor:b.$z.pricingTableMatrixFeePeriodNoticeLabel,variant:"caption",colorScheme:"secondary",sx:e=>({width:"100%",display:"flex",alignItems:"center",columnGap:e.space.$1}),children:[(0,a.Y)(h.In,{icon:E.A,colorScheme:"neutral",size:"sm","aria-hidden":!0})," ",(0,a.Y)(h.L9,{localizationKey:(0,x.G)("billing.billedAnnually")})]})})}):null]}):(0,a.Y)(h.EY,{elementDescriptor:b.$z.pricingTableMatrixFee,variant:"h2",localizationKey:(0,x.G)("billing.free"),colorScheme:"body"})})]}),e.isDefault?null:(0,a.Y)(h.az,{sx:e=>({width:"100%",marginBlockStart:"auto",marginBlockEnd:e.space.$8,paddingBlockStart:e.space.$2,paddingBlockEnd:e.space.$4,paddingInline:e.space.$4}),children:(0,a.Y)(h.$n,{block:!0,textVariant:"buttonSmall",size:"xs",onClick:i=>{n(e,i)},...m({plan:e,selectedPlanPeriod:r}),colorScheme:i?"primary":"secondary"})})]},e.slug)})]})}),(0,a.FD)(h.az,{elementDescriptor:[b.$z.pricingTableMatrixRowGroup,b.$z.pricingTableMatrixRowGroupBody],role:"rowgroup",children:[S.map(e=>(0,a.FD)(h.az,{elementDescriptor:[b.$z.pricingTableMatrixRow,b.$z.pricingTableMatrixRowBody],role:"row",sx:e=>({position:"relative",display:"grid",gridTemplateColumns:Y,borderBottomWidth:e.borderWidths.$normal,borderBottomStyle:e.borderStyles.$solid,borderBottomColor:e.colors.$borderAlpha100,":after":{content:'""',position:"absolute",inset:0,pointerEvents:"none",backgroundColor:e.colors.$neutralAlpha25,opacity:0},":hover:after":{opacity:1}}),children:[(0,a.Y)(h.az,{elementDescriptor:b.$z.pricingTableMatrixCell,role:"cell",sx:e=>({padding:e.space.$3}),children:(0,a.Y)(h.EY,{colorScheme:"body",children:e})}),i.map(i=>{let r=i.slug===o,t=i.features.some(i=>i.name===e);return(0,a.Y)(h.az,{elementDescriptor:b.$z.pricingTableMatrixCell,role:"cell",sx:[e=>({display:"grid",placeContent:"center",padding:e.space.$3}),r&&z],"data-highlighted":r,"data-checked":t,children:t&&(0,a.Y)(h.In,{icon:$.A,colorScheme:"neutral",size:"sm","aria-label":T((0,x.G)("billing.pricingTable.included"))})},i.slug)})]},e)),(0,a.FD)(h.az,{elementDescriptor:b.$z.pricingTableMatrixFooter,sx:{display:"grid",gridTemplateColumns:Y},children:[(0,a.Y)(h.az,{elementDescriptor:[b.$z.pricingTableMatrixCell,b.$z.pricingTableMatrixCellFooter]}),i.map(e=>{let i=e.slug===o;return(0,a.Y)(h.az,{elementDescriptor:[b.$z.pricingTableMatrixCell,b.$z.pricingTableMatrixCellFooter],sx:[e=>({height:e.space.$10,borderEndStartRadius:e.radii.$xl,borderEndEndRadius:e.radii.$xl}),i&&z],"data-highlighted":i},e.slug)})]})]})]})})}):null}let L=e=>{let i=(0,t.ho)(),r=(0,t.Sj)(),{mode:s="mounted",signInMode:d="redirect",highlightedPlan:p}=(0,o.T)(),g="modal"===s,{data:u,subscriptionItems:m}=(0,c.Rs)(),{data:h}=(0,c.A$)(),{handleSelectPlan:b}=(0,c.D)(),x=(0,l.useMemo)(()=>i.isSignedIn?u?h:[]:h,[i.isSignedIn,h,u]),f=(0,l.useMemo)(()=>{if(g){let e=null==m?void 0:m.find(e=>"upcoming"===e.status);if(e)return e.planPeriod;let i=null==m?void 0:m.find(e=>!e.canceledAt&&"active"===e.status&&!e.plan.isDefault);if(i)return i.planPeriod}return"annual"},[g,m]),[$,T]=(0,l.useState)(f);(0,l.useEffect)(()=>{T(f)},[f]);let y=(a,t)=>{var l;if(!i.isSignedIn)return"modal"===d?i.openSignIn({getContainer:r}):i.redirectToSignIn();b({mode:s,plan:a,planPeriod:$,event:t,appearance:null==(l=e.checkoutProps)?void 0:l.appearance,newSubscriptionRedirectUrl:e.newSubscriptionRedirectUrl})};return(0,c.mu)(),(0,a.Y)(n.n.Root,{flow:"pricingTable",isFlowReady:i.isSignedIn?!!u:h.length>0,sx:{width:"100%"},children:"modal"!==s&&"matrix"===e.layout?(0,a.Y)(R,{plans:x,planPeriod:$,setPlanPeriod:T,onSelect:y,highlightedPlan:p}):(0,a.Y)(C,{plans:x,highlightedPlan:p,planPeriod:$,setPlanPeriod:T,onSelect:y,isCompact:g,props:e})})},K=e=>(0,a.Y)("div",{children:(0,a.Y)(L,{...e})}),W=e=>{let{mode:i="mounted"}=(0,o.T)();return"modal"===i?(0,a.Y)(K,{...e}):(0,a.Y)(L,{...e})}},45760(e,i,r){var a=r(59763),t=r(39230),l=r(78342);let n={active:"badge__activePlan",upcoming:"badge__upcomingPlan",past_due:"badge__pastDuePlan",free_trial:"badge__freeTrial"},o={active:"secondary",upcoming:"primary",past_due:"warning",free_trial:"secondary"};r.d(i,{},{V:e=>{let{subscription:i,elementDescriptor:r}=e;return(0,a.Y)(t.Ex,{elementDescriptor:r,colorScheme:o[i.status],localizationKey:(0,l.G)(n[i.status])})}})},68713(e,i,r){r(15254);var a=r(59701);let t=(0,a.createContext)(null);r.d(i,{},{T:()=>{let e=(0,a.useContext)(t);if(!e||"PricingTable"!==e.componentName)throw Error("Clerk: usePricingTableContext called outside PricingTable.");let{componentName:i,...r}=e;return{...r,componentName:i}},a:t})}}]);
+"use strict";(globalThis.rspackChunk_clerk_ui=globalThis.rspackChunk_clerk_ui||[]).push([[6678],{93621(e,i,r){r.d(i,{n:()=>j}),r(42949),r(49678),r(36395);var a=r(59763),t=r(46262),l=r(59701),n=r(34641),o=r(68713),c=r(12861);r(37891),r(14104);var s=r(89297),d=r(75880),p=r(40049),g=r(37549),u=r(82396),m=r(79229),h=r(39230),b=r(61046),x=r(78342),f=r(32819),$=r(53693),T=r(96014),y=r(25912),z=r(26130),D=r(74629),F=r(8343),Y=r(45760);function C(e){let{plans:i,highlightedPlan:r,planPeriod:t,setPlanPeriod:l,onSelect:n,isCompact:o,props:c}=e;return(0,a.Y)(D.S,{children:(0,a.Y)(h.az,{elementDescriptor:b.$z.pricingTable,sx:e=>({"--grid-min-size":o?"11.75rem":"20rem","--grid-max-columns":"infinity","--grid-gap":e.space.$4,"--max-column-width":"100% / var(--grid-max-columns, infinity) - var(--grid-gap)","--column-width":"max(var(--max-column-width), min(var(--grid-min-size, 10rem), 100%))",display:"grid",gridTemplateColumns:"repeat(auto-fit, minmax(var(--column-width), 1fr))",gridTemplateRows:"auto 1fr",gap:"var(--grid-gap-y, var(--grid-gap, ".concat(e.space.$4,")) var(--grid-gap, ").concat(e.space.$4,")"),alignItems:"stretch",width:"100%",minWidth:"0"}),"data-variant":o?"compact":"default",children:null==i?void 0:i.map(e=>(0,a.Y)(S,{plan:e,highlighted:e.slug===r,planPeriod:t,setPlanPeriod:l,onSelect:n,props:c,isCompact:o},e.id))})})}function S(e){let{plan:i,highlighted:r,planPeriod:n,setPlanPeriod:s,onSelect:f,props:$,isCompact:T=!1}=e,y=(0,t.ho)(),{isSignedIn:z}=(0,t.wV)(),{mode:D="mounted",ctaPosition:C}=(0,o.T)(),S=(0,m.XX)(),v=(0,t.It)(),B=$.ctaPosition||C||"bottom",I=$.collapseFeatures||!1,{id:k,slug:M}=i,G=(0,u.Fd)(e=>e({permission:"org:sys_billing:manage"})||"user"===S),{buttonPropsForPlan:A,activeOrUpcomingSubscriptionBasedOnPlanPeriod:E}=(0,c.D)(),_=l.useMemo(()=>E(i,n),[i,n,E]),R=l.useMemo(()=>{if(z&&!G)return(0,x.G)("organizationProfile.plansPage.alerts.noPermissionsToManageBilling");if(v&&"organization"===S&&(0,p.iI)(i,v)){let e=(0,p.cv)(i);return(0,x.G)("organizationProfile.plansPage.alerts.planMembershipLimitExceeded",{count:v.membersCount+v.pendingInvitationsCount,limit:e})}return null},[z,G,v,S,i]),L=i.features.length>0,K=!!(0,p.V4)(i),{shouldShowFooter:W,shouldShowFooterNotice:j}=(e=>{let[i,r]=(e=>{let{subscription:i,plan:r,planPeriod:a,for:t,hasActiveOrganization:l}=e,n=[!0,!0],o=[!0,!1],c=[!1,!1];if(!i)return"organization"!==t||l?o:c;if("upcoming"===i.status)return n;if("active"===i.status){var s;let e=!!i.canceledAt,t=a!==i.planPeriod&&!!(null==(s=r.annualMonthlyFee)?void 0:s.amount),l=r.freeTrialEnabled&&i.isFreeTrial;if(e||t)return o;if(l)return n}return c})(e);return{shouldShowFooter:i,shouldShowFooterNotice:r}})({subscription:_,plan:i,planPeriod:n,for:$.for,hasActiveOrganization:!!v});return(0,a.FD)(h.az,{elementDescriptor:b.$z.pricingTableCard,elementId:b.$z.pricingTableCard.setId(M),sx:e=>({display:"grid",gap:0,gridTemplateRows:"subgrid",gridRow:"span 5",background:F.s.mutedBackground(e),borderWidth:e.borderWidths.$normal,borderStyle:e.borderStyles.$solid,borderColor:e.colors.$borderAlpha150,borderRadius:e.radii.$xl,overflow:"hidden",textAlign:"start"}),"data-variant":T?"compact":"default",children:[(0,a.Y)(P,{plan:i,isCompact:T,planPeriod:n,setPlanPeriod:s,badge:_?(0,a.Y)(Y.V,{subscription:_.isFreeTrial?{status:"free_trial"}:_}):r?(0,a.Y)(h.Ex,{elementDescriptor:b.$z.pricingTableCardBadge,colorScheme:"secondary",localizationKey:(0,x.G)("billing.highlightedPlanBadge"),"data-highlighted-plan":!0}):void 0}),(0,a.FD)(h.az,{elementDescriptor:b.$z.pricingTableCardBody,sx:{display:"grid",gridTemplateRows:"subgrid",gridRow:"span 2",gap:0},children:["bottom"===B&&!I||"top"===B&&L?(0,a.Y)(h.az,{elementDescriptor:b.$z.pricingTableCardFeatures,sx:e=>({display:"flex",flexDirection:"column",flex:"1",padding:T?e.space.$3:e.space.$4,backgroundColor:L||K?e.colors.$colorBackground:"transparent",borderTopWidth:L||K?e.borderWidths.$normal:0,borderTopStyle:e.borderStyles.$solid,borderTopColor:e.colors.$borderAlpha150}),"data-variant":T?"compact":"default",children:(0,a.Y)(w,{plan:i,isCompact:T,showPlanDetails:e=>{let r=(0,g.J)(D,e);y.__internal_openPlanDetails({plan:i,initialPlanPeriod:n,portalRoot:r})}})}):null,W?(0,a.Y)(h.az,{elementDescriptor:b.$z.pricingTableCardFooter,sx:e=>({marginTop:"auto",padding:T?e.space.$3:e.space.$4,borderTopWidth:e.borderWidths.$normal,borderTopStyle:e.borderStyles.$solid,borderTopColor:e.colors.$borderAlpha150,order:"top"===B?-1:void 0}),children:j&&_?(0,a.Y)(h.EY,{elementDescriptor:b.$z.pricingTableCardFooterNotice,variant:T?"buttonSmall":"buttonLarge",localizationKey:i.freeTrialEnabled&&_.isFreeTrial&&_.periodEnd?(0,x.G)("badge__trialEndsAt",{date:_.periodEnd}):(0,x.G)("badge__startsAt",{date:_.periodStart}),colorScheme:"secondary",sx:e=>({paddingBlock:e.space.$1x5,textAlign:"center"})}):(0,a.FD)(d.m_.Root,{children:[(0,a.Y)(d.m_.Trigger,{sx:{width:"100%"},children:(0,a.Y)(h.$n,{elementDescriptor:b.$z.pricingTableCardFooterButton,block:!0,textVariant:T?"buttonSmall":"buttonLarge",...A({plan:i,organization:v,isCompact:T,selectedPlanPeriod:n}),onClick:e=>{f(i,e)}})}),R?(0,a.Y)(d.m_.Content,{text:R}):null]})}):(0,a.Y)(h.az,{sx:e=>({backgroundColor:L?e.colors.$colorBackground:"transparent"})})]})]},k)}let P=l.forwardRef((e,i)=>{let{plan:r,isCompact:t,planPeriod:n,setPlanPeriod:o,badge:s}=e,{name:d}=r,p=l.useMemo(()=>r.annualMonthlyFee?r.fee?"annual"===n?r.annualMonthlyFee:r.fee:r.annualFee:r.fee,[r,n]),g=l.useMemo(()=>{if(r.hasBaseFee||!r.unitPrices||1!==r.unitPrices.length)return null;let[e]=r.unitPrices;return 1!==e.tiers.length?null:e.tiers[0].feePerBlock},[r.hasBaseFee,r.unitPrices]),u=l.useMemo(()=>!r.hasBaseFee&&r.unitPrices&&r.unitPrices.length>0?(0,x.G)("billing.monthPerUnit",{unitName:r.unitPrices[0].name}):r.fee?(0,x.G)("billing.month"):(0,x.G)("billing.year"),[r.hasBaseFee,r.fee,r.unitPrices]),m=null!=g?g:p,f=l.useMemo(()=>m?"".concat(m.currencySymbol).concat((0,c.Ij)(m.amountFormatted)):"",[m]);return(0,a.FD)(h.az,{ref:i,elementDescriptor:b.$z.pricingTableCardHeader,sx:e=>({width:"100%",padding:t?e.space.$3:e.space.$4,display:"grid",gap:e.space.$1,gridRow:"span 3",gridTemplateRows:"subgrid"}),"data-variant":t?"compact":"default",children:[(0,a.FD)(h.az,{elementDescriptor:b.$z.pricingTableCardTitleContainer,children:[(0,a.FD)(h.az,{sx:e=>({display:"flex",justifyContent:"space-between",alignItems:"flex-start",gap:e.space.$0x25}),children:[(0,a.Y)(h.DZ,{elementDescriptor:b.$z.pricingTableCardTitle,as:"h2",textVariant:t?"h3":"h2",children:d}),s&&s]}),!t&&r.description?(0,a.Y)(h.EY,{elementDescriptor:b.$z.pricingTableCardDescription,variant:"subtitle",colorScheme:"secondary",sx:{justifySelf:"flex-start"},children:r.description}):null]}),(0,a.FD)(h.so,{elementDescriptor:b.$z.pricingTableCardFeeContainer,"data-variant":t?"compact":"default",align:"center",wrap:"wrap",sx:e=>({columnGap:e.space.$1,marginTop:e.space.$1}),children:[(0,a.Y)(h.EY,{elementDescriptor:b.$z.pricingTableCardFee,variant:t?"h2":"h1",colorScheme:"body",children:f}),r.isDefault?null:(0,a.Y)(h.EY,{elementDescriptor:b.$z.pricingTableCardFeePeriod,variant:"caption",colorScheme:"secondary",sx:e=>({textTransform:"lowercase",":before":{content:'"/"',marginInlineEnd:e.space.$0x25}}),localizationKey:u})]}),(0,a.Y)(v,{plan:r,planPeriod:n,setPlanPeriod:o})]})}),v=e=>{let{plan:i,planPeriod:r,setPlanPeriod:t}=e;return!i.isDefault&&i.fee&&i.annualMonthlyFee?(0,a.Y)(h.az,{elementDescriptor:b.$z.pricingTableCardPeriodToggle,sx:e=>({marginTop:e.space.$1}),children:(0,a.Y)(s.d,{isChecked:"annual"===r,onChange:e=>t(e?"annual":"month"),label:(0,x.G)("billing.billedAnnually")})}):i.annualMonthlyFee?(0,a.Y)(h.EY,{elementDescriptor:b.$z.pricingTableCardFeePeriodNotice,variant:"caption",colorScheme:"secondary",localizationKey:i.isDefault?(0,x.G)("billing.alwaysFree"):(0,x.G)("billing.billedAnnuallyOnly"),sx:e=>({justifySelf:"flex-start",alignSelf:"center",marginTop:e.space.$1})}):(0,a.Y)(h.EY,{elementDescriptor:b.$z.pricingTableCardFeePeriodNotice,variant:"caption",colorScheme:"secondary",localizationKey:i.isDefault?(0,x.G)("billing.alwaysFree"):(0,x.G)("billing.billedMonthlyOnly"),sx:e=>({justifySelf:"flex-start",alignSelf:"center",marginTop:e.space.$1})})},w=l.forwardRef((e,i)=>{let{plan:r,isCompact:t,showPlanDetails:l}=e,n=r.features.length,o=t?n>3:n>8;return(0,a.FD)(h.az,{ref:i,elementDescriptor:b.$z.pricingTableCardFeatures,sx:e=>({display:"grid",flex:1,rowGap:t?e.space.$2:e.space.$3}),children:[(0,a.FD)(h.fv,{elementDescriptor:b.$z.pricingTableCardFeaturesList,"data-variant":t?"compact":"default",as:"ul",role:"list",sx:e=>({flex:"1",rowGap:t?e.space.$2:e.space.$3,margin:0,padding:0}),children:[r.unitPrices&&r.unitPrices.length>0&&(r.hasBaseFee||r.unitPrices[0].tiers.length>0)?(0,a.Y)(B,{plan:r}):null,r.features.slice(0,o?t?3:8:n).map(e=>(0,a.FD)(h.az,{elementDescriptor:b.$z.pricingTableCardFeaturesListItem,elementId:b.$z.pricingTableCardFeaturesListItem.setId(e.slug),as:"li",sx:e=>({display:"flex",alignItems:"baseline",gap:e.space.$2,margin:0,padding:0}),children:[(0,a.Y)(h.In,{icon:$.A,colorScheme:"neutral","aria-hidden":!0,sx:e=>({transform:"translateY(".concat(e.space.$0x25,")")})}),(0,a.Y)(h.L9,{elementDescriptor:b.$z.pricingTableCardFeaturesListItemContent,children:(0,a.Y)(h.EY,{elementDescriptor:b.$z.pricingTableCardFeaturesListItemTitle,colorScheme:"body",sx:e=>({fontWeight:e.fontWeights.$normal}),children:e.name})})]},e.id))]}),o&&(0,a.FD)(h.dF,{onClick:e=>l(e),variant:"link",sx:e=>({marginBlockStart:"auto",paddingBlock:e.space.$1,gap:e.space.$2}),children:[(0,a.Y)(h.In,{icon:T.A,colorScheme:"neutral","aria-hidden":!0}),(0,a.Y)(h.L9,{localizationKey:(0,x.G)("billing.seeAllFeatures")})]})]})}),B=e=>{let{plan:i}=e,{t:r}=(0,f._)(),t=i.unitPrices,n=r((0,x.G)("billing.month")),o=r((0,x.G)("billing.monthAbbreviation")),s=l.useMemo(()=>{if(!t)return null;let e=(0,p.V4)(i);if(!e)return null;let a=e=>"".concat(e.feePerBlock.currencySymbol).concat((0,c.Ij)(e.feePerBlock.amountFormatted)),l=e=>null===e?(0,x.G)("billing.pricingTable.seatCost.unlimitedSeats"):(0,x.G)("billing.pricingTable.seatCost.upToSeats",{endsAfterBlock:e});if(1===e.tiers.length){let r=e.tiers[0],t=[];return 0!==r.feePerBlock.amount&&i.hasBaseFee&&t.push({elementId:"seats",icon:y.A,text:(0,x.G)("billing.pricingTable.seatCost.perSeat",{feePerBlockAmount:a(r),periodAbbreviation:o})}),t.push({elementId:t.length?"seats-limit":"seats",icon:z.A,text:l(r.endsAfterBlock)}),t}if(2===e.tiers.length){let[t,c]=e.tiers;if(t&&c&&0===t.feePerBlock.amount&&null!==t.endsAfterBlock&&0!==c.feePerBlock.amount){var s,d;let e=a(c),p=r((0,x.G)(i.isDefault&&((null==(s=i.fee)?void 0:s.amount)===0||(null==(d=i.annualMonthlyFee)?void 0:d.amount)===0)?"billing.pricingTable.seatCost.tooltip.freeForUpToSeats":"billing.pricingTable.seatCost.tooltip.firstSeatsIncludedInPlan",{endsAfterBlock:t.endsAfterBlock})),g=r((0,x.G)("billing.pricingTable.seatCost.tooltip.additionalSeatsEach",{feePerBlockAmount:e,period:n}));return[{elementId:"seats",icon:y.A,text:(0,x.G)("billing.pricingTable.seatCost.includedSeats",{includedSeats:t.endsAfterBlock}),additionalText:(0,x.G)("billing.pricingTable.seatCost.additionalSeats",{additionalTierFeePerBlockAmount:e,periodAbbreviation:o}),additionalTooltipText:"".concat(p," ").concat(g)},{elementId:"seats-limit",icon:z.A,text:l(c.endsAfterBlock)}]}}return null},[n,o,i.fee,i.annualMonthlyFee,r,t]);return(null==s?void 0:s.length)?(0,a.Y)(a.FK,{children:s.map(e=>(0,a.FD)(h.az,{elementDescriptor:b.$z.pricingTableCardFeaturesListItem,elementId:b.$z.pricingTableCardFeaturesListItem.setId(e.elementId),as:"li",sx:e=>({display:"flex",alignItems:"baseline",gap:e.space.$2,margin:0,padding:0}),children:[(0,a.Y)(h.In,{icon:e.icon,colorScheme:"neutral","aria-hidden":!0,sx:e=>({transform:"translateY(".concat(e.space.$0x25,")")})}),(0,a.Y)(h.L9,{elementDescriptor:b.$z.pricingTableCardFeaturesListItemContent,children:(0,a.FD)(h.EY,{elementDescriptor:b.$z.pricingTableCardFeaturesListItemTitle,colorScheme:"body",sx:e=>({fontWeight:e.fontWeights.$normal}),children:[(0,a.Y)(h.L9,{localizationKey:e.text}),e.additionalText?(0,a.FD)(a.FK,{children:[" ",e.additionalTooltipText?(0,a.FD)(d.m_.Root,{children:[(0,a.Y)(d.m_.Trigger,{children:(0,a.Y)(h.L9,{localizationKey:e.additionalText,sx:{textDecoration:"underline dotted"}})}),(0,a.Y)(d.m_.Content,{text:e.additionalTooltipText})]}):(0,a.Y)(h.L9,{localizationKey:e.additionalText})]}):null]})})]},e.elementId))}):null};r(12021),r(67548),r(70954),r(98803),r(79162),r(15385),r(39342),r(69152),r(84086);var I=r(58238),k=r(19286),M=r(92386),G=r(89793),A=r(11008),E=r(90196),_=r(12445),R=r(34260);function L(e){let{plans:i=[],planPeriod:r,setPlanPeriod:t,onSelect:n,highlightedPlan:o}=e,s=(0,E.j)(),{animations:d}=(0,A.KP)().parsedOptions,p=!s&&!0===d,g=l.useId(),u="".concat(g,"-segmented-control"),{buttonPropsForPlan:m}=(0,c.D)(),{t:T}=(0,f._)(),y=e=>({transition:p?"grid-template-rows ".concat(e.transitionDuration.$slower," ").concat(e.transitionTiming.$slowBezier):"none"}),z=e=>({background:F.s.mergedColorsBackground(G.T.setAlpha(e.colors.$colorBackground,1),e.colors.$neutralAlpha25)}),Y=l.useMemo(()=>"repeat(".concat(i.length+1,", minmax(9.375rem,1fr))"),[i.length]),C=l.useMemo(()=>i.some(e=>!!e.annualMonthlyFee),[i]),S=l.useMemo(()=>{let e=new Set;return i.forEach(i=>{let{features:r}=i;r.forEach(i=>{let{name:r}=i;return e.add(r)})}),Array.from(e)},[i]);return i.length?(0,a.Y)(D.S,{children:(0,a.Y)(h.az,{elementDescriptor:b.$z.pricingTableMatrix,sx:e=>({position:"relative",minWidth:"100%",display:"grid",isolation:"isolate",backgroundColor:e.colors.$colorBackground,[R.g.md]:{overflowX:"auto"}}),children:(0,a.FD)(h.az,{elementDescriptor:b.$z.pricingTableMatrixTable,role:"table",children:[(0,a.Y)(h.az,{elementDescriptor:[b.$z.pricingTableMatrixRowGroup,b.$z.pricingTableMatrixRowGroupHeader],role:"rowgroup",sx:e=>({position:"sticky",top:0,backgroundColor:e.colors.$colorBackground,borderBottomWidth:e.borderWidths.$normal,borderBottomStyle:e.borderStyles.$solid,borderBottomColor:e.colors.$borderAlpha100,zIndex:1}),children:(0,a.FD)(h.az,{elementDescriptor:[b.$z.pricingTableMatrixRow,b.$z.pricingTableMatrixRowHeader],role:"row",sx:{display:"grid",gridTemplateColumns:Y},children:[(0,a.Y)(h.az,{elementDescriptor:b.$z.pricingTableMatrixColumnHeader,role:"columnheader",sx:e=>({display:"flex",flexDirection:"column",alignItems:"flex-start",justifyContent:"flex-end",rowGap:e.space.$3,paddingBlockEnd:e.space.$12,paddingInlineStart:e.space.$3}),children:C?(0,a.FD)(a.FK,{children:[(0,a.Y)(h.EY,{id:u,colorScheme:"secondary",variant:"caption",localizationKey:(0,x.G)("billing.pricingTable.billingCycle"),children:"Billing cycle"}),(0,a.FD)(M.I.Root,{"aria-labelledby":u,value:r,onChange:e=>t(e),children:[(0,a.Y)(M.I.Button,{value:"month",text:(0,x.G)("billing.monthly")}),(0,a.Y)(M.I.Button,{value:"annual",text:(0,x.G)("billing.annually")})]})]}):null}),i.map(e=>{let i=e.slug===o,t=e.annualMonthlyFee&&"annual"===r?e.annualMonthlyFee:e.fee;return(0,a.FD)(h.az,{elementDescriptor:b.$z.pricingTableMatrixColumnHeader,role:"columnheader",sx:[e=>({display:"flex",flexDirection:"column",alignItems:"flex-start",flex:1,borderStartStartRadius:e.radii.$xl,borderStartEndRadius:e.radii.$xl}),i&&z],"data-highlighted":i,children:[(0,a.FD)(h.az,{sx:e=>({width:"100%",padding:e.space.$4}),children:[e.avatarUrl||i?(0,a.FD)(h.L9,{sx:e=>({width:"100%",display:"flex",alignItems:"flex-start",justifyContent:"space-between",marginBlockEnd:e.space.$3}),children:[e.avatarUrl?(0,a.Y)(k.e,{elementDescriptor:b.$z.pricingTableMatrixAvatar,size:e=>40,title:e.name,initials:e.name[0],rounded:!1,imageUrl:e.avatarUrl}):null,i?(0,a.Y)(h.Ex,{elementDescriptor:b.$z.pricingTableMatrixBadge,colorScheme:"secondary",localizationKey:(0,x.G)("billing.highlightedPlanBadge")}):null]}):null,(0,a.Y)(h.DZ,{elementDescriptor:b.$z.pricingTableMatrixPlanName,textVariant:"h3",children:e.name}),(0,a.Y)(h.so,{align:"center",wrap:"wrap",sx:e=>({marginTop:e.space.$2,columnGap:e.space.$1x5}),children:e.hasBaseFee?(0,a.FD)(a.FK,{children:[(0,a.FD)(h.EY,{elementDescriptor:b.$z.pricingTableMatrixFee,variant:"h2",colorScheme:"body",children:[t.currencySymbol,t.amountFormatted]}),(0,a.Y)(h.EY,{elementDescriptor:b.$z.pricingTableMatrixFeePeriod,variant:"caption",colorScheme:"secondary",sx:e=>({textTransform:"lowercase",":before":{content:'"/"',marginInlineEnd:e.space.$1}}),localizationKey:(0,x.G)("billing.month")}),e.annualMonthlyFee?(0,a.Y)(h.az,{elementDescriptor:b.$z.pricingTableMatrixFeePeriodNotice,sx:[e=>({width:"100%",display:"grid",gridTemplateRows:"annual"===r?"1fr":"0fr"}),y],...(0,I.D)("annual"!==r),children:(0,a.Y)(h.az,{elementDescriptor:b.$z.pricingTableMatrixFeePeriodNoticeInner,sx:{overflow:"hidden",minHeight:0},children:(0,a.FD)(h.EY,{elementDescriptor:b.$z.pricingTableMatrixFeePeriodNoticeLabel,variant:"caption",colorScheme:"secondary",sx:e=>({width:"100%",display:"flex",alignItems:"center",columnGap:e.space.$1}),children:[(0,a.Y)(h.In,{icon:_.A,colorScheme:"neutral",size:"sm","aria-hidden":!0})," ",(0,a.Y)(h.L9,{localizationKey:(0,x.G)("billing.billedAnnually")})]})})}):null]}):(0,a.Y)(h.EY,{elementDescriptor:b.$z.pricingTableMatrixFee,variant:"h2",localizationKey:(0,x.G)("billing.free"),colorScheme:"body"})})]}),e.isDefault?null:(0,a.Y)(h.az,{sx:e=>({width:"100%",marginBlockStart:"auto",marginBlockEnd:e.space.$8,paddingBlockStart:e.space.$2,paddingBlockEnd:e.space.$4,paddingInline:e.space.$4}),children:(0,a.Y)(h.$n,{block:!0,textVariant:"buttonSmall",size:"xs",onClick:i=>{n(e,i)},...m({plan:e,selectedPlanPeriod:r}),colorScheme:i?"primary":"secondary"})})]},e.slug)})]})}),(0,a.FD)(h.az,{elementDescriptor:[b.$z.pricingTableMatrixRowGroup,b.$z.pricingTableMatrixRowGroupBody],role:"rowgroup",children:[S.map(e=>(0,a.FD)(h.az,{elementDescriptor:[b.$z.pricingTableMatrixRow,b.$z.pricingTableMatrixRowBody],role:"row",sx:e=>({position:"relative",display:"grid",gridTemplateColumns:Y,borderBottomWidth:e.borderWidths.$normal,borderBottomStyle:e.borderStyles.$solid,borderBottomColor:e.colors.$borderAlpha100,":after":{content:'""',position:"absolute",inset:0,pointerEvents:"none",backgroundColor:e.colors.$neutralAlpha25,opacity:0},":hover:after":{opacity:1}}),children:[(0,a.Y)(h.az,{elementDescriptor:b.$z.pricingTableMatrixCell,role:"cell",sx:e=>({padding:e.space.$3}),children:(0,a.Y)(h.EY,{colorScheme:"body",children:e})}),i.map(i=>{let r=i.slug===o,t=i.features.some(i=>i.name===e);return(0,a.Y)(h.az,{elementDescriptor:b.$z.pricingTableMatrixCell,role:"cell",sx:[e=>({display:"grid",placeContent:"center",padding:e.space.$3}),r&&z],"data-highlighted":r,"data-checked":t,children:t&&(0,a.Y)(h.In,{icon:$.A,colorScheme:"neutral",size:"sm","aria-label":T((0,x.G)("billing.pricingTable.included"))})},i.slug)})]},e)),(0,a.FD)(h.az,{elementDescriptor:b.$z.pricingTableMatrixFooter,sx:{display:"grid",gridTemplateColumns:Y},children:[(0,a.Y)(h.az,{elementDescriptor:[b.$z.pricingTableMatrixCell,b.$z.pricingTableMatrixCellFooter]}),i.map(e=>{let i=e.slug===o;return(0,a.Y)(h.az,{elementDescriptor:[b.$z.pricingTableMatrixCell,b.$z.pricingTableMatrixCellFooter],sx:[e=>({height:e.space.$10,borderEndStartRadius:e.radii.$xl,borderEndEndRadius:e.radii.$xl}),i&&z],"data-highlighted":i},e.slug)})]})]})]})})}):null}let K=e=>{let i=(0,t.ho)(),r=(0,t.Sj)(),{mode:s="mounted",signInMode:d="redirect",highlightedPlan:p}=(0,o.T)(),g="modal"===s,{data:u,subscriptionItems:m}=(0,c.Rs)(),{data:h}=(0,c.A$)(),{handleSelectPlan:b}=(0,c.D)(),x=(0,l.useMemo)(()=>i.isSignedIn?u?h:[]:h,[i.isSignedIn,h,u]),f=(0,l.useMemo)(()=>{if(g){let e=null==m?void 0:m.find(e=>"upcoming"===e.status);if(e)return e.planPeriod;let i=null==m?void 0:m.find(e=>!e.canceledAt&&"active"===e.status&&!e.plan.isDefault);if(i)return i.planPeriod}return"annual"},[g,m]),[$,T]=(0,l.useState)(f);(0,l.useEffect)(()=>{T(f)},[f]);let y=(a,t)=>{var l;if(!i.isSignedIn)return"modal"===d?i.openSignIn({getContainer:r}):i.redirectToSignIn();b({mode:s,plan:a,planPeriod:$,event:t,appearance:null==(l=e.checkoutProps)?void 0:l.appearance,newSubscriptionRedirectUrl:e.newSubscriptionRedirectUrl})};return(0,c.mu)(),(0,a.Y)(n.n.Root,{flow:"pricingTable",isFlowReady:i.isSignedIn?!!u:h.length>0,sx:{width:"100%"},children:"modal"!==s&&"matrix"===e.layout?(0,a.Y)(L,{plans:x,planPeriod:$,setPlanPeriod:T,onSelect:y,highlightedPlan:p}):(0,a.Y)(C,{plans:x,highlightedPlan:p,planPeriod:$,setPlanPeriod:T,onSelect:y,isCompact:g,props:e})})},W=e=>(0,a.Y)("div",{children:(0,a.Y)(K,{...e})}),j=e=>{let{mode:i="mounted"}=(0,o.T)();return"modal"===i?(0,a.Y)(W,{...e}):(0,a.Y)(K,{...e})}},45760(e,i,r){var a=r(59763),t=r(39230),l=r(78342);let n={active:"badge__activePlan",upcoming:"badge__upcomingPlan",past_due:"badge__pastDuePlan",free_trial:"badge__freeTrial"},o={active:"secondary",upcoming:"primary",past_due:"warning",free_trial:"secondary"};r.d(i,{},{V:e=>{let{subscription:i,elementDescriptor:r}=e;return(0,a.Y)(t.Ex,{elementDescriptor:r,colorScheme:o[i.status],localizationKey:(0,l.G)(n[i.status])})}})},68713(e,i,r){r(15254);var a=r(59701);let t=(0,a.createContext)(null);r.d(i,{},{T:()=>{let e=(0,a.useContext)(t);if(!e||"PricingTable"!==e.componentName)throw Error("Clerk: usePricingTableContext called outside PricingTable.");let{componentName:i,...r}=e;return{...r,componentName:i}},a:t})}}]);

package/dist/{6678_ui_690175_1.18.1-snapshot.v20260618154136.js → 6678_ui_5eeffe_1.18.1.js}

@@ -1 +1 @@
-"use strict";(globalThis.rspackChunk_clerk_ui=globalThis.rspackChunk_clerk_ui||[]).push([[6678],{3621(e,i,r){r.d(i,{n:()=>W});var a=r(9763),t=r(6262),l=r(9701),n=r(4641),o=r(8713),s=r(2861),c=r(9297),d=r(5880),p=r(49),g=r(7549),u=r(2396),m=r(9229),h=r(9230),b=r(1046),x=r(8342),$=r(2819),f=r(3693),T=r(6014),y=r(5912),z=r(6130),D=r(4629),F=r(8343),Y=r(5760);function C({plans:e,highlightedPlan:i,planPeriod:r,setPlanPeriod:t,onSelect:l,isCompact:n,props:o}){return(0,a.Y)(D.S,{children:(0,a.Y)(h.az,{elementDescriptor:b.$z.pricingTable,sx:e=>({"--grid-min-size":n?"11.75rem":"20rem","--grid-max-columns":"infinity","--grid-gap":e.space.$4,"--max-column-width":"100% / var(--grid-max-columns, infinity) - var(--grid-gap)","--column-width":"max(var(--max-column-width), min(var(--grid-min-size, 10rem), 100%))",display:"grid",gridTemplateColumns:"repeat(auto-fit, minmax(var(--column-width), 1fr))",gridTemplateRows:"auto 1fr",gap:`var(--grid-gap-y, var(--grid-gap, ${e.space.$4})) var(--grid-gap, ${e.space.$4})`,alignItems:"stretch",width:"100%",minWidth:"0"}),"data-variant":n?"compact":"default",children:e?.map(e=>(0,a.Y)(S,{plan:e,highlighted:e.slug===i,planPeriod:r,setPlanPeriod:t,onSelect:l,props:o,isCompact:n},e.id))})})}function S(e){let{plan:i,highlighted:r,planPeriod:n,setPlanPeriod:c,onSelect:$,props:f,isCompact:T=!1}=e,y=(0,t.ho)(),{isSignedIn:z}=(0,t.wV)(),{mode:D="mounted",ctaPosition:C}=(0,o.T)(),S=(0,m.XX)(),w=(0,t.It)(),B=f.ctaPosition||C||"bottom",I=f.collapseFeatures||!1,{id:k,slug:M}=i,G=(0,u.Fd)(e=>e({permission:"org:sys_billing:manage"})||"user"===S),{buttonPropsForPlan:A,activeOrUpcomingSubscriptionBasedOnPlanPeriod:E}=(0,s.D)(),_=l.useMemo(()=>E(i,n),[i,n,E]),R=l.useMemo(()=>{if(z&&!G)return(0,x.G)("organizationProfile.plansPage.alerts.noPermissionsToManageBilling");if(w&&"organization"===S&&(0,p.iI)(i,w)){let e=(0,p.cv)(i);return(0,x.G)("organizationProfile.plansPage.alerts.planMembershipLimitExceeded",{count:w.membersCount+w.pendingInvitationsCount,limit:e})}return null},[z,G,w,S,i]),L=i.features.length>0,K=!!(0,p.V4)(i),{shouldShowFooter:W,shouldShowFooterNotice:j}=(e=>{let[i,r]=(e=>{let{subscription:i,plan:r,planPeriod:a,for:t,hasActiveOrganization:l}=e,n=[!0,!0],o=[!0,!1],s=[!1,!1];if(!i)return"organization"!==t||l?o:s;if("upcoming"===i.status)return n;if("active"===i.status){let e=!!i.canceledAt,t=a!==i.planPeriod&&!!r.annualMonthlyFee?.amount,l=r.freeTrialEnabled&&i.isFreeTrial;if(e||t)return o;if(l)return n}return s})(e);return{shouldShowFooter:i,shouldShowFooterNotice:r}})({subscription:_,plan:i,planPeriod:n,for:f.for,hasActiveOrganization:!!w});return(0,a.FD)(h.az,{elementDescriptor:b.$z.pricingTableCard,elementId:b.$z.pricingTableCard.setId(M),sx:e=>({display:"grid",gap:0,gridTemplateRows:"subgrid",gridRow:"span 5",background:F.s.mutedBackground(e),borderWidth:e.borderWidths.$normal,borderStyle:e.borderStyles.$solid,borderColor:e.colors.$borderAlpha150,borderRadius:e.radii.$xl,overflow:"hidden",textAlign:"start"}),"data-variant":T?"compact":"default",children:[(0,a.Y)(P,{plan:i,isCompact:T,planPeriod:n,setPlanPeriod:c,badge:_?(0,a.Y)(Y.V,{subscription:_.isFreeTrial?{status:"free_trial"}:_}):r?(0,a.Y)(h.Ex,{elementDescriptor:b.$z.pricingTableCardBadge,colorScheme:"secondary",localizationKey:(0,x.G)("billing.highlightedPlanBadge"),"data-highlighted-plan":!0}):void 0}),(0,a.FD)(h.az,{elementDescriptor:b.$z.pricingTableCardBody,sx:{display:"grid",gridTemplateRows:"subgrid",gridRow:"span 2",gap:0},children:["bottom"===B&&!I||"top"===B&&L?(0,a.Y)(h.az,{elementDescriptor:b.$z.pricingTableCardFeatures,sx:e=>({display:"flex",flexDirection:"column",flex:"1",padding:T?e.space.$3:e.space.$4,backgroundColor:L||K?e.colors.$colorBackground:"transparent",borderTopWidth:L||K?e.borderWidths.$normal:0,borderTopStyle:e.borderStyles.$solid,borderTopColor:e.colors.$borderAlpha150}),"data-variant":T?"compact":"default",children:(0,a.Y)(v,{plan:i,isCompact:T,showPlanDetails:e=>{let r=(0,g.J)(D,e);y.__internal_openPlanDetails({plan:i,initialPlanPeriod:n,portalRoot:r})}})}):null,W?(0,a.Y)(h.az,{elementDescriptor:b.$z.pricingTableCardFooter,sx:e=>({marginTop:"auto",padding:T?e.space.$3:e.space.$4,borderTopWidth:e.borderWidths.$normal,borderTopStyle:e.borderStyles.$solid,borderTopColor:e.colors.$borderAlpha150,order:"top"===B?-1:void 0}),children:j&&_?(0,a.Y)(h.EY,{elementDescriptor:b.$z.pricingTableCardFooterNotice,variant:T?"buttonSmall":"buttonLarge",localizationKey:i.freeTrialEnabled&&_.isFreeTrial&&_.periodEnd?(0,x.G)("badge__trialEndsAt",{date:_.periodEnd}):(0,x.G)("badge__startsAt",{date:_.periodStart}),colorScheme:"secondary",sx:e=>({paddingBlock:e.space.$1x5,textAlign:"center"})}):(0,a.FD)(d.m_.Root,{children:[(0,a.Y)(d.m_.Trigger,{sx:{width:"100%"},children:(0,a.Y)(h.$n,{elementDescriptor:b.$z.pricingTableCardFooterButton,block:!0,textVariant:T?"buttonSmall":"buttonLarge",...A({plan:i,organization:w,isCompact:T,selectedPlanPeriod:n}),onClick:e=>{$(i,e)}})}),R?(0,a.Y)(d.m_.Content,{text:R}):null]})}):(0,a.Y)(h.az,{sx:e=>({backgroundColor:L?e.colors.$colorBackground:"transparent"})})]})]},k)}let P=l.forwardRef((e,i)=>{let{plan:r,isCompact:t,planPeriod:n,setPlanPeriod:o,badge:c}=e,{name:d}=r,p=l.useMemo(()=>r.annualMonthlyFee?r.fee?"annual"===n?r.annualMonthlyFee:r.fee:r.annualFee:r.fee,[r,n]),g=l.useMemo(()=>{if(r.hasBaseFee||!r.unitPrices||1!==r.unitPrices.length)return null;let[e]=r.unitPrices;return 1!==e.tiers.length?null:e.tiers[0].feePerBlock},[r.hasBaseFee,r.unitPrices]),u=l.useMemo(()=>!r.hasBaseFee&&r.unitPrices&&r.unitPrices.length>0?(0,x.G)("billing.monthPerUnit",{unitName:r.unitPrices[0].name}):r.fee?(0,x.G)("billing.month"):(0,x.G)("billing.year"),[r.hasBaseFee,r.fee,r.unitPrices]),m=g??p,$=l.useMemo(()=>m?`${m.currencySymbol}${(0,s.Ij)(m.amountFormatted)}`:"",[m]);return(0,a.FD)(h.az,{ref:i,elementDescriptor:b.$z.pricingTableCardHeader,sx:e=>({width:"100%",padding:t?e.space.$3:e.space.$4,display:"grid",gap:e.space.$1,gridRow:"span 3",gridTemplateRows:"subgrid"}),"data-variant":t?"compact":"default",children:[(0,a.FD)(h.az,{elementDescriptor:b.$z.pricingTableCardTitleContainer,children:[(0,a.FD)(h.az,{sx:e=>({display:"flex",justifyContent:"space-between",alignItems:"flex-start",gap:e.space.$0x25}),children:[(0,a.Y)(h.DZ,{elementDescriptor:b.$z.pricingTableCardTitle,as:"h2",textVariant:t?"h3":"h2",children:d}),c&&c]}),!t&&r.description?(0,a.Y)(h.EY,{elementDescriptor:b.$z.pricingTableCardDescription,variant:"subtitle",colorScheme:"secondary",sx:{justifySelf:"flex-start"},children:r.description}):null]}),(0,a.FD)(h.so,{elementDescriptor:b.$z.pricingTableCardFeeContainer,"data-variant":t?"compact":"default",align:"center",wrap:"wrap",sx:e=>({columnGap:e.space.$1,marginTop:e.space.$1}),children:[(0,a.Y)(h.EY,{elementDescriptor:b.$z.pricingTableCardFee,variant:t?"h2":"h1",colorScheme:"body",children:$}),r.isDefault?null:(0,a.Y)(h.EY,{elementDescriptor:b.$z.pricingTableCardFeePeriod,variant:"caption",colorScheme:"secondary",sx:e=>({textTransform:"lowercase",":before":{content:'"/"',marginInlineEnd:e.space.$0x25}}),localizationKey:u})]}),(0,a.Y)(w,{plan:r,planPeriod:n,setPlanPeriod:o})]})}),w=({plan:e,planPeriod:i,setPlanPeriod:r})=>!e.isDefault&&e.fee&&e.annualMonthlyFee?(0,a.Y)(h.az,{elementDescriptor:b.$z.pricingTableCardPeriodToggle,sx:e=>({marginTop:e.space.$1}),children:(0,a.Y)(c.d,{isChecked:"annual"===i,onChange:e=>r(e?"annual":"month"),label:(0,x.G)("billing.billedAnnually")})}):e.annualMonthlyFee?(0,a.Y)(h.EY,{elementDescriptor:b.$z.pricingTableCardFeePeriodNotice,variant:"caption",colorScheme:"secondary",localizationKey:e.isDefault?(0,x.G)("billing.alwaysFree"):(0,x.G)("billing.billedAnnuallyOnly"),sx:e=>({justifySelf:"flex-start",alignSelf:"center",marginTop:e.space.$1})}):(0,a.Y)(h.EY,{elementDescriptor:b.$z.pricingTableCardFeePeriodNotice,variant:"caption",colorScheme:"secondary",localizationKey:e.isDefault?(0,x.G)("billing.alwaysFree"):(0,x.G)("billing.billedMonthlyOnly"),sx:e=>({justifySelf:"flex-start",alignSelf:"center",marginTop:e.space.$1})}),v=l.forwardRef((e,i)=>{let{plan:r,isCompact:t,showPlanDetails:l}=e,n=r.features.length,o=t?n>3:n>8;return(0,a.FD)(h.az,{ref:i,elementDescriptor:b.$z.pricingTableCardFeatures,sx:e=>({display:"grid",flex:1,rowGap:t?e.space.$2:e.space.$3}),children:[(0,a.FD)(h.fv,{elementDescriptor:b.$z.pricingTableCardFeaturesList,"data-variant":t?"compact":"default",as:"ul",role:"list",sx:e=>({flex:"1",rowGap:t?e.space.$2:e.space.$3,margin:0,padding:0}),children:[r.unitPrices&&r.unitPrices.length>0&&(r.hasBaseFee||r.unitPrices[0].tiers.length>0)?(0,a.Y)(B,{plan:r}):null,r.features.slice(0,o?t?3:8:n).map(e=>(0,a.FD)(h.az,{elementDescriptor:b.$z.pricingTableCardFeaturesListItem,elementId:b.$z.pricingTableCardFeaturesListItem.setId(e.slug),as:"li",sx:e=>({display:"flex",alignItems:"baseline",gap:e.space.$2,margin:0,padding:0}),children:[(0,a.Y)(h.In,{icon:f.A,colorScheme:"neutral","aria-hidden":!0,sx:e=>({transform:`translateY(${e.space.$0x25})`})}),(0,a.Y)(h.L9,{elementDescriptor:b.$z.pricingTableCardFeaturesListItemContent,children:(0,a.Y)(h.EY,{elementDescriptor:b.$z.pricingTableCardFeaturesListItemTitle,colorScheme:"body",sx:e=>({fontWeight:e.fontWeights.$normal}),children:e.name})})]},e.id))]}),o&&(0,a.FD)(h.dF,{onClick:e=>l(e),variant:"link",sx:e=>({marginBlockStart:"auto",paddingBlock:e.space.$1,gap:e.space.$2}),children:[(0,a.Y)(h.In,{icon:T.A,colorScheme:"neutral","aria-hidden":!0}),(0,a.Y)(h.L9,{localizationKey:(0,x.G)("billing.seeAllFeatures")})]})]})}),B=({plan:e})=>{let{t:i}=(0,$._)(),r=e.unitPrices,t=i((0,x.G)("billing.month")),n=i((0,x.G)("billing.monthAbbreviation")),o=l.useMemo(()=>{if(!r)return null;let a=(0,p.V4)(e);if(!a)return null;let l=e=>`${e.feePerBlock.currencySymbol}${(0,s.Ij)(e.feePerBlock.amountFormatted)}`,o=e=>null===e?(0,x.G)("billing.pricingTable.seatCost.unlimitedSeats"):(0,x.G)("billing.pricingTable.seatCost.upToSeats",{endsAfterBlock:e});if(1===a.tiers.length){let i=a.tiers[0],r=[];return 0!==i.feePerBlock.amount&&e.hasBaseFee&&r.push({elementId:"seats",icon:y.A,text:(0,x.G)("billing.pricingTable.seatCost.perSeat",{feePerBlockAmount:l(i),periodAbbreviation:n})}),r.push({elementId:r.length?"seats-limit":"seats",icon:z.A,text:o(i.endsAfterBlock)}),r}if(2===a.tiers.length){let[r,s]=a.tiers;if(r&&s&&0===r.feePerBlock.amount&&null!==r.endsAfterBlock&&0!==s.feePerBlock.amount){let a=l(s),c=i((0,x.G)(e.isDefault&&(e.fee?.amount===0||e.annualMonthlyFee?.amount===0)?"billing.pricingTable.seatCost.tooltip.freeForUpToSeats":"billing.pricingTable.seatCost.tooltip.firstSeatsIncludedInPlan",{endsAfterBlock:r.endsAfterBlock})),d=i((0,x.G)("billing.pricingTable.seatCost.tooltip.additionalSeatsEach",{feePerBlockAmount:a,period:t}));return[{elementId:"seats",icon:y.A,text:(0,x.G)("billing.pricingTable.seatCost.includedSeats",{includedSeats:r.endsAfterBlock}),additionalText:(0,x.G)("billing.pricingTable.seatCost.additionalSeats",{additionalTierFeePerBlockAmount:a,periodAbbreviation:n}),additionalTooltipText:`${c} ${d}`},{elementId:"seats-limit",icon:z.A,text:o(s.endsAfterBlock)}]}}return null},[t,n,e.fee,e.annualMonthlyFee,i,r]);return o?.length?(0,a.Y)(a.FK,{children:o.map(e=>(0,a.FD)(h.az,{elementDescriptor:b.$z.pricingTableCardFeaturesListItem,elementId:b.$z.pricingTableCardFeaturesListItem.setId(e.elementId),as:"li",sx:e=>({display:"flex",alignItems:"baseline",gap:e.space.$2,margin:0,padding:0}),children:[(0,a.Y)(h.In,{icon:e.icon,colorScheme:"neutral","aria-hidden":!0,sx:e=>({transform:`translateY(${e.space.$0x25})`})}),(0,a.Y)(h.L9,{elementDescriptor:b.$z.pricingTableCardFeaturesListItemContent,children:(0,a.FD)(h.EY,{elementDescriptor:b.$z.pricingTableCardFeaturesListItemTitle,colorScheme:"body",sx:e=>({fontWeight:e.fontWeights.$normal}),children:[(0,a.Y)(h.L9,{localizationKey:e.text}),e.additionalText?(0,a.FD)(a.FK,{children:[" ",e.additionalTooltipText?(0,a.FD)(d.m_.Root,{children:[(0,a.Y)(d.m_.Trigger,{children:(0,a.Y)(h.L9,{localizationKey:e.additionalText,sx:{textDecoration:"underline dotted"}})}),(0,a.Y)(d.m_.Content,{text:e.additionalTooltipText})]}):(0,a.Y)(h.L9,{localizationKey:e.additionalText})]}):null]})})]},e.elementId))}):null};var I=r(9286),k=r(2386),M=r(9793),G=r(1008),A=r(196),E=r(2445),_=r(4260);function R({plans:e=[],planPeriod:i,setPlanPeriod:r,onSelect:t,highlightedPlan:n}){let o=(0,A.j)(),{animations:c}=(0,G.KP)().parsedOptions,d=!o&&!0===c,p=l.useId(),g=`${p}-segmented-control`,{buttonPropsForPlan:u}=(0,s.D)(),{t:m}=(0,$._)(),T=e=>({transition:d?`grid-template-rows ${e.transitionDuration.$slower} ${e.transitionTiming.$slowBezier}`:"none"}),y=e=>({background:F.s.mergedColorsBackground(M.T.setAlpha(e.colors.$colorBackground,1),e.colors.$neutralAlpha25)}),z=l.useMemo(()=>`repeat(${e.length+1}, minmax(9.375rem,1fr))`,[e.length]),Y=l.useMemo(()=>e.some(e=>!!e.annualMonthlyFee),[e]),C=l.useMemo(()=>{let i=new Set;return e.forEach(({features:e})=>{e.forEach(({name:e})=>i.add(e))}),Array.from(i)},[e]);return e.length?(0,a.Y)(D.S,{children:(0,a.Y)(h.az,{elementDescriptor:b.$z.pricingTableMatrix,sx:e=>({position:"relative",minWidth:"100%",display:"grid",isolation:"isolate",backgroundColor:e.colors.$colorBackground,[_.g.md]:{overflowX:"auto"}}),children:(0,a.FD)(h.az,{elementDescriptor:b.$z.pricingTableMatrixTable,role:"table",children:[(0,a.Y)(h.az,{elementDescriptor:[b.$z.pricingTableMatrixRowGroup,b.$z.pricingTableMatrixRowGroupHeader],role:"rowgroup",sx:e=>({position:"sticky",top:0,backgroundColor:e.colors.$colorBackground,borderBottomWidth:e.borderWidths.$normal,borderBottomStyle:e.borderStyles.$solid,borderBottomColor:e.colors.$borderAlpha100,zIndex:1}),children:(0,a.FD)(h.az,{elementDescriptor:[b.$z.pricingTableMatrixRow,b.$z.pricingTableMatrixRowHeader],role:"row",sx:{display:"grid",gridTemplateColumns:z},children:[(0,a.Y)(h.az,{elementDescriptor:b.$z.pricingTableMatrixColumnHeader,role:"columnheader",sx:e=>({display:"flex",flexDirection:"column",alignItems:"flex-start",justifyContent:"flex-end",rowGap:e.space.$3,paddingBlockEnd:e.space.$12,paddingInlineStart:e.space.$3}),children:Y?(0,a.FD)(a.FK,{children:[(0,a.Y)(h.EY,{id:g,colorScheme:"secondary",variant:"caption",localizationKey:(0,x.G)("billing.pricingTable.billingCycle"),children:"Billing cycle"}),(0,a.FD)(k.I.Root,{"aria-labelledby":g,value:i,onChange:e=>r(e),children:[(0,a.Y)(k.I.Button,{value:"month",text:(0,x.G)("billing.monthly")}),(0,a.Y)(k.I.Button,{value:"annual",text:(0,x.G)("billing.annually")})]})]}):null}),e.map(e=>{let r=e.slug===n,l=e.annualMonthlyFee&&"annual"===i?e.annualMonthlyFee:e.fee;return(0,a.FD)(h.az,{elementDescriptor:b.$z.pricingTableMatrixColumnHeader,role:"columnheader",sx:[e=>({display:"flex",flexDirection:"column",alignItems:"flex-start",flex:1,borderStartStartRadius:e.radii.$xl,borderStartEndRadius:e.radii.$xl}),r&&y],"data-highlighted":r,children:[(0,a.FD)(h.az,{sx:e=>({width:"100%",padding:e.space.$4}),children:[e.avatarUrl||r?(0,a.FD)(h.L9,{sx:e=>({width:"100%",display:"flex",alignItems:"flex-start",justifyContent:"space-between",marginBlockEnd:e.space.$3}),children:[e.avatarUrl?(0,a.Y)(I.e,{elementDescriptor:b.$z.pricingTableMatrixAvatar,size:e=>40,title:e.name,initials:e.name[0],rounded:!1,imageUrl:e.avatarUrl}):null,r?(0,a.Y)(h.Ex,{elementDescriptor:b.$z.pricingTableMatrixBadge,colorScheme:"secondary",localizationKey:(0,x.G)("billing.highlightedPlanBadge")}):null]}):null,(0,a.Y)(h.DZ,{elementDescriptor:b.$z.pricingTableMatrixPlanName,textVariant:"h3",children:e.name}),(0,a.Y)(h.so,{align:"center",wrap:"wrap",sx:e=>({marginTop:e.space.$2,columnGap:e.space.$1x5}),children:e.hasBaseFee?(0,a.FD)(a.FK,{children:[(0,a.FD)(h.EY,{elementDescriptor:b.$z.pricingTableMatrixFee,variant:"h2",colorScheme:"body",children:[l.currencySymbol,l.amountFormatted]}),(0,a.Y)(h.EY,{elementDescriptor:b.$z.pricingTableMatrixFeePeriod,variant:"caption",colorScheme:"secondary",sx:e=>({textTransform:"lowercase",":before":{content:'"/"',marginInlineEnd:e.space.$1}}),localizationKey:(0,x.G)("billing.month")}),e.annualMonthlyFee?(0,a.Y)(h.az,{elementDescriptor:b.$z.pricingTableMatrixFeePeriodNotice,sx:[e=>({width:"100%",display:"grid",gridTemplateRows:"annual"===i?"1fr":"0fr"}),T],inert:"annual"!==i?"true":void 0,children:(0,a.Y)(h.az,{elementDescriptor:b.$z.pricingTableMatrixFeePeriodNoticeInner,sx:{overflow:"hidden",minHeight:0},children:(0,a.FD)(h.EY,{elementDescriptor:b.$z.pricingTableMatrixFeePeriodNoticeLabel,variant:"caption",colorScheme:"secondary",sx:e=>({width:"100%",display:"flex",alignItems:"center",columnGap:e.space.$1}),children:[(0,a.Y)(h.In,{icon:E.A,colorScheme:"neutral",size:"sm","aria-hidden":!0})," ",(0,a.Y)(h.L9,{localizationKey:(0,x.G)("billing.billedAnnually")})]})})}):null]}):(0,a.Y)(h.EY,{elementDescriptor:b.$z.pricingTableMatrixFee,variant:"h2",localizationKey:(0,x.G)("billing.free"),colorScheme:"body"})})]}),e.isDefault?null:(0,a.Y)(h.az,{sx:e=>({width:"100%",marginBlockStart:"auto",marginBlockEnd:e.space.$8,paddingBlockStart:e.space.$2,paddingBlockEnd:e.space.$4,paddingInline:e.space.$4}),children:(0,a.Y)(h.$n,{block:!0,textVariant:"buttonSmall",size:"xs",onClick:i=>{t(e,i)},...u({plan:e,selectedPlanPeriod:i}),colorScheme:r?"primary":"secondary"})})]},e.slug)})]})}),(0,a.FD)(h.az,{elementDescriptor:[b.$z.pricingTableMatrixRowGroup,b.$z.pricingTableMatrixRowGroupBody],role:"rowgroup",children:[C.map(i=>(0,a.FD)(h.az,{elementDescriptor:[b.$z.pricingTableMatrixRow,b.$z.pricingTableMatrixRowBody],role:"row",sx:e=>({position:"relative",display:"grid",gridTemplateColumns:z,borderBottomWidth:e.borderWidths.$normal,borderBottomStyle:e.borderStyles.$solid,borderBottomColor:e.colors.$borderAlpha100,":after":{content:'""',position:"absolute",inset:0,pointerEvents:"none",backgroundColor:e.colors.$neutralAlpha25,opacity:0},":hover:after":{opacity:1}}),children:[(0,a.Y)(h.az,{elementDescriptor:b.$z.pricingTableMatrixCell,role:"cell",sx:e=>({padding:e.space.$3}),children:(0,a.Y)(h.EY,{colorScheme:"body",children:i})}),e.map(e=>{let r=e.slug===n,t=e.features.some(e=>e.name===i);return(0,a.Y)(h.az,{elementDescriptor:b.$z.pricingTableMatrixCell,role:"cell",sx:[e=>({display:"grid",placeContent:"center",padding:e.space.$3}),r&&y],"data-highlighted":r,"data-checked":t,children:t&&(0,a.Y)(h.In,{icon:f.A,colorScheme:"neutral",size:"sm","aria-label":m((0,x.G)("billing.pricingTable.included"))})},e.slug)})]},i)),(0,a.FD)(h.az,{elementDescriptor:b.$z.pricingTableMatrixFooter,sx:{display:"grid",gridTemplateColumns:z},children:[(0,a.Y)(h.az,{elementDescriptor:[b.$z.pricingTableMatrixCell,b.$z.pricingTableMatrixCellFooter]}),e.map(e=>{let i=e.slug===n;return(0,a.Y)(h.az,{elementDescriptor:[b.$z.pricingTableMatrixCell,b.$z.pricingTableMatrixCellFooter],sx:[e=>({height:e.space.$10,borderEndStartRadius:e.radii.$xl,borderEndEndRadius:e.radii.$xl}),i&&y],"data-highlighted":i},e.slug)})]})]})]})})}):null}let L=e=>{let i=(0,t.ho)(),r=(0,t.Sj)(),{mode:c="mounted",signInMode:d="redirect",highlightedPlan:p}=(0,o.T)(),g="modal"===c,{data:u,subscriptionItems:m}=(0,s.Rs)(),{data:h}=(0,s.A$)(),{handleSelectPlan:b}=(0,s.D)(),x=(0,l.useMemo)(()=>i.isSignedIn?u?h:[]:h,[i.isSignedIn,h,u]),$=(0,l.useMemo)(()=>{if(g){let e=m?.find(e=>"upcoming"===e.status);if(e)return e.planPeriod;let i=m?.find(e=>!e.canceledAt&&"active"===e.status&&!e.plan.isDefault);if(i)return i.planPeriod}return"annual"},[g,m]),[f,T]=(0,l.useState)($);(0,l.useEffect)(()=>{T($)},[$]);let y=(a,t)=>{if(!i.isSignedIn)return"modal"===d?i.openSignIn({getContainer:r}):i.redirectToSignIn();b({mode:c,plan:a,planPeriod:f,event:t,appearance:e.checkoutProps?.appearance,newSubscriptionRedirectUrl:e.newSubscriptionRedirectUrl})};return(0,s.mu)(),(0,a.Y)(n.n.Root,{flow:"pricingTable",isFlowReady:i.isSignedIn?!!u:h.length>0,sx:{width:"100%"},children:"modal"!==c&&"matrix"===e.layout?(0,a.Y)(R,{plans:x,planPeriod:f,setPlanPeriod:T,onSelect:y,highlightedPlan:p}):(0,a.Y)(C,{plans:x,highlightedPlan:p,planPeriod:f,setPlanPeriod:T,onSelect:y,isCompact:g,props:e})})},K=e=>(0,a.Y)("div",{children:(0,a.Y)(L,{...e})}),W=e=>{let{mode:i="mounted"}=(0,o.T)();return"modal"===i?(0,a.Y)(K,{...e}):(0,a.Y)(L,{...e})}},5760(e,i,r){var a=r(9763),t=r(9230),l=r(8342);let n={active:"badge__activePlan",upcoming:"badge__upcomingPlan",past_due:"badge__pastDuePlan",free_trial:"badge__freeTrial"},o={active:"secondary",upcoming:"primary",past_due:"warning",free_trial:"secondary"};r.d(i,{},{V:({subscription:e,elementDescriptor:i})=>(0,a.Y)(t.Ex,{elementDescriptor:i,colorScheme:o[e.status],localizationKey:(0,l.G)(n[e.status])})})},8713(e,i,r){var a=r(9701);let t=(0,a.createContext)(null);r.d(i,{},{T:()=>{let e=(0,a.useContext)(t);if(!e||"PricingTable"!==e.componentName)throw Error("Clerk: usePricingTableContext called outside PricingTable.");let{componentName:i,...r}=e;return{...r,componentName:i}},a:t})}}]);
+"use strict";(globalThis.rspackChunk_clerk_ui=globalThis.rspackChunk_clerk_ui||[]).push([[6678],{3621(e,i,r){r.d(i,{n:()=>j});var a=r(9763),t=r(6262),l=r(9701),n=r(4641),o=r(8713),s=r(2861),c=r(9297),d=r(5880),p=r(49),g=r(7549),u=r(2396),m=r(9229),h=r(9230),b=r(1046),x=r(8342),$=r(2819),f=r(3693),T=r(6014),y=r(5912),z=r(6130),D=r(4629),F=r(8343),Y=r(5760);function C({plans:e,highlightedPlan:i,planPeriod:r,setPlanPeriod:t,onSelect:l,isCompact:n,props:o}){return(0,a.Y)(D.S,{children:(0,a.Y)(h.az,{elementDescriptor:b.$z.pricingTable,sx:e=>({"--grid-min-size":n?"11.75rem":"20rem","--grid-max-columns":"infinity","--grid-gap":e.space.$4,"--max-column-width":"100% / var(--grid-max-columns, infinity) - var(--grid-gap)","--column-width":"max(var(--max-column-width), min(var(--grid-min-size, 10rem), 100%))",display:"grid",gridTemplateColumns:"repeat(auto-fit, minmax(var(--column-width), 1fr))",gridTemplateRows:"auto 1fr",gap:`var(--grid-gap-y, var(--grid-gap, ${e.space.$4})) var(--grid-gap, ${e.space.$4})`,alignItems:"stretch",width:"100%",minWidth:"0"}),"data-variant":n?"compact":"default",children:e?.map(e=>(0,a.Y)(S,{plan:e,highlighted:e.slug===i,planPeriod:r,setPlanPeriod:t,onSelect:l,props:o,isCompact:n},e.id))})})}function S(e){let{plan:i,highlighted:r,planPeriod:n,setPlanPeriod:c,onSelect:$,props:f,isCompact:T=!1}=e,y=(0,t.ho)(),{isSignedIn:z}=(0,t.wV)(),{mode:D="mounted",ctaPosition:C}=(0,o.T)(),S=(0,m.XX)(),w=(0,t.It)(),B=f.ctaPosition||C||"bottom",I=f.collapseFeatures||!1,{id:k,slug:M}=i,G=(0,u.Fd)(e=>e({permission:"org:sys_billing:manage"})||"user"===S),{buttonPropsForPlan:A,activeOrUpcomingSubscriptionBasedOnPlanPeriod:E}=(0,s.D)(),_=l.useMemo(()=>E(i,n),[i,n,E]),R=l.useMemo(()=>{if(z&&!G)return(0,x.G)("organizationProfile.plansPage.alerts.noPermissionsToManageBilling");if(w&&"organization"===S&&(0,p.iI)(i,w)){let e=(0,p.cv)(i);return(0,x.G)("organizationProfile.plansPage.alerts.planMembershipLimitExceeded",{count:w.membersCount+w.pendingInvitationsCount,limit:e})}return null},[z,G,w,S,i]),L=i.features.length>0,K=!!(0,p.V4)(i),{shouldShowFooter:W,shouldShowFooterNotice:j}=(e=>{let[i,r]=(e=>{let{subscription:i,plan:r,planPeriod:a,for:t,hasActiveOrganization:l}=e,n=[!0,!0],o=[!0,!1],s=[!1,!1];if(!i)return"organization"!==t||l?o:s;if("upcoming"===i.status)return n;if("active"===i.status){let e=!!i.canceledAt,t=a!==i.planPeriod&&!!r.annualMonthlyFee?.amount,l=r.freeTrialEnabled&&i.isFreeTrial;if(e||t)return o;if(l)return n}return s})(e);return{shouldShowFooter:i,shouldShowFooterNotice:r}})({subscription:_,plan:i,planPeriod:n,for:f.for,hasActiveOrganization:!!w});return(0,a.FD)(h.az,{elementDescriptor:b.$z.pricingTableCard,elementId:b.$z.pricingTableCard.setId(M),sx:e=>({display:"grid",gap:0,gridTemplateRows:"subgrid",gridRow:"span 5",background:F.s.mutedBackground(e),borderWidth:e.borderWidths.$normal,borderStyle:e.borderStyles.$solid,borderColor:e.colors.$borderAlpha150,borderRadius:e.radii.$xl,overflow:"hidden",textAlign:"start"}),"data-variant":T?"compact":"default",children:[(0,a.Y)(P,{plan:i,isCompact:T,planPeriod:n,setPlanPeriod:c,badge:_?(0,a.Y)(Y.V,{subscription:_.isFreeTrial?{status:"free_trial"}:_}):r?(0,a.Y)(h.Ex,{elementDescriptor:b.$z.pricingTableCardBadge,colorScheme:"secondary",localizationKey:(0,x.G)("billing.highlightedPlanBadge"),"data-highlighted-plan":!0}):void 0}),(0,a.FD)(h.az,{elementDescriptor:b.$z.pricingTableCardBody,sx:{display:"grid",gridTemplateRows:"subgrid",gridRow:"span 2",gap:0},children:["bottom"===B&&!I||"top"===B&&L?(0,a.Y)(h.az,{elementDescriptor:b.$z.pricingTableCardFeatures,sx:e=>({display:"flex",flexDirection:"column",flex:"1",padding:T?e.space.$3:e.space.$4,backgroundColor:L||K?e.colors.$colorBackground:"transparent",borderTopWidth:L||K?e.borderWidths.$normal:0,borderTopStyle:e.borderStyles.$solid,borderTopColor:e.colors.$borderAlpha150}),"data-variant":T?"compact":"default",children:(0,a.Y)(v,{plan:i,isCompact:T,showPlanDetails:e=>{let r=(0,g.J)(D,e);y.__internal_openPlanDetails({plan:i,initialPlanPeriod:n,portalRoot:r})}})}):null,W?(0,a.Y)(h.az,{elementDescriptor:b.$z.pricingTableCardFooter,sx:e=>({marginTop:"auto",padding:T?e.space.$3:e.space.$4,borderTopWidth:e.borderWidths.$normal,borderTopStyle:e.borderStyles.$solid,borderTopColor:e.colors.$borderAlpha150,order:"top"===B?-1:void 0}),children:j&&_?(0,a.Y)(h.EY,{elementDescriptor:b.$z.pricingTableCardFooterNotice,variant:T?"buttonSmall":"buttonLarge",localizationKey:i.freeTrialEnabled&&_.isFreeTrial&&_.periodEnd?(0,x.G)("badge__trialEndsAt",{date:_.periodEnd}):(0,x.G)("badge__startsAt",{date:_.periodStart}),colorScheme:"secondary",sx:e=>({paddingBlock:e.space.$1x5,textAlign:"center"})}):(0,a.FD)(d.m_.Root,{children:[(0,a.Y)(d.m_.Trigger,{sx:{width:"100%"},children:(0,a.Y)(h.$n,{elementDescriptor:b.$z.pricingTableCardFooterButton,block:!0,textVariant:T?"buttonSmall":"buttonLarge",...A({plan:i,organization:w,isCompact:T,selectedPlanPeriod:n}),onClick:e=>{$(i,e)}})}),R?(0,a.Y)(d.m_.Content,{text:R}):null]})}):(0,a.Y)(h.az,{sx:e=>({backgroundColor:L?e.colors.$colorBackground:"transparent"})})]})]},k)}let P=l.forwardRef((e,i)=>{let{plan:r,isCompact:t,planPeriod:n,setPlanPeriod:o,badge:c}=e,{name:d}=r,p=l.useMemo(()=>r.annualMonthlyFee?r.fee?"annual"===n?r.annualMonthlyFee:r.fee:r.annualFee:r.fee,[r,n]),g=l.useMemo(()=>{if(r.hasBaseFee||!r.unitPrices||1!==r.unitPrices.length)return null;let[e]=r.unitPrices;return 1!==e.tiers.length?null:e.tiers[0].feePerBlock},[r.hasBaseFee,r.unitPrices]),u=l.useMemo(()=>!r.hasBaseFee&&r.unitPrices&&r.unitPrices.length>0?(0,x.G)("billing.monthPerUnit",{unitName:r.unitPrices[0].name}):r.fee?(0,x.G)("billing.month"):(0,x.G)("billing.year"),[r.hasBaseFee,r.fee,r.unitPrices]),m=g??p,$=l.useMemo(()=>m?`${m.currencySymbol}${(0,s.Ij)(m.amountFormatted)}`:"",[m]);return(0,a.FD)(h.az,{ref:i,elementDescriptor:b.$z.pricingTableCardHeader,sx:e=>({width:"100%",padding:t?e.space.$3:e.space.$4,display:"grid",gap:e.space.$1,gridRow:"span 3",gridTemplateRows:"subgrid"}),"data-variant":t?"compact":"default",children:[(0,a.FD)(h.az,{elementDescriptor:b.$z.pricingTableCardTitleContainer,children:[(0,a.FD)(h.az,{sx:e=>({display:"flex",justifyContent:"space-between",alignItems:"flex-start",gap:e.space.$0x25}),children:[(0,a.Y)(h.DZ,{elementDescriptor:b.$z.pricingTableCardTitle,as:"h2",textVariant:t?"h3":"h2",children:d}),c&&c]}),!t&&r.description?(0,a.Y)(h.EY,{elementDescriptor:b.$z.pricingTableCardDescription,variant:"subtitle",colorScheme:"secondary",sx:{justifySelf:"flex-start"},children:r.description}):null]}),(0,a.FD)(h.so,{elementDescriptor:b.$z.pricingTableCardFeeContainer,"data-variant":t?"compact":"default",align:"center",wrap:"wrap",sx:e=>({columnGap:e.space.$1,marginTop:e.space.$1}),children:[(0,a.Y)(h.EY,{elementDescriptor:b.$z.pricingTableCardFee,variant:t?"h2":"h1",colorScheme:"body",children:$}),r.isDefault?null:(0,a.Y)(h.EY,{elementDescriptor:b.$z.pricingTableCardFeePeriod,variant:"caption",colorScheme:"secondary",sx:e=>({textTransform:"lowercase",":before":{content:'"/"',marginInlineEnd:e.space.$0x25}}),localizationKey:u})]}),(0,a.Y)(w,{plan:r,planPeriod:n,setPlanPeriod:o})]})}),w=({plan:e,planPeriod:i,setPlanPeriod:r})=>!e.isDefault&&e.fee&&e.annualMonthlyFee?(0,a.Y)(h.az,{elementDescriptor:b.$z.pricingTableCardPeriodToggle,sx:e=>({marginTop:e.space.$1}),children:(0,a.Y)(c.d,{isChecked:"annual"===i,onChange:e=>r(e?"annual":"month"),label:(0,x.G)("billing.billedAnnually")})}):e.annualMonthlyFee?(0,a.Y)(h.EY,{elementDescriptor:b.$z.pricingTableCardFeePeriodNotice,variant:"caption",colorScheme:"secondary",localizationKey:e.isDefault?(0,x.G)("billing.alwaysFree"):(0,x.G)("billing.billedAnnuallyOnly"),sx:e=>({justifySelf:"flex-start",alignSelf:"center",marginTop:e.space.$1})}):(0,a.Y)(h.EY,{elementDescriptor:b.$z.pricingTableCardFeePeriodNotice,variant:"caption",colorScheme:"secondary",localizationKey:e.isDefault?(0,x.G)("billing.alwaysFree"):(0,x.G)("billing.billedMonthlyOnly"),sx:e=>({justifySelf:"flex-start",alignSelf:"center",marginTop:e.space.$1})}),v=l.forwardRef((e,i)=>{let{plan:r,isCompact:t,showPlanDetails:l}=e,n=r.features.length,o=t?n>3:n>8;return(0,a.FD)(h.az,{ref:i,elementDescriptor:b.$z.pricingTableCardFeatures,sx:e=>({display:"grid",flex:1,rowGap:t?e.space.$2:e.space.$3}),children:[(0,a.FD)(h.fv,{elementDescriptor:b.$z.pricingTableCardFeaturesList,"data-variant":t?"compact":"default",as:"ul",role:"list",sx:e=>({flex:"1",rowGap:t?e.space.$2:e.space.$3,margin:0,padding:0}),children:[r.unitPrices&&r.unitPrices.length>0&&(r.hasBaseFee||r.unitPrices[0].tiers.length>0)?(0,a.Y)(B,{plan:r}):null,r.features.slice(0,o?t?3:8:n).map(e=>(0,a.FD)(h.az,{elementDescriptor:b.$z.pricingTableCardFeaturesListItem,elementId:b.$z.pricingTableCardFeaturesListItem.setId(e.slug),as:"li",sx:e=>({display:"flex",alignItems:"baseline",gap:e.space.$2,margin:0,padding:0}),children:[(0,a.Y)(h.In,{icon:f.A,colorScheme:"neutral","aria-hidden":!0,sx:e=>({transform:`translateY(${e.space.$0x25})`})}),(0,a.Y)(h.L9,{elementDescriptor:b.$z.pricingTableCardFeaturesListItemContent,children:(0,a.Y)(h.EY,{elementDescriptor:b.$z.pricingTableCardFeaturesListItemTitle,colorScheme:"body",sx:e=>({fontWeight:e.fontWeights.$normal}),children:e.name})})]},e.id))]}),o&&(0,a.FD)(h.dF,{onClick:e=>l(e),variant:"link",sx:e=>({marginBlockStart:"auto",paddingBlock:e.space.$1,gap:e.space.$2}),children:[(0,a.Y)(h.In,{icon:T.A,colorScheme:"neutral","aria-hidden":!0}),(0,a.Y)(h.L9,{localizationKey:(0,x.G)("billing.seeAllFeatures")})]})]})}),B=({plan:e})=>{let{t:i}=(0,$._)(),r=e.unitPrices,t=i((0,x.G)("billing.month")),n=i((0,x.G)("billing.monthAbbreviation")),o=l.useMemo(()=>{if(!r)return null;let a=(0,p.V4)(e);if(!a)return null;let l=e=>`${e.feePerBlock.currencySymbol}${(0,s.Ij)(e.feePerBlock.amountFormatted)}`,o=e=>null===e?(0,x.G)("billing.pricingTable.seatCost.unlimitedSeats"):(0,x.G)("billing.pricingTable.seatCost.upToSeats",{endsAfterBlock:e});if(1===a.tiers.length){let i=a.tiers[0],r=[];return 0!==i.feePerBlock.amount&&e.hasBaseFee&&r.push({elementId:"seats",icon:y.A,text:(0,x.G)("billing.pricingTable.seatCost.perSeat",{feePerBlockAmount:l(i),periodAbbreviation:n})}),r.push({elementId:r.length?"seats-limit":"seats",icon:z.A,text:o(i.endsAfterBlock)}),r}if(2===a.tiers.length){let[r,s]=a.tiers;if(r&&s&&0===r.feePerBlock.amount&&null!==r.endsAfterBlock&&0!==s.feePerBlock.amount){let a=l(s),c=i((0,x.G)(e.isDefault&&(e.fee?.amount===0||e.annualMonthlyFee?.amount===0)?"billing.pricingTable.seatCost.tooltip.freeForUpToSeats":"billing.pricingTable.seatCost.tooltip.firstSeatsIncludedInPlan",{endsAfterBlock:r.endsAfterBlock})),d=i((0,x.G)("billing.pricingTable.seatCost.tooltip.additionalSeatsEach",{feePerBlockAmount:a,period:t}));return[{elementId:"seats",icon:y.A,text:(0,x.G)("billing.pricingTable.seatCost.includedSeats",{includedSeats:r.endsAfterBlock}),additionalText:(0,x.G)("billing.pricingTable.seatCost.additionalSeats",{additionalTierFeePerBlockAmount:a,periodAbbreviation:n}),additionalTooltipText:`${c} ${d}`},{elementId:"seats-limit",icon:z.A,text:o(s.endsAfterBlock)}]}}return null},[t,n,e.fee,e.annualMonthlyFee,i,r]);return o?.length?(0,a.Y)(a.FK,{children:o.map(e=>(0,a.FD)(h.az,{elementDescriptor:b.$z.pricingTableCardFeaturesListItem,elementId:b.$z.pricingTableCardFeaturesListItem.setId(e.elementId),as:"li",sx:e=>({display:"flex",alignItems:"baseline",gap:e.space.$2,margin:0,padding:0}),children:[(0,a.Y)(h.In,{icon:e.icon,colorScheme:"neutral","aria-hidden":!0,sx:e=>({transform:`translateY(${e.space.$0x25})`})}),(0,a.Y)(h.L9,{elementDescriptor:b.$z.pricingTableCardFeaturesListItemContent,children:(0,a.FD)(h.EY,{elementDescriptor:b.$z.pricingTableCardFeaturesListItemTitle,colorScheme:"body",sx:e=>({fontWeight:e.fontWeights.$normal}),children:[(0,a.Y)(h.L9,{localizationKey:e.text}),e.additionalText?(0,a.FD)(a.FK,{children:[" ",e.additionalTooltipText?(0,a.FD)(d.m_.Root,{children:[(0,a.Y)(d.m_.Trigger,{children:(0,a.Y)(h.L9,{localizationKey:e.additionalText,sx:{textDecoration:"underline dotted"}})}),(0,a.Y)(d.m_.Content,{text:e.additionalTooltipText})]}):(0,a.Y)(h.L9,{localizationKey:e.additionalText})]}):null]})})]},e.elementId))}):null};var I=r(8238),k=r(9286),M=r(2386),G=r(9793),A=r(1008),E=r(196),_=r(2445),R=r(4260);function L({plans:e=[],planPeriod:i,setPlanPeriod:r,onSelect:t,highlightedPlan:n}){let o=(0,E.j)(),{animations:c}=(0,A.KP)().parsedOptions,d=!o&&!0===c,p=l.useId(),g=`${p}-segmented-control`,{buttonPropsForPlan:u}=(0,s.D)(),{t:m}=(0,$._)(),T=e=>({transition:d?`grid-template-rows ${e.transitionDuration.$slower} ${e.transitionTiming.$slowBezier}`:"none"}),y=e=>({background:F.s.mergedColorsBackground(G.T.setAlpha(e.colors.$colorBackground,1),e.colors.$neutralAlpha25)}),z=l.useMemo(()=>`repeat(${e.length+1}, minmax(9.375rem,1fr))`,[e.length]),Y=l.useMemo(()=>e.some(e=>!!e.annualMonthlyFee),[e]),C=l.useMemo(()=>{let i=new Set;return e.forEach(({features:e})=>{e.forEach(({name:e})=>i.add(e))}),Array.from(i)},[e]);return e.length?(0,a.Y)(D.S,{children:(0,a.Y)(h.az,{elementDescriptor:b.$z.pricingTableMatrix,sx:e=>({position:"relative",minWidth:"100%",display:"grid",isolation:"isolate",backgroundColor:e.colors.$colorBackground,[R.g.md]:{overflowX:"auto"}}),children:(0,a.FD)(h.az,{elementDescriptor:b.$z.pricingTableMatrixTable,role:"table",children:[(0,a.Y)(h.az,{elementDescriptor:[b.$z.pricingTableMatrixRowGroup,b.$z.pricingTableMatrixRowGroupHeader],role:"rowgroup",sx:e=>({position:"sticky",top:0,backgroundColor:e.colors.$colorBackground,borderBottomWidth:e.borderWidths.$normal,borderBottomStyle:e.borderStyles.$solid,borderBottomColor:e.colors.$borderAlpha100,zIndex:1}),children:(0,a.FD)(h.az,{elementDescriptor:[b.$z.pricingTableMatrixRow,b.$z.pricingTableMatrixRowHeader],role:"row",sx:{display:"grid",gridTemplateColumns:z},children:[(0,a.Y)(h.az,{elementDescriptor:b.$z.pricingTableMatrixColumnHeader,role:"columnheader",sx:e=>({display:"flex",flexDirection:"column",alignItems:"flex-start",justifyContent:"flex-end",rowGap:e.space.$3,paddingBlockEnd:e.space.$12,paddingInlineStart:e.space.$3}),children:Y?(0,a.FD)(a.FK,{children:[(0,a.Y)(h.EY,{id:g,colorScheme:"secondary",variant:"caption",localizationKey:(0,x.G)("billing.pricingTable.billingCycle"),children:"Billing cycle"}),(0,a.FD)(M.I.Root,{"aria-labelledby":g,value:i,onChange:e=>r(e),children:[(0,a.Y)(M.I.Button,{value:"month",text:(0,x.G)("billing.monthly")}),(0,a.Y)(M.I.Button,{value:"annual",text:(0,x.G)("billing.annually")})]})]}):null}),e.map(e=>{let r=e.slug===n,l=e.annualMonthlyFee&&"annual"===i?e.annualMonthlyFee:e.fee;return(0,a.FD)(h.az,{elementDescriptor:b.$z.pricingTableMatrixColumnHeader,role:"columnheader",sx:[e=>({display:"flex",flexDirection:"column",alignItems:"flex-start",flex:1,borderStartStartRadius:e.radii.$xl,borderStartEndRadius:e.radii.$xl}),r&&y],"data-highlighted":r,children:[(0,a.FD)(h.az,{sx:e=>({width:"100%",padding:e.space.$4}),children:[e.avatarUrl||r?(0,a.FD)(h.L9,{sx:e=>({width:"100%",display:"flex",alignItems:"flex-start",justifyContent:"space-between",marginBlockEnd:e.space.$3}),children:[e.avatarUrl?(0,a.Y)(k.e,{elementDescriptor:b.$z.pricingTableMatrixAvatar,size:e=>40,title:e.name,initials:e.name[0],rounded:!1,imageUrl:e.avatarUrl}):null,r?(0,a.Y)(h.Ex,{elementDescriptor:b.$z.pricingTableMatrixBadge,colorScheme:"secondary",localizationKey:(0,x.G)("billing.highlightedPlanBadge")}):null]}):null,(0,a.Y)(h.DZ,{elementDescriptor:b.$z.pricingTableMatrixPlanName,textVariant:"h3",children:e.name}),(0,a.Y)(h.so,{align:"center",wrap:"wrap",sx:e=>({marginTop:e.space.$2,columnGap:e.space.$1x5}),children:e.hasBaseFee?(0,a.FD)(a.FK,{children:[(0,a.FD)(h.EY,{elementDescriptor:b.$z.pricingTableMatrixFee,variant:"h2",colorScheme:"body",children:[l.currencySymbol,l.amountFormatted]}),(0,a.Y)(h.EY,{elementDescriptor:b.$z.pricingTableMatrixFeePeriod,variant:"caption",colorScheme:"secondary",sx:e=>({textTransform:"lowercase",":before":{content:'"/"',marginInlineEnd:e.space.$1}}),localizationKey:(0,x.G)("billing.month")}),e.annualMonthlyFee?(0,a.Y)(h.az,{elementDescriptor:b.$z.pricingTableMatrixFeePeriodNotice,sx:[e=>({width:"100%",display:"grid",gridTemplateRows:"annual"===i?"1fr":"0fr"}),T],...(0,I.D)("annual"!==i),children:(0,a.Y)(h.az,{elementDescriptor:b.$z.pricingTableMatrixFeePeriodNoticeInner,sx:{overflow:"hidden",minHeight:0},children:(0,a.FD)(h.EY,{elementDescriptor:b.$z.pricingTableMatrixFeePeriodNoticeLabel,variant:"caption",colorScheme:"secondary",sx:e=>({width:"100%",display:"flex",alignItems:"center",columnGap:e.space.$1}),children:[(0,a.Y)(h.In,{icon:_.A,colorScheme:"neutral",size:"sm","aria-hidden":!0})," ",(0,a.Y)(h.L9,{localizationKey:(0,x.G)("billing.billedAnnually")})]})})}):null]}):(0,a.Y)(h.EY,{elementDescriptor:b.$z.pricingTableMatrixFee,variant:"h2",localizationKey:(0,x.G)("billing.free"),colorScheme:"body"})})]}),e.isDefault?null:(0,a.Y)(h.az,{sx:e=>({width:"100%",marginBlockStart:"auto",marginBlockEnd:e.space.$8,paddingBlockStart:e.space.$2,paddingBlockEnd:e.space.$4,paddingInline:e.space.$4}),children:(0,a.Y)(h.$n,{block:!0,textVariant:"buttonSmall",size:"xs",onClick:i=>{t(e,i)},...u({plan:e,selectedPlanPeriod:i}),colorScheme:r?"primary":"secondary"})})]},e.slug)})]})}),(0,a.FD)(h.az,{elementDescriptor:[b.$z.pricingTableMatrixRowGroup,b.$z.pricingTableMatrixRowGroupBody],role:"rowgroup",children:[C.map(i=>(0,a.FD)(h.az,{elementDescriptor:[b.$z.pricingTableMatrixRow,b.$z.pricingTableMatrixRowBody],role:"row",sx:e=>({position:"relative",display:"grid",gridTemplateColumns:z,borderBottomWidth:e.borderWidths.$normal,borderBottomStyle:e.borderStyles.$solid,borderBottomColor:e.colors.$borderAlpha100,":after":{content:'""',position:"absolute",inset:0,pointerEvents:"none",backgroundColor:e.colors.$neutralAlpha25,opacity:0},":hover:after":{opacity:1}}),children:[(0,a.Y)(h.az,{elementDescriptor:b.$z.pricingTableMatrixCell,role:"cell",sx:e=>({padding:e.space.$3}),children:(0,a.Y)(h.EY,{colorScheme:"body",children:i})}),e.map(e=>{let r=e.slug===n,t=e.features.some(e=>e.name===i);return(0,a.Y)(h.az,{elementDescriptor:b.$z.pricingTableMatrixCell,role:"cell",sx:[e=>({display:"grid",placeContent:"center",padding:e.space.$3}),r&&y],"data-highlighted":r,"data-checked":t,children:t&&(0,a.Y)(h.In,{icon:f.A,colorScheme:"neutral",size:"sm","aria-label":m((0,x.G)("billing.pricingTable.included"))})},e.slug)})]},i)),(0,a.FD)(h.az,{elementDescriptor:b.$z.pricingTableMatrixFooter,sx:{display:"grid",gridTemplateColumns:z},children:[(0,a.Y)(h.az,{elementDescriptor:[b.$z.pricingTableMatrixCell,b.$z.pricingTableMatrixCellFooter]}),e.map(e=>{let i=e.slug===n;return(0,a.Y)(h.az,{elementDescriptor:[b.$z.pricingTableMatrixCell,b.$z.pricingTableMatrixCellFooter],sx:[e=>({height:e.space.$10,borderEndStartRadius:e.radii.$xl,borderEndEndRadius:e.radii.$xl}),i&&y],"data-highlighted":i},e.slug)})]})]})]})})}):null}let K=e=>{let i=(0,t.ho)(),r=(0,t.Sj)(),{mode:c="mounted",signInMode:d="redirect",highlightedPlan:p}=(0,o.T)(),g="modal"===c,{data:u,subscriptionItems:m}=(0,s.Rs)(),{data:h}=(0,s.A$)(),{handleSelectPlan:b}=(0,s.D)(),x=(0,l.useMemo)(()=>i.isSignedIn?u?h:[]:h,[i.isSignedIn,h,u]),$=(0,l.useMemo)(()=>{if(g){let e=m?.find(e=>"upcoming"===e.status);if(e)return e.planPeriod;let i=m?.find(e=>!e.canceledAt&&"active"===e.status&&!e.plan.isDefault);if(i)return i.planPeriod}return"annual"},[g,m]),[f,T]=(0,l.useState)($);(0,l.useEffect)(()=>{T($)},[$]);let y=(a,t)=>{if(!i.isSignedIn)return"modal"===d?i.openSignIn({getContainer:r}):i.redirectToSignIn();b({mode:c,plan:a,planPeriod:f,event:t,appearance:e.checkoutProps?.appearance,newSubscriptionRedirectUrl:e.newSubscriptionRedirectUrl})};return(0,s.mu)(),(0,a.Y)(n.n.Root,{flow:"pricingTable",isFlowReady:i.isSignedIn?!!u:h.length>0,sx:{width:"100%"},children:"modal"!==c&&"matrix"===e.layout?(0,a.Y)(L,{plans:x,planPeriod:f,setPlanPeriod:T,onSelect:y,highlightedPlan:p}):(0,a.Y)(C,{plans:x,highlightedPlan:p,planPeriod:f,setPlanPeriod:T,onSelect:y,isCompact:g,props:e})})},W=e=>(0,a.Y)("div",{children:(0,a.Y)(K,{...e})}),j=e=>{let{mode:i="mounted"}=(0,o.T)();return"modal"===i?(0,a.Y)(W,{...e}):(0,a.Y)(K,{...e})}},5760(e,i,r){var a=r(9763),t=r(9230),l=r(8342);let n={active:"badge__activePlan",upcoming:"badge__upcomingPlan",past_due:"badge__pastDuePlan",free_trial:"badge__freeTrial"},o={active:"secondary",upcoming:"primary",past_due:"warning",free_trial:"secondary"};r.d(i,{},{V:({subscription:e,elementDescriptor:i})=>(0,a.Y)(t.Ex,{elementDescriptor:i,colorScheme:o[e.status],localizationKey:(0,l.G)(n[e.status])})})},8713(e,i,r){var a=r(9701);let t=(0,a.createContext)(null);r.d(i,{},{T:()=>{let e=(0,a.useContext)(t);if(!e||"PricingTable"!==e.componentName)throw Error("Clerk: usePricingTableContext called outside PricingTable.");let{componentName:i,...r}=e;return{...r,componentName:i}},a:t})}}]);

package/dist/{678_ui_4dbfd8_1.18.1-snapshot.v20260618154136.js → 678_ui_bc267b_1.18.1.js}

@@ -1 +1 @@
-"use strict";(globalThis.rspackChunk_clerk_ui=globalThis.rspackChunk_clerk_ui||[]).push([[678],{3621(e,i,r){r.d(i,{n:()=>W});var a=r(9763),t=r(6262),l=r(630),n=r(4641),o=r(8713),s=r(2861),c=r(9297),d=r(5880),p=r(49),g=r(7549),u=r(2396),m=r(9229),h=r(9230),b=r(1046),x=r(8342),$=r(2819),f=r(3693),T=r(6014),y=r(5912),z=r(6130),D=r(4629),F=r(8343),Y=r(5760);function C({plans:e,highlightedPlan:i,planPeriod:r,setPlanPeriod:t,onSelect:l,isCompact:n,props:o}){return(0,a.Y)(D.S,{children:(0,a.Y)(h.az,{elementDescriptor:b.$z.pricingTable,sx:e=>({"--grid-min-size":n?"11.75rem":"20rem","--grid-max-columns":"infinity","--grid-gap":e.space.$4,"--max-column-width":"100% / var(--grid-max-columns, infinity) - var(--grid-gap)","--column-width":"max(var(--max-column-width), min(var(--grid-min-size, 10rem), 100%))",display:"grid",gridTemplateColumns:"repeat(auto-fit, minmax(var(--column-width), 1fr))",gridTemplateRows:"auto 1fr",gap:`var(--grid-gap-y, var(--grid-gap, ${e.space.$4})) var(--grid-gap, ${e.space.$4})`,alignItems:"stretch",width:"100%",minWidth:"0"}),"data-variant":n?"compact":"default",children:e?.map(e=>(0,a.Y)(S,{plan:e,highlighted:e.slug===i,planPeriod:r,setPlanPeriod:t,onSelect:l,props:o,isCompact:n},e.id))})})}function S(e){let{plan:i,highlighted:r,planPeriod:n,setPlanPeriod:c,onSelect:$,props:f,isCompact:T=!1}=e,y=(0,t.ho)(),{isSignedIn:z}=(0,t.wV)(),{mode:D="mounted",ctaPosition:C}=(0,o.T)(),S=(0,m.XX)(),w=(0,t.It)(),B=f.ctaPosition||C||"bottom",I=f.collapseFeatures||!1,{id:k,slug:M}=i,G=(0,u.Fd)(e=>e({permission:"org:sys_billing:manage"})||"user"===S),{buttonPropsForPlan:A,activeOrUpcomingSubscriptionBasedOnPlanPeriod:E}=(0,s.D)(),_=l.useMemo(()=>E(i,n),[i,n,E]),R=l.useMemo(()=>{if(z&&!G)return(0,x.G)("organizationProfile.plansPage.alerts.noPermissionsToManageBilling");if(w&&"organization"===S&&(0,p.iI)(i,w)){let e=(0,p.cv)(i);return(0,x.G)("organizationProfile.plansPage.alerts.planMembershipLimitExceeded",{count:w.membersCount+w.pendingInvitationsCount,limit:e})}return null},[z,G,w,S,i]),L=i.features.length>0,K=!!(0,p.V4)(i),{shouldShowFooter:W,shouldShowFooterNotice:j}=(e=>{let[i,r]=(e=>{let{subscription:i,plan:r,planPeriod:a,for:t,hasActiveOrganization:l}=e,n=[!0,!0],o=[!0,!1],s=[!1,!1];if(!i)return"organization"!==t||l?o:s;if("upcoming"===i.status)return n;if("active"===i.status){let e=!!i.canceledAt,t=a!==i.planPeriod&&!!r.annualMonthlyFee?.amount,l=r.freeTrialEnabled&&i.isFreeTrial;if(e||t)return o;if(l)return n}return s})(e);return{shouldShowFooter:i,shouldShowFooterNotice:r}})({subscription:_,plan:i,planPeriod:n,for:f.for,hasActiveOrganization:!!w});return(0,a.FD)(h.az,{elementDescriptor:b.$z.pricingTableCard,elementId:b.$z.pricingTableCard.setId(M),sx:e=>({display:"grid",gap:0,gridTemplateRows:"subgrid",gridRow:"span 5",background:F.s.mutedBackground(e),borderWidth:e.borderWidths.$normal,borderStyle:e.borderStyles.$solid,borderColor:e.colors.$borderAlpha150,borderRadius:e.radii.$xl,overflow:"hidden",textAlign:"start"}),"data-variant":T?"compact":"default",children:[(0,a.Y)(P,{plan:i,isCompact:T,planPeriod:n,setPlanPeriod:c,badge:_?(0,a.Y)(Y.V,{subscription:_.isFreeTrial?{status:"free_trial"}:_}):r?(0,a.Y)(h.Ex,{elementDescriptor:b.$z.pricingTableCardBadge,colorScheme:"secondary",localizationKey:(0,x.G)("billing.highlightedPlanBadge"),"data-highlighted-plan":!0}):void 0}),(0,a.FD)(h.az,{elementDescriptor:b.$z.pricingTableCardBody,sx:{display:"grid",gridTemplateRows:"subgrid",gridRow:"span 2",gap:0},children:["bottom"===B&&!I||"top"===B&&L?(0,a.Y)(h.az,{elementDescriptor:b.$z.pricingTableCardFeatures,sx:e=>({display:"flex",flexDirection:"column",flex:"1",padding:T?e.space.$3:e.space.$4,backgroundColor:L||K?e.colors.$colorBackground:"transparent",borderTopWidth:L||K?e.borderWidths.$normal:0,borderTopStyle:e.borderStyles.$solid,borderTopColor:e.colors.$borderAlpha150}),"data-variant":T?"compact":"default",children:(0,a.Y)(v,{plan:i,isCompact:T,showPlanDetails:e=>{let r=(0,g.J)(D,e);y.__internal_openPlanDetails({plan:i,initialPlanPeriod:n,portalRoot:r})}})}):null,W?(0,a.Y)(h.az,{elementDescriptor:b.$z.pricingTableCardFooter,sx:e=>({marginTop:"auto",padding:T?e.space.$3:e.space.$4,borderTopWidth:e.borderWidths.$normal,borderTopStyle:e.borderStyles.$solid,borderTopColor:e.colors.$borderAlpha150,order:"top"===B?-1:void 0}),children:j&&_?(0,a.Y)(h.EY,{elementDescriptor:b.$z.pricingTableCardFooterNotice,variant:T?"buttonSmall":"buttonLarge",localizationKey:i.freeTrialEnabled&&_.isFreeTrial&&_.periodEnd?(0,x.G)("badge__trialEndsAt",{date:_.periodEnd}):(0,x.G)("badge__startsAt",{date:_.periodStart}),colorScheme:"secondary",sx:e=>({paddingBlock:e.space.$1x5,textAlign:"center"})}):(0,a.FD)(d.m_.Root,{children:[(0,a.Y)(d.m_.Trigger,{sx:{width:"100%"},children:(0,a.Y)(h.$n,{elementDescriptor:b.$z.pricingTableCardFooterButton,block:!0,textVariant:T?"buttonSmall":"buttonLarge",...A({plan:i,organization:w,isCompact:T,selectedPlanPeriod:n}),onClick:e=>{$(i,e)}})}),R?(0,a.Y)(d.m_.Content,{text:R}):null]})}):(0,a.Y)(h.az,{sx:e=>({backgroundColor:L?e.colors.$colorBackground:"transparent"})})]})]},k)}let P=l.forwardRef((e,i)=>{let{plan:r,isCompact:t,planPeriod:n,setPlanPeriod:o,badge:c}=e,{name:d}=r,p=l.useMemo(()=>r.annualMonthlyFee?r.fee?"annual"===n?r.annualMonthlyFee:r.fee:r.annualFee:r.fee,[r,n]),g=l.useMemo(()=>{if(r.hasBaseFee||!r.unitPrices||1!==r.unitPrices.length)return null;let[e]=r.unitPrices;return 1!==e.tiers.length?null:e.tiers[0].feePerBlock},[r.hasBaseFee,r.unitPrices]),u=l.useMemo(()=>!r.hasBaseFee&&r.unitPrices&&r.unitPrices.length>0?(0,x.G)("billing.monthPerUnit",{unitName:r.unitPrices[0].name}):r.fee?(0,x.G)("billing.month"):(0,x.G)("billing.year"),[r.hasBaseFee,r.fee,r.unitPrices]),m=g??p,$=l.useMemo(()=>m?`${m.currencySymbol}${(0,s.Ij)(m.amountFormatted)}`:"",[m]);return(0,a.FD)(h.az,{ref:i,elementDescriptor:b.$z.pricingTableCardHeader,sx:e=>({width:"100%",padding:t?e.space.$3:e.space.$4,display:"grid",gap:e.space.$1,gridRow:"span 3",gridTemplateRows:"subgrid"}),"data-variant":t?"compact":"default",children:[(0,a.FD)(h.az,{elementDescriptor:b.$z.pricingTableCardTitleContainer,children:[(0,a.FD)(h.az,{sx:e=>({display:"flex",justifyContent:"space-between",alignItems:"flex-start",gap:e.space.$0x25}),children:[(0,a.Y)(h.DZ,{elementDescriptor:b.$z.pricingTableCardTitle,as:"h2",textVariant:t?"h3":"h2",children:d}),c&&c]}),!t&&r.description?(0,a.Y)(h.EY,{elementDescriptor:b.$z.pricingTableCardDescription,variant:"subtitle",colorScheme:"secondary",sx:{justifySelf:"flex-start"},children:r.description}):null]}),(0,a.FD)(h.so,{elementDescriptor:b.$z.pricingTableCardFeeContainer,"data-variant":t?"compact":"default",align:"center",wrap:"wrap",sx:e=>({columnGap:e.space.$1,marginTop:e.space.$1}),children:[(0,a.Y)(h.EY,{elementDescriptor:b.$z.pricingTableCardFee,variant:t?"h2":"h1",colorScheme:"body",children:$}),r.isDefault?null:(0,a.Y)(h.EY,{elementDescriptor:b.$z.pricingTableCardFeePeriod,variant:"caption",colorScheme:"secondary",sx:e=>({textTransform:"lowercase",":before":{content:'"/"',marginInlineEnd:e.space.$0x25}}),localizationKey:u})]}),(0,a.Y)(w,{plan:r,planPeriod:n,setPlanPeriod:o})]})}),w=({plan:e,planPeriod:i,setPlanPeriod:r})=>!e.isDefault&&e.fee&&e.annualMonthlyFee?(0,a.Y)(h.az,{elementDescriptor:b.$z.pricingTableCardPeriodToggle,sx:e=>({marginTop:e.space.$1}),children:(0,a.Y)(c.d,{isChecked:"annual"===i,onChange:e=>r(e?"annual":"month"),label:(0,x.G)("billing.billedAnnually")})}):e.annualMonthlyFee?(0,a.Y)(h.EY,{elementDescriptor:b.$z.pricingTableCardFeePeriodNotice,variant:"caption",colorScheme:"secondary",localizationKey:e.isDefault?(0,x.G)("billing.alwaysFree"):(0,x.G)("billing.billedAnnuallyOnly"),sx:e=>({justifySelf:"flex-start",alignSelf:"center",marginTop:e.space.$1})}):(0,a.Y)(h.EY,{elementDescriptor:b.$z.pricingTableCardFeePeriodNotice,variant:"caption",colorScheme:"secondary",localizationKey:e.isDefault?(0,x.G)("billing.alwaysFree"):(0,x.G)("billing.billedMonthlyOnly"),sx:e=>({justifySelf:"flex-start",alignSelf:"center",marginTop:e.space.$1})}),v=l.forwardRef((e,i)=>{let{plan:r,isCompact:t,showPlanDetails:l}=e,n=r.features.length,o=t?n>3:n>8;return(0,a.FD)(h.az,{ref:i,elementDescriptor:b.$z.pricingTableCardFeatures,sx:e=>({display:"grid",flex:1,rowGap:t?e.space.$2:e.space.$3}),children:[(0,a.FD)(h.fv,{elementDescriptor:b.$z.pricingTableCardFeaturesList,"data-variant":t?"compact":"default",as:"ul",role:"list",sx:e=>({flex:"1",rowGap:t?e.space.$2:e.space.$3,margin:0,padding:0}),children:[r.unitPrices&&r.unitPrices.length>0&&(r.hasBaseFee||r.unitPrices[0].tiers.length>0)?(0,a.Y)(B,{plan:r}):null,r.features.slice(0,o?t?3:8:n).map(e=>(0,a.FD)(h.az,{elementDescriptor:b.$z.pricingTableCardFeaturesListItem,elementId:b.$z.pricingTableCardFeaturesListItem.setId(e.slug),as:"li",sx:e=>({display:"flex",alignItems:"baseline",gap:e.space.$2,margin:0,padding:0}),children:[(0,a.Y)(h.In,{icon:f.A,colorScheme:"neutral","aria-hidden":!0,sx:e=>({transform:`translateY(${e.space.$0x25})`})}),(0,a.Y)(h.L9,{elementDescriptor:b.$z.pricingTableCardFeaturesListItemContent,children:(0,a.Y)(h.EY,{elementDescriptor:b.$z.pricingTableCardFeaturesListItemTitle,colorScheme:"body",sx:e=>({fontWeight:e.fontWeights.$normal}),children:e.name})})]},e.id))]}),o&&(0,a.FD)(h.dF,{onClick:e=>l(e),variant:"link",sx:e=>({marginBlockStart:"auto",paddingBlock:e.space.$1,gap:e.space.$2}),children:[(0,a.Y)(h.In,{icon:T.A,colorScheme:"neutral","aria-hidden":!0}),(0,a.Y)(h.L9,{localizationKey:(0,x.G)("billing.seeAllFeatures")})]})]})}),B=({plan:e})=>{let{t:i}=(0,$._)(),r=e.unitPrices,t=i((0,x.G)("billing.month")),n=i((0,x.G)("billing.monthAbbreviation")),o=l.useMemo(()=>{if(!r)return null;let a=(0,p.V4)(e);if(!a)return null;let l=e=>`${e.feePerBlock.currencySymbol}${(0,s.Ij)(e.feePerBlock.amountFormatted)}`,o=e=>null===e?(0,x.G)("billing.pricingTable.seatCost.unlimitedSeats"):(0,x.G)("billing.pricingTable.seatCost.upToSeats",{endsAfterBlock:e});if(1===a.tiers.length){let i=a.tiers[0],r=[];return 0!==i.feePerBlock.amount&&e.hasBaseFee&&r.push({elementId:"seats",icon:y.A,text:(0,x.G)("billing.pricingTable.seatCost.perSeat",{feePerBlockAmount:l(i),periodAbbreviation:n})}),r.push({elementId:r.length?"seats-limit":"seats",icon:z.A,text:o(i.endsAfterBlock)}),r}if(2===a.tiers.length){let[r,s]=a.tiers;if(r&&s&&0===r.feePerBlock.amount&&null!==r.endsAfterBlock&&0!==s.feePerBlock.amount){let a=l(s),c=i((0,x.G)(e.isDefault&&(e.fee?.amount===0||e.annualMonthlyFee?.amount===0)?"billing.pricingTable.seatCost.tooltip.freeForUpToSeats":"billing.pricingTable.seatCost.tooltip.firstSeatsIncludedInPlan",{endsAfterBlock:r.endsAfterBlock})),d=i((0,x.G)("billing.pricingTable.seatCost.tooltip.additionalSeatsEach",{feePerBlockAmount:a,period:t}));return[{elementId:"seats",icon:y.A,text:(0,x.G)("billing.pricingTable.seatCost.includedSeats",{includedSeats:r.endsAfterBlock}),additionalText:(0,x.G)("billing.pricingTable.seatCost.additionalSeats",{additionalTierFeePerBlockAmount:a,periodAbbreviation:n}),additionalTooltipText:`${c} ${d}`},{elementId:"seats-limit",icon:z.A,text:o(s.endsAfterBlock)}]}}return null},[t,n,e.fee,e.annualMonthlyFee,i,r]);return o?.length?(0,a.Y)(a.FK,{children:o.map(e=>(0,a.FD)(h.az,{elementDescriptor:b.$z.pricingTableCardFeaturesListItem,elementId:b.$z.pricingTableCardFeaturesListItem.setId(e.elementId),as:"li",sx:e=>({display:"flex",alignItems:"baseline",gap:e.space.$2,margin:0,padding:0}),children:[(0,a.Y)(h.In,{icon:e.icon,colorScheme:"neutral","aria-hidden":!0,sx:e=>({transform:`translateY(${e.space.$0x25})`})}),(0,a.Y)(h.L9,{elementDescriptor:b.$z.pricingTableCardFeaturesListItemContent,children:(0,a.FD)(h.EY,{elementDescriptor:b.$z.pricingTableCardFeaturesListItemTitle,colorScheme:"body",sx:e=>({fontWeight:e.fontWeights.$normal}),children:[(0,a.Y)(h.L9,{localizationKey:e.text}),e.additionalText?(0,a.FD)(a.FK,{children:[" ",e.additionalTooltipText?(0,a.FD)(d.m_.Root,{children:[(0,a.Y)(d.m_.Trigger,{children:(0,a.Y)(h.L9,{localizationKey:e.additionalText,sx:{textDecoration:"underline dotted"}})}),(0,a.Y)(d.m_.Content,{text:e.additionalTooltipText})]}):(0,a.Y)(h.L9,{localizationKey:e.additionalText})]}):null]})})]},e.elementId))}):null};var I=r(9286),k=r(2386),M=r(9793),G=r(1008),A=r(196),E=r(2445),_=r(4260);function R({plans:e=[],planPeriod:i,setPlanPeriod:r,onSelect:t,highlightedPlan:n}){let o=(0,A.j)(),{animations:c}=(0,G.KP)().parsedOptions,d=!o&&!0===c,p=l.useId(),g=`${p}-segmented-control`,{buttonPropsForPlan:u}=(0,s.D)(),{t:m}=(0,$._)(),T=e=>({transition:d?`grid-template-rows ${e.transitionDuration.$slower} ${e.transitionTiming.$slowBezier}`:"none"}),y=e=>({background:F.s.mergedColorsBackground(M.T.setAlpha(e.colors.$colorBackground,1),e.colors.$neutralAlpha25)}),z=l.useMemo(()=>`repeat(${e.length+1}, minmax(9.375rem,1fr))`,[e.length]),Y=l.useMemo(()=>e.some(e=>!!e.annualMonthlyFee),[e]),C=l.useMemo(()=>{let i=new Set;return e.forEach(({features:e})=>{e.forEach(({name:e})=>i.add(e))}),Array.from(i)},[e]);return e.length?(0,a.Y)(D.S,{children:(0,a.Y)(h.az,{elementDescriptor:b.$z.pricingTableMatrix,sx:e=>({position:"relative",minWidth:"100%",display:"grid",isolation:"isolate",backgroundColor:e.colors.$colorBackground,[_.g.md]:{overflowX:"auto"}}),children:(0,a.FD)(h.az,{elementDescriptor:b.$z.pricingTableMatrixTable,role:"table",children:[(0,a.Y)(h.az,{elementDescriptor:[b.$z.pricingTableMatrixRowGroup,b.$z.pricingTableMatrixRowGroupHeader],role:"rowgroup",sx:e=>({position:"sticky",top:0,backgroundColor:e.colors.$colorBackground,borderBottomWidth:e.borderWidths.$normal,borderBottomStyle:e.borderStyles.$solid,borderBottomColor:e.colors.$borderAlpha100,zIndex:1}),children:(0,a.FD)(h.az,{elementDescriptor:[b.$z.pricingTableMatrixRow,b.$z.pricingTableMatrixRowHeader],role:"row",sx:{display:"grid",gridTemplateColumns:z},children:[(0,a.Y)(h.az,{elementDescriptor:b.$z.pricingTableMatrixColumnHeader,role:"columnheader",sx:e=>({display:"flex",flexDirection:"column",alignItems:"flex-start",justifyContent:"flex-end",rowGap:e.space.$3,paddingBlockEnd:e.space.$12,paddingInlineStart:e.space.$3}),children:Y?(0,a.FD)(a.FK,{children:[(0,a.Y)(h.EY,{id:g,colorScheme:"secondary",variant:"caption",localizationKey:(0,x.G)("billing.pricingTable.billingCycle"),children:"Billing cycle"}),(0,a.FD)(k.I.Root,{"aria-labelledby":g,value:i,onChange:e=>r(e),children:[(0,a.Y)(k.I.Button,{value:"month",text:(0,x.G)("billing.monthly")}),(0,a.Y)(k.I.Button,{value:"annual",text:(0,x.G)("billing.annually")})]})]}):null}),e.map(e=>{let r=e.slug===n,l=e.annualMonthlyFee&&"annual"===i?e.annualMonthlyFee:e.fee;return(0,a.FD)(h.az,{elementDescriptor:b.$z.pricingTableMatrixColumnHeader,role:"columnheader",sx:[e=>({display:"flex",flexDirection:"column",alignItems:"flex-start",flex:1,borderStartStartRadius:e.radii.$xl,borderStartEndRadius:e.radii.$xl}),r&&y],"data-highlighted":r,children:[(0,a.FD)(h.az,{sx:e=>({width:"100%",padding:e.space.$4}),children:[e.avatarUrl||r?(0,a.FD)(h.L9,{sx:e=>({width:"100%",display:"flex",alignItems:"flex-start",justifyContent:"space-between",marginBlockEnd:e.space.$3}),children:[e.avatarUrl?(0,a.Y)(I.e,{elementDescriptor:b.$z.pricingTableMatrixAvatar,size:e=>40,title:e.name,initials:e.name[0],rounded:!1,imageUrl:e.avatarUrl}):null,r?(0,a.Y)(h.Ex,{elementDescriptor:b.$z.pricingTableMatrixBadge,colorScheme:"secondary",localizationKey:(0,x.G)("billing.highlightedPlanBadge")}):null]}):null,(0,a.Y)(h.DZ,{elementDescriptor:b.$z.pricingTableMatrixPlanName,textVariant:"h3",children:e.name}),(0,a.Y)(h.so,{align:"center",wrap:"wrap",sx:e=>({marginTop:e.space.$2,columnGap:e.space.$1x5}),children:e.hasBaseFee?(0,a.FD)(a.FK,{children:[(0,a.FD)(h.EY,{elementDescriptor:b.$z.pricingTableMatrixFee,variant:"h2",colorScheme:"body",children:[l.currencySymbol,l.amountFormatted]}),(0,a.Y)(h.EY,{elementDescriptor:b.$z.pricingTableMatrixFeePeriod,variant:"caption",colorScheme:"secondary",sx:e=>({textTransform:"lowercase",":before":{content:'"/"',marginInlineEnd:e.space.$1}}),localizationKey:(0,x.G)("billing.month")}),e.annualMonthlyFee?(0,a.Y)(h.az,{elementDescriptor:b.$z.pricingTableMatrixFeePeriodNotice,sx:[e=>({width:"100%",display:"grid",gridTemplateRows:"annual"===i?"1fr":"0fr"}),T],inert:"annual"!==i?"true":void 0,children:(0,a.Y)(h.az,{elementDescriptor:b.$z.pricingTableMatrixFeePeriodNoticeInner,sx:{overflow:"hidden",minHeight:0},children:(0,a.FD)(h.EY,{elementDescriptor:b.$z.pricingTableMatrixFeePeriodNoticeLabel,variant:"caption",colorScheme:"secondary",sx:e=>({width:"100%",display:"flex",alignItems:"center",columnGap:e.space.$1}),children:[(0,a.Y)(h.In,{icon:E.A,colorScheme:"neutral",size:"sm","aria-hidden":!0})," ",(0,a.Y)(h.L9,{localizationKey:(0,x.G)("billing.billedAnnually")})]})})}):null]}):(0,a.Y)(h.EY,{elementDescriptor:b.$z.pricingTableMatrixFee,variant:"h2",localizationKey:(0,x.G)("billing.free"),colorScheme:"body"})})]}),e.isDefault?null:(0,a.Y)(h.az,{sx:e=>({width:"100%",marginBlockStart:"auto",marginBlockEnd:e.space.$8,paddingBlockStart:e.space.$2,paddingBlockEnd:e.space.$4,paddingInline:e.space.$4}),children:(0,a.Y)(h.$n,{block:!0,textVariant:"buttonSmall",size:"xs",onClick:i=>{t(e,i)},...u({plan:e,selectedPlanPeriod:i}),colorScheme:r?"primary":"secondary"})})]},e.slug)})]})}),(0,a.FD)(h.az,{elementDescriptor:[b.$z.pricingTableMatrixRowGroup,b.$z.pricingTableMatrixRowGroupBody],role:"rowgroup",children:[C.map(i=>(0,a.FD)(h.az,{elementDescriptor:[b.$z.pricingTableMatrixRow,b.$z.pricingTableMatrixRowBody],role:"row",sx:e=>({position:"relative",display:"grid",gridTemplateColumns:z,borderBottomWidth:e.borderWidths.$normal,borderBottomStyle:e.borderStyles.$solid,borderBottomColor:e.colors.$borderAlpha100,":after":{content:'""',position:"absolute",inset:0,pointerEvents:"none",backgroundColor:e.colors.$neutralAlpha25,opacity:0},":hover:after":{opacity:1}}),children:[(0,a.Y)(h.az,{elementDescriptor:b.$z.pricingTableMatrixCell,role:"cell",sx:e=>({padding:e.space.$3}),children:(0,a.Y)(h.EY,{colorScheme:"body",children:i})}),e.map(e=>{let r=e.slug===n,t=e.features.some(e=>e.name===i);return(0,a.Y)(h.az,{elementDescriptor:b.$z.pricingTableMatrixCell,role:"cell",sx:[e=>({display:"grid",placeContent:"center",padding:e.space.$3}),r&&y],"data-highlighted":r,"data-checked":t,children:t&&(0,a.Y)(h.In,{icon:f.A,colorScheme:"neutral",size:"sm","aria-label":m((0,x.G)("billing.pricingTable.included"))})},e.slug)})]},i)),(0,a.FD)(h.az,{elementDescriptor:b.$z.pricingTableMatrixFooter,sx:{display:"grid",gridTemplateColumns:z},children:[(0,a.Y)(h.az,{elementDescriptor:[b.$z.pricingTableMatrixCell,b.$z.pricingTableMatrixCellFooter]}),e.map(e=>{let i=e.slug===n;return(0,a.Y)(h.az,{elementDescriptor:[b.$z.pricingTableMatrixCell,b.$z.pricingTableMatrixCellFooter],sx:[e=>({height:e.space.$10,borderEndStartRadius:e.radii.$xl,borderEndEndRadius:e.radii.$xl}),i&&y],"data-highlighted":i},e.slug)})]})]})]})})}):null}let L=e=>{let i=(0,t.ho)(),r=(0,t.Sj)(),{mode:c="mounted",signInMode:d="redirect",highlightedPlan:p}=(0,o.T)(),g="modal"===c,{data:u,subscriptionItems:m}=(0,s.Rs)(),{data:h}=(0,s.A$)(),{handleSelectPlan:b}=(0,s.D)(),x=(0,l.useMemo)(()=>i.isSignedIn?u?h:[]:h,[i.isSignedIn,h,u]),$=(0,l.useMemo)(()=>{if(g){let e=m?.find(e=>"upcoming"===e.status);if(e)return e.planPeriod;let i=m?.find(e=>!e.canceledAt&&"active"===e.status&&!e.plan.isDefault);if(i)return i.planPeriod}return"annual"},[g,m]),[f,T]=(0,l.useState)($);(0,l.useEffect)(()=>{T($)},[$]);let y=(a,t)=>{if(!i.isSignedIn)return"modal"===d?i.openSignIn({getContainer:r}):i.redirectToSignIn();b({mode:c,plan:a,planPeriod:f,event:t,appearance:e.checkoutProps?.appearance,newSubscriptionRedirectUrl:e.newSubscriptionRedirectUrl})};return(0,s.mu)(),(0,a.Y)(n.n.Root,{flow:"pricingTable",isFlowReady:i.isSignedIn?!!u:h.length>0,sx:{width:"100%"},children:"modal"!==c&&"matrix"===e.layout?(0,a.Y)(R,{plans:x,planPeriod:f,setPlanPeriod:T,onSelect:y,highlightedPlan:p}):(0,a.Y)(C,{plans:x,highlightedPlan:p,planPeriod:f,setPlanPeriod:T,onSelect:y,isCompact:g,props:e})})},K=e=>(0,a.Y)("div",{children:(0,a.Y)(L,{...e})}),W=e=>{let{mode:i="mounted"}=(0,o.T)();return"modal"===i?(0,a.Y)(K,{...e}):(0,a.Y)(L,{...e})}},5760(e,i,r){var a=r(9763),t=r(9230),l=r(8342);let n={active:"badge__activePlan",upcoming:"badge__upcomingPlan",past_due:"badge__pastDuePlan",free_trial:"badge__freeTrial"},o={active:"secondary",upcoming:"primary",past_due:"warning",free_trial:"secondary"};r.d(i,{},{V:({subscription:e,elementDescriptor:i})=>(0,a.Y)(t.Ex,{elementDescriptor:i,colorScheme:o[e.status],localizationKey:(0,l.G)(n[e.status])})})},8713(e,i,r){var a=r(630);let t=(0,a.createContext)(null);r.d(i,{},{T:()=>{let e=(0,a.useContext)(t);if(!e||"PricingTable"!==e.componentName)throw Error("Clerk: usePricingTableContext called outside PricingTable.");let{componentName:i,...r}=e;return{...r,componentName:i}},a:t})}}]);
+"use strict";(globalThis.rspackChunk_clerk_ui=globalThis.rspackChunk_clerk_ui||[]).push([[678],{3621(e,i,r){r.d(i,{n:()=>j});var a=r(9763),t=r(6262),l=r(630),n=r(4641),o=r(8713),s=r(2861),c=r(9297),d=r(5880),p=r(49),g=r(7549),u=r(2396),m=r(9229),h=r(9230),b=r(1046),x=r(8342),$=r(2819),f=r(3693),T=r(6014),y=r(5912),z=r(6130),D=r(4629),F=r(8343),Y=r(5760);function C({plans:e,highlightedPlan:i,planPeriod:r,setPlanPeriod:t,onSelect:l,isCompact:n,props:o}){return(0,a.Y)(D.S,{children:(0,a.Y)(h.az,{elementDescriptor:b.$z.pricingTable,sx:e=>({"--grid-min-size":n?"11.75rem":"20rem","--grid-max-columns":"infinity","--grid-gap":e.space.$4,"--max-column-width":"100% / var(--grid-max-columns, infinity) - var(--grid-gap)","--column-width":"max(var(--max-column-width), min(var(--grid-min-size, 10rem), 100%))",display:"grid",gridTemplateColumns:"repeat(auto-fit, minmax(var(--column-width), 1fr))",gridTemplateRows:"auto 1fr",gap:`var(--grid-gap-y, var(--grid-gap, ${e.space.$4})) var(--grid-gap, ${e.space.$4})`,alignItems:"stretch",width:"100%",minWidth:"0"}),"data-variant":n?"compact":"default",children:e?.map(e=>(0,a.Y)(S,{plan:e,highlighted:e.slug===i,planPeriod:r,setPlanPeriod:t,onSelect:l,props:o,isCompact:n},e.id))})})}function S(e){let{plan:i,highlighted:r,planPeriod:n,setPlanPeriod:c,onSelect:$,props:f,isCompact:T=!1}=e,y=(0,t.ho)(),{isSignedIn:z}=(0,t.wV)(),{mode:D="mounted",ctaPosition:C}=(0,o.T)(),S=(0,m.XX)(),w=(0,t.It)(),B=f.ctaPosition||C||"bottom",I=f.collapseFeatures||!1,{id:k,slug:M}=i,G=(0,u.Fd)(e=>e({permission:"org:sys_billing:manage"})||"user"===S),{buttonPropsForPlan:A,activeOrUpcomingSubscriptionBasedOnPlanPeriod:E}=(0,s.D)(),_=l.useMemo(()=>E(i,n),[i,n,E]),R=l.useMemo(()=>{if(z&&!G)return(0,x.G)("organizationProfile.plansPage.alerts.noPermissionsToManageBilling");if(w&&"organization"===S&&(0,p.iI)(i,w)){let e=(0,p.cv)(i);return(0,x.G)("organizationProfile.plansPage.alerts.planMembershipLimitExceeded",{count:w.membersCount+w.pendingInvitationsCount,limit:e})}return null},[z,G,w,S,i]),L=i.features.length>0,K=!!(0,p.V4)(i),{shouldShowFooter:W,shouldShowFooterNotice:j}=(e=>{let[i,r]=(e=>{let{subscription:i,plan:r,planPeriod:a,for:t,hasActiveOrganization:l}=e,n=[!0,!0],o=[!0,!1],s=[!1,!1];if(!i)return"organization"!==t||l?o:s;if("upcoming"===i.status)return n;if("active"===i.status){let e=!!i.canceledAt,t=a!==i.planPeriod&&!!r.annualMonthlyFee?.amount,l=r.freeTrialEnabled&&i.isFreeTrial;if(e||t)return o;if(l)return n}return s})(e);return{shouldShowFooter:i,shouldShowFooterNotice:r}})({subscription:_,plan:i,planPeriod:n,for:f.for,hasActiveOrganization:!!w});return(0,a.FD)(h.az,{elementDescriptor:b.$z.pricingTableCard,elementId:b.$z.pricingTableCard.setId(M),sx:e=>({display:"grid",gap:0,gridTemplateRows:"subgrid",gridRow:"span 5",background:F.s.mutedBackground(e),borderWidth:e.borderWidths.$normal,borderStyle:e.borderStyles.$solid,borderColor:e.colors.$borderAlpha150,borderRadius:e.radii.$xl,overflow:"hidden",textAlign:"start"}),"data-variant":T?"compact":"default",children:[(0,a.Y)(P,{plan:i,isCompact:T,planPeriod:n,setPlanPeriod:c,badge:_?(0,a.Y)(Y.V,{subscription:_.isFreeTrial?{status:"free_trial"}:_}):r?(0,a.Y)(h.Ex,{elementDescriptor:b.$z.pricingTableCardBadge,colorScheme:"secondary",localizationKey:(0,x.G)("billing.highlightedPlanBadge"),"data-highlighted-plan":!0}):void 0}),(0,a.FD)(h.az,{elementDescriptor:b.$z.pricingTableCardBody,sx:{display:"grid",gridTemplateRows:"subgrid",gridRow:"span 2",gap:0},children:["bottom"===B&&!I||"top"===B&&L?(0,a.Y)(h.az,{elementDescriptor:b.$z.pricingTableCardFeatures,sx:e=>({display:"flex",flexDirection:"column",flex:"1",padding:T?e.space.$3:e.space.$4,backgroundColor:L||K?e.colors.$colorBackground:"transparent",borderTopWidth:L||K?e.borderWidths.$normal:0,borderTopStyle:e.borderStyles.$solid,borderTopColor:e.colors.$borderAlpha150}),"data-variant":T?"compact":"default",children:(0,a.Y)(v,{plan:i,isCompact:T,showPlanDetails:e=>{let r=(0,g.J)(D,e);y.__internal_openPlanDetails({plan:i,initialPlanPeriod:n,portalRoot:r})}})}):null,W?(0,a.Y)(h.az,{elementDescriptor:b.$z.pricingTableCardFooter,sx:e=>({marginTop:"auto",padding:T?e.space.$3:e.space.$4,borderTopWidth:e.borderWidths.$normal,borderTopStyle:e.borderStyles.$solid,borderTopColor:e.colors.$borderAlpha150,order:"top"===B?-1:void 0}),children:j&&_?(0,a.Y)(h.EY,{elementDescriptor:b.$z.pricingTableCardFooterNotice,variant:T?"buttonSmall":"buttonLarge",localizationKey:i.freeTrialEnabled&&_.isFreeTrial&&_.periodEnd?(0,x.G)("badge__trialEndsAt",{date:_.periodEnd}):(0,x.G)("badge__startsAt",{date:_.periodStart}),colorScheme:"secondary",sx:e=>({paddingBlock:e.space.$1x5,textAlign:"center"})}):(0,a.FD)(d.m_.Root,{children:[(0,a.Y)(d.m_.Trigger,{sx:{width:"100%"},children:(0,a.Y)(h.$n,{elementDescriptor:b.$z.pricingTableCardFooterButton,block:!0,textVariant:T?"buttonSmall":"buttonLarge",...A({plan:i,organization:w,isCompact:T,selectedPlanPeriod:n}),onClick:e=>{$(i,e)}})}),R?(0,a.Y)(d.m_.Content,{text:R}):null]})}):(0,a.Y)(h.az,{sx:e=>({backgroundColor:L?e.colors.$colorBackground:"transparent"})})]})]},k)}let P=l.forwardRef((e,i)=>{let{plan:r,isCompact:t,planPeriod:n,setPlanPeriod:o,badge:c}=e,{name:d}=r,p=l.useMemo(()=>r.annualMonthlyFee?r.fee?"annual"===n?r.annualMonthlyFee:r.fee:r.annualFee:r.fee,[r,n]),g=l.useMemo(()=>{if(r.hasBaseFee||!r.unitPrices||1!==r.unitPrices.length)return null;let[e]=r.unitPrices;return 1!==e.tiers.length?null:e.tiers[0].feePerBlock},[r.hasBaseFee,r.unitPrices]),u=l.useMemo(()=>!r.hasBaseFee&&r.unitPrices&&r.unitPrices.length>0?(0,x.G)("billing.monthPerUnit",{unitName:r.unitPrices[0].name}):r.fee?(0,x.G)("billing.month"):(0,x.G)("billing.year"),[r.hasBaseFee,r.fee,r.unitPrices]),m=g??p,$=l.useMemo(()=>m?`${m.currencySymbol}${(0,s.Ij)(m.amountFormatted)}`:"",[m]);return(0,a.FD)(h.az,{ref:i,elementDescriptor:b.$z.pricingTableCardHeader,sx:e=>({width:"100%",padding:t?e.space.$3:e.space.$4,display:"grid",gap:e.space.$1,gridRow:"span 3",gridTemplateRows:"subgrid"}),"data-variant":t?"compact":"default",children:[(0,a.FD)(h.az,{elementDescriptor:b.$z.pricingTableCardTitleContainer,children:[(0,a.FD)(h.az,{sx:e=>({display:"flex",justifyContent:"space-between",alignItems:"flex-start",gap:e.space.$0x25}),children:[(0,a.Y)(h.DZ,{elementDescriptor:b.$z.pricingTableCardTitle,as:"h2",textVariant:t?"h3":"h2",children:d}),c&&c]}),!t&&r.description?(0,a.Y)(h.EY,{elementDescriptor:b.$z.pricingTableCardDescription,variant:"subtitle",colorScheme:"secondary",sx:{justifySelf:"flex-start"},children:r.description}):null]}),(0,a.FD)(h.so,{elementDescriptor:b.$z.pricingTableCardFeeContainer,"data-variant":t?"compact":"default",align:"center",wrap:"wrap",sx:e=>({columnGap:e.space.$1,marginTop:e.space.$1}),children:[(0,a.Y)(h.EY,{elementDescriptor:b.$z.pricingTableCardFee,variant:t?"h2":"h1",colorScheme:"body",children:$}),r.isDefault?null:(0,a.Y)(h.EY,{elementDescriptor:b.$z.pricingTableCardFeePeriod,variant:"caption",colorScheme:"secondary",sx:e=>({textTransform:"lowercase",":before":{content:'"/"',marginInlineEnd:e.space.$0x25}}),localizationKey:u})]}),(0,a.Y)(w,{plan:r,planPeriod:n,setPlanPeriod:o})]})}),w=({plan:e,planPeriod:i,setPlanPeriod:r})=>!e.isDefault&&e.fee&&e.annualMonthlyFee?(0,a.Y)(h.az,{elementDescriptor:b.$z.pricingTableCardPeriodToggle,sx:e=>({marginTop:e.space.$1}),children:(0,a.Y)(c.d,{isChecked:"annual"===i,onChange:e=>r(e?"annual":"month"),label:(0,x.G)("billing.billedAnnually")})}):e.annualMonthlyFee?(0,a.Y)(h.EY,{elementDescriptor:b.$z.pricingTableCardFeePeriodNotice,variant:"caption",colorScheme:"secondary",localizationKey:e.isDefault?(0,x.G)("billing.alwaysFree"):(0,x.G)("billing.billedAnnuallyOnly"),sx:e=>({justifySelf:"flex-start",alignSelf:"center",marginTop:e.space.$1})}):(0,a.Y)(h.EY,{elementDescriptor:b.$z.pricingTableCardFeePeriodNotice,variant:"caption",colorScheme:"secondary",localizationKey:e.isDefault?(0,x.G)("billing.alwaysFree"):(0,x.G)("billing.billedMonthlyOnly"),sx:e=>({justifySelf:"flex-start",alignSelf:"center",marginTop:e.space.$1})}),v=l.forwardRef((e,i)=>{let{plan:r,isCompact:t,showPlanDetails:l}=e,n=r.features.length,o=t?n>3:n>8;return(0,a.FD)(h.az,{ref:i,elementDescriptor:b.$z.pricingTableCardFeatures,sx:e=>({display:"grid",flex:1,rowGap:t?e.space.$2:e.space.$3}),children:[(0,a.FD)(h.fv,{elementDescriptor:b.$z.pricingTableCardFeaturesList,"data-variant":t?"compact":"default",as:"ul",role:"list",sx:e=>({flex:"1",rowGap:t?e.space.$2:e.space.$3,margin:0,padding:0}),children:[r.unitPrices&&r.unitPrices.length>0&&(r.hasBaseFee||r.unitPrices[0].tiers.length>0)?(0,a.Y)(B,{plan:r}):null,r.features.slice(0,o?t?3:8:n).map(e=>(0,a.FD)(h.az,{elementDescriptor:b.$z.pricingTableCardFeaturesListItem,elementId:b.$z.pricingTableCardFeaturesListItem.setId(e.slug),as:"li",sx:e=>({display:"flex",alignItems:"baseline",gap:e.space.$2,margin:0,padding:0}),children:[(0,a.Y)(h.In,{icon:f.A,colorScheme:"neutral","aria-hidden":!0,sx:e=>({transform:`translateY(${e.space.$0x25})`})}),(0,a.Y)(h.L9,{elementDescriptor:b.$z.pricingTableCardFeaturesListItemContent,children:(0,a.Y)(h.EY,{elementDescriptor:b.$z.pricingTableCardFeaturesListItemTitle,colorScheme:"body",sx:e=>({fontWeight:e.fontWeights.$normal}),children:e.name})})]},e.id))]}),o&&(0,a.FD)(h.dF,{onClick:e=>l(e),variant:"link",sx:e=>({marginBlockStart:"auto",paddingBlock:e.space.$1,gap:e.space.$2}),children:[(0,a.Y)(h.In,{icon:T.A,colorScheme:"neutral","aria-hidden":!0}),(0,a.Y)(h.L9,{localizationKey:(0,x.G)("billing.seeAllFeatures")})]})]})}),B=({plan:e})=>{let{t:i}=(0,$._)(),r=e.unitPrices,t=i((0,x.G)("billing.month")),n=i((0,x.G)("billing.monthAbbreviation")),o=l.useMemo(()=>{if(!r)return null;let a=(0,p.V4)(e);if(!a)return null;let l=e=>`${e.feePerBlock.currencySymbol}${(0,s.Ij)(e.feePerBlock.amountFormatted)}`,o=e=>null===e?(0,x.G)("billing.pricingTable.seatCost.unlimitedSeats"):(0,x.G)("billing.pricingTable.seatCost.upToSeats",{endsAfterBlock:e});if(1===a.tiers.length){let i=a.tiers[0],r=[];return 0!==i.feePerBlock.amount&&e.hasBaseFee&&r.push({elementId:"seats",icon:y.A,text:(0,x.G)("billing.pricingTable.seatCost.perSeat",{feePerBlockAmount:l(i),periodAbbreviation:n})}),r.push({elementId:r.length?"seats-limit":"seats",icon:z.A,text:o(i.endsAfterBlock)}),r}if(2===a.tiers.length){let[r,s]=a.tiers;if(r&&s&&0===r.feePerBlock.amount&&null!==r.endsAfterBlock&&0!==s.feePerBlock.amount){let a=l(s),c=i((0,x.G)(e.isDefault&&(e.fee?.amount===0||e.annualMonthlyFee?.amount===0)?"billing.pricingTable.seatCost.tooltip.freeForUpToSeats":"billing.pricingTable.seatCost.tooltip.firstSeatsIncludedInPlan",{endsAfterBlock:r.endsAfterBlock})),d=i((0,x.G)("billing.pricingTable.seatCost.tooltip.additionalSeatsEach",{feePerBlockAmount:a,period:t}));return[{elementId:"seats",icon:y.A,text:(0,x.G)("billing.pricingTable.seatCost.includedSeats",{includedSeats:r.endsAfterBlock}),additionalText:(0,x.G)("billing.pricingTable.seatCost.additionalSeats",{additionalTierFeePerBlockAmount:a,periodAbbreviation:n}),additionalTooltipText:`${c} ${d}`},{elementId:"seats-limit",icon:z.A,text:o(s.endsAfterBlock)}]}}return null},[t,n,e.fee,e.annualMonthlyFee,i,r]);return o?.length?(0,a.Y)(a.FK,{children:o.map(e=>(0,a.FD)(h.az,{elementDescriptor:b.$z.pricingTableCardFeaturesListItem,elementId:b.$z.pricingTableCardFeaturesListItem.setId(e.elementId),as:"li",sx:e=>({display:"flex",alignItems:"baseline",gap:e.space.$2,margin:0,padding:0}),children:[(0,a.Y)(h.In,{icon:e.icon,colorScheme:"neutral","aria-hidden":!0,sx:e=>({transform:`translateY(${e.space.$0x25})`})}),(0,a.Y)(h.L9,{elementDescriptor:b.$z.pricingTableCardFeaturesListItemContent,children:(0,a.FD)(h.EY,{elementDescriptor:b.$z.pricingTableCardFeaturesListItemTitle,colorScheme:"body",sx:e=>({fontWeight:e.fontWeights.$normal}),children:[(0,a.Y)(h.L9,{localizationKey:e.text}),e.additionalText?(0,a.FD)(a.FK,{children:[" ",e.additionalTooltipText?(0,a.FD)(d.m_.Root,{children:[(0,a.Y)(d.m_.Trigger,{children:(0,a.Y)(h.L9,{localizationKey:e.additionalText,sx:{textDecoration:"underline dotted"}})}),(0,a.Y)(d.m_.Content,{text:e.additionalTooltipText})]}):(0,a.Y)(h.L9,{localizationKey:e.additionalText})]}):null]})})]},e.elementId))}):null};var I=r(8238),k=r(9286),M=r(2386),G=r(9793),A=r(1008),E=r(196),_=r(2445),R=r(4260);function L({plans:e=[],planPeriod:i,setPlanPeriod:r,onSelect:t,highlightedPlan:n}){let o=(0,E.j)(),{animations:c}=(0,A.KP)().parsedOptions,d=!o&&!0===c,p=l.useId(),g=`${p}-segmented-control`,{buttonPropsForPlan:u}=(0,s.D)(),{t:m}=(0,$._)(),T=e=>({transition:d?`grid-template-rows ${e.transitionDuration.$slower} ${e.transitionTiming.$slowBezier}`:"none"}),y=e=>({background:F.s.mergedColorsBackground(G.T.setAlpha(e.colors.$colorBackground,1),e.colors.$neutralAlpha25)}),z=l.useMemo(()=>`repeat(${e.length+1}, minmax(9.375rem,1fr))`,[e.length]),Y=l.useMemo(()=>e.some(e=>!!e.annualMonthlyFee),[e]),C=l.useMemo(()=>{let i=new Set;return e.forEach(({features:e})=>{e.forEach(({name:e})=>i.add(e))}),Array.from(i)},[e]);return e.length?(0,a.Y)(D.S,{children:(0,a.Y)(h.az,{elementDescriptor:b.$z.pricingTableMatrix,sx:e=>({position:"relative",minWidth:"100%",display:"grid",isolation:"isolate",backgroundColor:e.colors.$colorBackground,[R.g.md]:{overflowX:"auto"}}),children:(0,a.FD)(h.az,{elementDescriptor:b.$z.pricingTableMatrixTable,role:"table",children:[(0,a.Y)(h.az,{elementDescriptor:[b.$z.pricingTableMatrixRowGroup,b.$z.pricingTableMatrixRowGroupHeader],role:"rowgroup",sx:e=>({position:"sticky",top:0,backgroundColor:e.colors.$colorBackground,borderBottomWidth:e.borderWidths.$normal,borderBottomStyle:e.borderStyles.$solid,borderBottomColor:e.colors.$borderAlpha100,zIndex:1}),children:(0,a.FD)(h.az,{elementDescriptor:[b.$z.pricingTableMatrixRow,b.$z.pricingTableMatrixRowHeader],role:"row",sx:{display:"grid",gridTemplateColumns:z},children:[(0,a.Y)(h.az,{elementDescriptor:b.$z.pricingTableMatrixColumnHeader,role:"columnheader",sx:e=>({display:"flex",flexDirection:"column",alignItems:"flex-start",justifyContent:"flex-end",rowGap:e.space.$3,paddingBlockEnd:e.space.$12,paddingInlineStart:e.space.$3}),children:Y?(0,a.FD)(a.FK,{children:[(0,a.Y)(h.EY,{id:g,colorScheme:"secondary",variant:"caption",localizationKey:(0,x.G)("billing.pricingTable.billingCycle"),children:"Billing cycle"}),(0,a.FD)(M.I.Root,{"aria-labelledby":g,value:i,onChange:e=>r(e),children:[(0,a.Y)(M.I.Button,{value:"month",text:(0,x.G)("billing.monthly")}),(0,a.Y)(M.I.Button,{value:"annual",text:(0,x.G)("billing.annually")})]})]}):null}),e.map(e=>{let r=e.slug===n,l=e.annualMonthlyFee&&"annual"===i?e.annualMonthlyFee:e.fee;return(0,a.FD)(h.az,{elementDescriptor:b.$z.pricingTableMatrixColumnHeader,role:"columnheader",sx:[e=>({display:"flex",flexDirection:"column",alignItems:"flex-start",flex:1,borderStartStartRadius:e.radii.$xl,borderStartEndRadius:e.radii.$xl}),r&&y],"data-highlighted":r,children:[(0,a.FD)(h.az,{sx:e=>({width:"100%",padding:e.space.$4}),children:[e.avatarUrl||r?(0,a.FD)(h.L9,{sx:e=>({width:"100%",display:"flex",alignItems:"flex-start",justifyContent:"space-between",marginBlockEnd:e.space.$3}),children:[e.avatarUrl?(0,a.Y)(k.e,{elementDescriptor:b.$z.pricingTableMatrixAvatar,size:e=>40,title:e.name,initials:e.name[0],rounded:!1,imageUrl:e.avatarUrl}):null,r?(0,a.Y)(h.Ex,{elementDescriptor:b.$z.pricingTableMatrixBadge,colorScheme:"secondary",localizationKey:(0,x.G)("billing.highlightedPlanBadge")}):null]}):null,(0,a.Y)(h.DZ,{elementDescriptor:b.$z.pricingTableMatrixPlanName,textVariant:"h3",children:e.name}),(0,a.Y)(h.so,{align:"center",wrap:"wrap",sx:e=>({marginTop:e.space.$2,columnGap:e.space.$1x5}),children:e.hasBaseFee?(0,a.FD)(a.FK,{children:[(0,a.FD)(h.EY,{elementDescriptor:b.$z.pricingTableMatrixFee,variant:"h2",colorScheme:"body",children:[l.currencySymbol,l.amountFormatted]}),(0,a.Y)(h.EY,{elementDescriptor:b.$z.pricingTableMatrixFeePeriod,variant:"caption",colorScheme:"secondary",sx:e=>({textTransform:"lowercase",":before":{content:'"/"',marginInlineEnd:e.space.$1}}),localizationKey:(0,x.G)("billing.month")}),e.annualMonthlyFee?(0,a.Y)(h.az,{elementDescriptor:b.$z.pricingTableMatrixFeePeriodNotice,sx:[e=>({width:"100%",display:"grid",gridTemplateRows:"annual"===i?"1fr":"0fr"}),T],...(0,I.D)("annual"!==i),children:(0,a.Y)(h.az,{elementDescriptor:b.$z.pricingTableMatrixFeePeriodNoticeInner,sx:{overflow:"hidden",minHeight:0},children:(0,a.FD)(h.EY,{elementDescriptor:b.$z.pricingTableMatrixFeePeriodNoticeLabel,variant:"caption",colorScheme:"secondary",sx:e=>({width:"100%",display:"flex",alignItems:"center",columnGap:e.space.$1}),children:[(0,a.Y)(h.In,{icon:_.A,colorScheme:"neutral",size:"sm","aria-hidden":!0})," ",(0,a.Y)(h.L9,{localizationKey:(0,x.G)("billing.billedAnnually")})]})})}):null]}):(0,a.Y)(h.EY,{elementDescriptor:b.$z.pricingTableMatrixFee,variant:"h2",localizationKey:(0,x.G)("billing.free"),colorScheme:"body"})})]}),e.isDefault?null:(0,a.Y)(h.az,{sx:e=>({width:"100%",marginBlockStart:"auto",marginBlockEnd:e.space.$8,paddingBlockStart:e.space.$2,paddingBlockEnd:e.space.$4,paddingInline:e.space.$4}),children:(0,a.Y)(h.$n,{block:!0,textVariant:"buttonSmall",size:"xs",onClick:i=>{t(e,i)},...u({plan:e,selectedPlanPeriod:i}),colorScheme:r?"primary":"secondary"})})]},e.slug)})]})}),(0,a.FD)(h.az,{elementDescriptor:[b.$z.pricingTableMatrixRowGroup,b.$z.pricingTableMatrixRowGroupBody],role:"rowgroup",children:[C.map(i=>(0,a.FD)(h.az,{elementDescriptor:[b.$z.pricingTableMatrixRow,b.$z.pricingTableMatrixRowBody],role:"row",sx:e=>({position:"relative",display:"grid",gridTemplateColumns:z,borderBottomWidth:e.borderWidths.$normal,borderBottomStyle:e.borderStyles.$solid,borderBottomColor:e.colors.$borderAlpha100,":after":{content:'""',position:"absolute",inset:0,pointerEvents:"none",backgroundColor:e.colors.$neutralAlpha25,opacity:0},":hover:after":{opacity:1}}),children:[(0,a.Y)(h.az,{elementDescriptor:b.$z.pricingTableMatrixCell,role:"cell",sx:e=>({padding:e.space.$3}),children:(0,a.Y)(h.EY,{colorScheme:"body",children:i})}),e.map(e=>{let r=e.slug===n,t=e.features.some(e=>e.name===i);return(0,a.Y)(h.az,{elementDescriptor:b.$z.pricingTableMatrixCell,role:"cell",sx:[e=>({display:"grid",placeContent:"center",padding:e.space.$3}),r&&y],"data-highlighted":r,"data-checked":t,children:t&&(0,a.Y)(h.In,{icon:f.A,colorScheme:"neutral",size:"sm","aria-label":m((0,x.G)("billing.pricingTable.included"))})},e.slug)})]},i)),(0,a.FD)(h.az,{elementDescriptor:b.$z.pricingTableMatrixFooter,sx:{display:"grid",gridTemplateColumns:z},children:[(0,a.Y)(h.az,{elementDescriptor:[b.$z.pricingTableMatrixCell,b.$z.pricingTableMatrixCellFooter]}),e.map(e=>{let i=e.slug===n;return(0,a.Y)(h.az,{elementDescriptor:[b.$z.pricingTableMatrixCell,b.$z.pricingTableMatrixCellFooter],sx:[e=>({height:e.space.$10,borderEndStartRadius:e.radii.$xl,borderEndEndRadius:e.radii.$xl}),i&&y],"data-highlighted":i},e.slug)})]})]})]})})}):null}let K=e=>{let i=(0,t.ho)(),r=(0,t.Sj)(),{mode:c="mounted",signInMode:d="redirect",highlightedPlan:p}=(0,o.T)(),g="modal"===c,{data:u,subscriptionItems:m}=(0,s.Rs)(),{data:h}=(0,s.A$)(),{handleSelectPlan:b}=(0,s.D)(),x=(0,l.useMemo)(()=>i.isSignedIn?u?h:[]:h,[i.isSignedIn,h,u]),$=(0,l.useMemo)(()=>{if(g){let e=m?.find(e=>"upcoming"===e.status);if(e)return e.planPeriod;let i=m?.find(e=>!e.canceledAt&&"active"===e.status&&!e.plan.isDefault);if(i)return i.planPeriod}return"annual"},[g,m]),[f,T]=(0,l.useState)($);(0,l.useEffect)(()=>{T($)},[$]);let y=(a,t)=>{if(!i.isSignedIn)return"modal"===d?i.openSignIn({getContainer:r}):i.redirectToSignIn();b({mode:c,plan:a,planPeriod:f,event:t,appearance:e.checkoutProps?.appearance,newSubscriptionRedirectUrl:e.newSubscriptionRedirectUrl})};return(0,s.mu)(),(0,a.Y)(n.n.Root,{flow:"pricingTable",isFlowReady:i.isSignedIn?!!u:h.length>0,sx:{width:"100%"},children:"modal"!==c&&"matrix"===e.layout?(0,a.Y)(L,{plans:x,planPeriod:f,setPlanPeriod:T,onSelect:y,highlightedPlan:p}):(0,a.Y)(C,{plans:x,highlightedPlan:p,planPeriod:f,setPlanPeriod:T,onSelect:y,isCompact:g,props:e})})},W=e=>(0,a.Y)("div",{children:(0,a.Y)(K,{...e})}),j=e=>{let{mode:i="mounted"}=(0,o.T)();return"modal"===i?(0,a.Y)(W,{...e}):(0,a.Y)(K,{...e})}},5760(e,i,r){var a=r(9763),t=r(9230),l=r(8342);let n={active:"badge__activePlan",upcoming:"badge__upcomingPlan",past_due:"badge__pastDuePlan",free_trial:"badge__freeTrial"},o={active:"secondary",upcoming:"primary",past_due:"warning",free_trial:"secondary"};r.d(i,{},{V:({subscription:e,elementDescriptor:i})=>(0,a.Y)(t.Ex,{elementDescriptor:i,colorScheme:o[e.status],localizationKey:(0,l.G)(n[e.status])})})},8713(e,i,r){var a=r(630);let t=(0,a.createContext)(null);r.d(i,{},{T:()=>{let e=(0,a.useContext)(t);if(!e||"PricingTable"!==e.componentName)throw Error("Clerk: usePricingTableContext called outside PricingTable.");let{componentName:i,...r}=e;return{...r,componentName:i}},a:t})}}]);

package/dist/ClerkUI.js

@@ -22,8 +22,8 @@ import { isVersionAtLeast, parseVersion } from "@clerk/shared/versionCheck";
 * @public
 */
 var ClerkUI = class ClerkUI {
-	static version = "1.18.1-snapshot.v20260618154136";
-	version = "1.18.1-snapshot.v20260618154136";
+	static version = "1.18.1";
+	version = "1.18.1";
 	#componentRenderer;
 	/**
 	* Creates a new `ClerkUI` instance and mounts the internal component renderer.

package/dist/baseTheme.js

@@ -24,6 +24,20 @@ const checkboxShadowStyles = (theme, colors) => {
 		"&:focus-visible": { boxShadow: [hoverShadow, theme.shadows.$focusRing.replace("{{color}}", colors.focus)].toString() }
 	};
 };
+const checkboxBaseStyles = (theme) => ({
+	padding: theme.space.$1,
+	width: theme.sizes.$3x5,
+	height: theme.sizes.$3x5,
+	appearance: "none",
+	borderRadius: theme.radii.$sm,
+	backgroundSize: `${theme.sizes.$2} ${theme.sizes.$2}`,
+	backgroundPosition: "center",
+	backgroundRepeat: "no-repeat",
+	"&:checked": {
+		backgroundImage: `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 8 8'%3E%3Cpath fill='${theme.colors.$white}' fill-rule='evenodd' d='M7.712.233a.889.889 0 0 1 .055 1.256C6.742 2.61 6.249 3.291 5.508 4.615c-.279.5-.589 1.194-.835 1.784a36.761 36.761 0 0 0-.382.95l-.021.057-.006.014-.001.003a.89.89 0 0 1-1.504.27L.218 4.765A.889.889 0 1 1 1.56 3.6l1.591 1.834c.235-.548.524-1.181.806-1.685.807-1.445 1.38-2.239 2.499-3.46A.889.889 0 0 1 7.712.234Z' clip-rule='evenodd'/%3E%3C/svg%3E")`,
+		backgroundColor: theme.colors.$primary500
+	}
+});
 const inputStyles = (theme) => ({
 	borderWidth: 0,
 	...inputShadowStyles(theme, {
@@ -103,6 +117,7 @@ const clerkTheme = { elements: ({ theme }) => {
 		},
 		input: { "&[data-variant=\"default\"]": { ...inputStyles(theme) } },
 		checkbox: {
+			...checkboxBaseStyles(theme),
 			...checkboxShadowStyles(theme, {
 				idle1: theme.colors.$neutralAlpha150,
 				idle2: theme.colors.$neutralAlpha100,
@@ -110,19 +125,10 @@ const clerkTheme = { elements: ({ theme }) => {
 				hover2: theme.colors.$neutralAlpha150,
 				focus: theme.colors.$neutralAlpha150
 			}),
-			padding: theme.space.$1,
-			width: theme.sizes.$3x5,
-			height: theme.sizes.$3x5,
-			appearance: "none",
-			borderRadius: theme.radii.$sm,
 			border: "none",
-			backgroundSize: `${theme.sizes.$2} ${theme.sizes.$2}`,
-			backgroundPosition: "center",
-			backgroundRepeat: "no-repeat",
 			"&:checked": {
-				backgroundImage: `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 8 8'%3E%3Cpath fill='${theme.colors.$white}' fill-rule='evenodd' d='M7.712.233a.889.889 0 0 1 .055 1.256C6.742 2.61 6.249 3.291 5.508 4.615c-.279.5-.589 1.194-.835 1.784a36.761 36.761 0 0 0-.382.95l-.021.057-.006.014-.001.003a.89.89 0 0 1-1.504.27L.218 4.765A.889.889 0 1 1 1.56 3.6l1.591 1.834c.235-.548.524-1.181.806-1.685.807-1.445 1.38-2.239 2.499-3.46A.889.889 0 0 1 7.712.234Z' clip-rule='evenodd'/%3E%3C/svg%3E")`,
-				borderColor: theme.colors.$transparent,
-				backgroundColor: theme.colors.$primary500
+				...checkboxBaseStyles(theme)["&:checked"],
+				borderColor: theme.colors.$transparent
 			}
 		},
 		tagInputContainer: { ...inputStyles(theme) },

package/dist/baseTheme.js.map

@@ -1 +1 @@
-{"version":3,"file":"baseTheme.js","names":[],"sources":["../src/baseTheme.ts"],"sourcesContent":["import type { InternalTheme } from './foundations';\nimport type { Appearance, Elements } from './internal/appearance';\n\nconst BORDER_SHADOW_LENGTH = '0px 0px 0px 1px';\nconst BUTTON_SOLID_SHADOW = (color: string) =>\n  `${BORDER_SHADOW_LENGTH} ${color}, 0px 1px 1px 0px rgba(255, 255, 255, 0.07) inset, 0px 2px 3px 0px rgba(34, 42, 53, 0.20), 0px 1px 1px 0px rgba(0, 0, 0, 0.24)`;\nconst BUTTON_OUTLINE_SHADOW = (color: string) =>\n  `${BORDER_SHADOW_LENGTH} ${color}, 0px 2px 3px -1px rgba(0, 0, 0, 0.08), 0px 1px 0px 0px rgba(0, 0, 0, 0.02)`;\n\nconst cardContentStyles = (theme: InternalTheme) => ({\n  borderWidth: 0,\n  boxShadow: `${theme.shadows.$cardContentShadow}, ${BORDER_SHADOW_LENGTH} ${theme.colors.$borderAlpha50}`,\n});\n\nconst inputShadowStyles = (\n  theme: InternalTheme,\n  colors: { idle1: string; idle2: string; hover1: string; hover2: string; focus: string },\n) => {\n  const idleShadow = [\n    `0px 0px 0px 1px ${colors.idle1}`,\n    theme.shadows.$input.replace('{{color}}', colors.idle2),\n  ].toString();\n  const hoverShadow = [\n    `0px 0px 0px 1px ${colors.hover1}`,\n    theme.shadows.$input.replace('{{color}}', colors.hover2),\n  ].toString();\n\n  return {\n    boxShadow: idleShadow,\n    '&:hover': {\n      boxShadow: hoverShadow,\n    },\n    '&:focus-within,&[data-focus-within=\"true\"]': {\n      boxShadow: [hoverShadow, theme.shadows.$focusRing.replace('{{color}}', colors.focus)].toString(),\n    },\n  };\n};\n\nconst checkboxShadowStyles = (\n  theme: InternalTheme,\n  colors: { idle1: string; idle2: string; hover1: string; hover2: string; focus: string },\n) => {\n  const idleShadow = [\n    `0px 0px 0px 1px ${colors.idle1}`,\n    theme.shadows.$input.replace('{{color}}', colors.idle2),\n  ].toString();\n  const hoverShadow = [\n    `0px 0px 0px 1px ${colors.hover1}`,\n    theme.shadows.$input.replace('{{color}}', colors.hover2),\n  ].toString();\n\n  return {\n    boxShadow: idleShadow,\n    '&:hover': {\n      boxShadow: hoverShadow,\n    },\n    '&:focus-visible': {\n      boxShadow: [hoverShadow, theme.shadows.$focusRing.replace('{{color}}', colors.focus)].toString(),\n    },\n  };\n};\n\nconst inputStyles = (theme: InternalTheme) => ({\n  borderWidth: 0,\n  ...inputShadowStyles(theme, {\n    idle1: theme.colors.$borderAlpha150,\n    idle2: theme.colors.$borderAlpha100,\n    hover1: theme.colors.$borderAlpha300,\n    hover2: theme.colors.$borderAlpha150,\n    focus: theme.colors.$colorRing,\n  }),\n  '&[data-feedback=\"error\"]': inputShadowStyles(theme, {\n    idle1: theme.colors.$dangerAlpha400,\n    idle2: theme.colors.$dangerAlpha200,\n    hover1: theme.colors.$dangerAlpha500,\n    hover2: theme.colors.$dangerAlpha200,\n    focus: theme.colors.$dangerAlpha200,\n  }),\n  '&[data-feedback=\"warning\"]': inputShadowStyles(theme, {\n    idle1: theme.colors.$warningAlpha400,\n    idle2: theme.colors.$warningAlpha200,\n    hover1: theme.colors.$warningAlpha500,\n    hover2: theme.colors.$warningAlpha200,\n    focus: theme.colors.$warningAlpha200,\n  }),\n  '&[data-feedback=\"success\"]': inputShadowStyles(theme, {\n    idle1: theme.colors.$successAlpha400,\n    idle2: theme.colors.$successAlpha200,\n    hover1: theme.colors.$successAlpha500,\n    hover2: theme.colors.$successAlpha200,\n    focus: theme.colors.$successAlpha200,\n  }),\n});\n\nconst clerkTheme: Appearance = {\n  elements: ({ theme }: { theme: InternalTheme }): Elements => {\n    return {\n      button: {\n        '&[data-variant=\"solid\"]': {\n          borderWidth: '0px',\n          '&:after': {\n            position: 'absolute',\n            content: '\"\"',\n            borderRadius: 'inherit',\n            zIndex: -1,\n            inset: 0,\n            opacity: 1,\n            transitionProperty: theme.transitionProperty.$common,\n            transitionDuration: theme.transitionDuration.$controls,\n            background: `linear-gradient(180deg, ${theme.colors.$whiteAlpha150} 0%, ${theme.colors.$transparent} 100%)`,\n          },\n          '&:hover::after': {\n            opacity: 0,\n          },\n          '&:active::after': {\n            opacity: 1,\n          },\n          '&[data-color=\"primary\"]': {\n            boxShadow: BUTTON_SOLID_SHADOW(theme.colors.$primary500),\n            '&:focus': {\n              boxShadow: [\n                BUTTON_SOLID_SHADOW(theme.colors.$primary500),\n                theme.shadows.$focusRing.replace('{{color}}', theme.colors.$colorRing),\n              ].toString(),\n            },\n          },\n          '&[data-color=\"danger\"]': {\n            boxShadow: BUTTON_SOLID_SHADOW(theme.colors.$danger500),\n            '&:focus': {\n              boxShadow: [\n                BUTTON_SOLID_SHADOW(theme.colors.$danger500),\n                theme.shadows.$focusRing.replace('{{color}}', theme.colors.$dangerAlpha200),\n              ].toString(),\n            },\n          },\n        },\n        '&[data-variant=\"outline\"]': {\n          borderWidth: 0,\n          boxShadow: BUTTON_OUTLINE_SHADOW(theme.colors.$borderAlpha100),\n          '&:focus': {\n            boxShadow: [\n              BUTTON_OUTLINE_SHADOW(theme.colors.$borderAlpha100),\n              theme.shadows.$focusRing.replace('{{color}}', theme.colors.$colorRing),\n            ].toString(),\n          },\n        },\n        '&[data-variant=\"bordered\"]': {\n          borderWidth: 0,\n          boxShadow: BUTTON_OUTLINE_SHADOW(theme.colors.$borderAlpha100),\n          '&:focus': {\n            boxShadow: [\n              BUTTON_OUTLINE_SHADOW(theme.colors.$borderAlpha100),\n              theme.shadows.$focusRing.replace('{{color}}', theme.colors.$colorRing),\n            ].toString(),\n          },\n        },\n      },\n      badge: {\n        borderWidth: 0,\n        margin: '1px',\n        '&[data-color=\"primary\"]': {\n          boxShadow: `${BORDER_SHADOW_LENGTH} ${theme.colors.$borderAlpha100}, ${theme.shadows.$badge}`,\n        },\n        '&[data-color=\"danger\"]': {\n          boxShadow: `${BORDER_SHADOW_LENGTH} ${theme.colors.$dangerAlpha300}, ${theme.shadows.$badge}`,\n        },\n        '&[data-color=\"success\"]': {\n          boxShadow: `${BORDER_SHADOW_LENGTH} ${theme.colors.$successAlpha300}, ${theme.shadows.$badge}`,\n        },\n        '&[data-color=\"warning\"]': {\n          boxShadow: `${BORDER_SHADOW_LENGTH} ${theme.colors.$warningAlpha300}, ${theme.shadows.$badge}`,\n        },\n      },\n      input: {\n        '&[data-variant=\"default\"]': {\n          ...inputStyles(theme),\n        },\n      },\n      checkbox: {\n        ...checkboxShadowStyles(theme, {\n          idle1: theme.colors.$neutralAlpha150,\n          idle2: theme.colors.$neutralAlpha100,\n          hover1: theme.colors.$neutralAlpha300,\n          hover2: theme.colors.$neutralAlpha150,\n          focus: theme.colors.$neutralAlpha150,\n        }),\n        padding: theme.space.$1,\n        width: theme.sizes.$3x5,\n        height: theme.sizes.$3x5,\n        appearance: 'none',\n        borderRadius: theme.radii.$sm,\n        border: 'none',\n        backgroundSize: `${theme.sizes.$2} ${theme.sizes.$2}`,\n        backgroundPosition: 'center',\n        backgroundRepeat: 'no-repeat',\n        '&:checked': {\n          backgroundImage: `url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 8 8'%3E%3Cpath fill='${theme.colors.$white}' fill-rule='evenodd' d='M7.712.233a.889.889 0 0 1 .055 1.256C6.742 2.61 6.249 3.291 5.508 4.615c-.279.5-.589 1.194-.835 1.784a36.761 36.761 0 0 0-.382.95l-.021.057-.006.014-.001.003a.89.89 0 0 1-1.504.27L.218 4.765A.889.889 0 1 1 1.56 3.6l1.591 1.834c.235-.548.524-1.181.806-1.685.807-1.445 1.38-2.239 2.499-3.46A.889.889 0 0 1 7.712.234Z' clip-rule='evenodd'/%3E%3C/svg%3E\")`,\n          borderColor: theme.colors.$transparent,\n          backgroundColor: theme.colors.$primary500,\n        },\n      },\n      tagInputContainer: {\n        ...inputStyles(theme),\n      },\n      tagPillContainer: {\n        borderWidth: 0,\n        boxShadow: `${BORDER_SHADOW_LENGTH} ${theme.colors.$borderAlpha100}, ${theme.shadows.$badge}`,\n      },\n      phoneInputBox: {\n        ...inputStyles(theme),\n      },\n      formInputGroup: {\n        ...inputStyles(theme),\n      },\n      selectSearchInput__countryCode: {\n        boxShadow: 'none',\n        '&:focus': { boxShadow: 'none' },\n      },\n      cardBox: {\n        borderWidth: 0,\n        boxShadow: `${theme.shadows.$cardBoxShadow}, ${BORDER_SHADOW_LENGTH} ${theme.colors.$borderAlpha100}`,\n      },\n      drawerContent: {\n        borderWidth: 0,\n        boxShadow: `${theme.shadows.$cardBoxShadow}, ${BORDER_SHADOW_LENGTH} ${theme.colors.$borderAlpha100}`,\n      },\n      popoverBox: {\n        borderWidth: 0,\n        boxShadow: `${theme.shadows.$cardBoxShadow}, ${BORDER_SHADOW_LENGTH} ${theme.colors.$borderAlpha100}`,\n      },\n      card: {\n        ...cardContentStyles(theme),\n      },\n      pricingTableCard: {\n        '&[data-variant=\"default\"]': {\n          borderWidth: 0,\n          boxShadow: `${theme.shadows.$cardBoxShadow}, ${BORDER_SHADOW_LENGTH} ${theme.colors.$borderAlpha100}`,\n        },\n        '&[data-variant=\"compact\"]': {\n          borderWidth: 0,\n          boxShadow: `0px 0px 2px 0px rgba(0, 0, 0, 0.08), 0px 1px 2px 0px rgba(25, 28, 33, 0.12), 0px 0px 0px 1px ${theme.colors.$borderAlpha100}`,\n        },\n      },\n      scrollBox: {\n        ...cardContentStyles(theme),\n      },\n      userButtonPopoverMain: {\n        ...cardContentStyles(theme),\n      },\n      organizationSwitcherPopoverMain: {\n        ...cardContentStyles(theme),\n      },\n      menuList: {\n        borderWidth: 0,\n        boxShadow: `${theme.shadows.$menuShadow}, ${BORDER_SHADOW_LENGTH} ${theme.colors.$borderAlpha100}`,\n      },\n      actionCard: {\n        borderWidth: 0,\n        boxShadow: `0px 0px 2px 0px rgba(0, 0, 0, 0.08), 0px 1px 2px 0px rgba(25, 28, 33, 0.12), 0px 0px 0px 1px ${theme.colors.$borderAlpha100}`,\n      },\n      table: {\n        borderWidth: 0,\n        boxShadow: `0px 0px 2px 0px rgba(0, 0, 0, 0.08), 0px 1px 2px 0px rgba(25, 28, 33, 0.12), 0px 0px 0px 1px ${theme.colors.$borderAlpha100}`,\n      },\n    };\n  },\n} satisfies Appearance;\n\nconst simpleTheme: Appearance = {\n  // @ts-expect-error Internal API for simple theme detection\n  simpleStyles: true,\n  elements: {},\n} satisfies Appearance;\n\nexport const getBaseTheme = (theme: 'clerk' | 'simple' = 'clerk'): Appearance => {\n  switch (theme) {\n    case 'simple':\n      return simpleTheme;\n    case 'clerk':\n    default:\n      return clerkTheme;\n  }\n};\n\nexport const baseTheme = clerkTheme;\n"],"mappings":";AAGA,MAAM,uBAAuB;AAC7B,MAAM,uBAAuB,UAC3B,GAAG,qBAAqB,GAAG,MAAM;AACnC,MAAM,yBAAyB,UAC7B,GAAG,qBAAqB,GAAG,MAAM;AAEnC,MAAM,qBAAqB,WAA0B;CACnD,aAAa;CACb,WAAW,GAAG,MAAM,QAAQ,mBAAmB,IAAI,qBAAqB,GAAG,MAAM,OAAO;AAC1F;AAEA,MAAM,qBACJ,OACA,WACG;CACH,MAAM,aAAa,CACjB,mBAAmB,OAAO,SAC1B,MAAM,QAAQ,OAAO,QAAQ,aAAa,OAAO,KAAK,CACxD,CAAC,CAAC,SAAS;CACX,MAAM,cAAc,CAClB,mBAAmB,OAAO,UAC1B,MAAM,QAAQ,OAAO,QAAQ,aAAa,OAAO,MAAM,CACzD,CAAC,CAAC,SAAS;CAEX,OAAO;EACL,WAAW;EACX,WAAW,EACT,WAAW,YACb;EACA,gDAA8C,EAC5C,WAAW,CAAC,aAAa,MAAM,QAAQ,WAAW,QAAQ,aAAa,OAAO,KAAK,CAAC,CAAC,CAAC,SAAS,EACjG;CACF;AACF;AAEA,MAAM,wBACJ,OACA,WACG;CACH,MAAM,aAAa,CACjB,mBAAmB,OAAO,SAC1B,MAAM,QAAQ,OAAO,QAAQ,aAAa,OAAO,KAAK,CACxD,CAAC,CAAC,SAAS;CACX,MAAM,cAAc,CAClB,mBAAmB,OAAO,UAC1B,MAAM,QAAQ,OAAO,QAAQ,aAAa,OAAO,MAAM,CACzD,CAAC,CAAC,SAAS;CAEX,OAAO;EACL,WAAW;EACX,WAAW,EACT,WAAW,YACb;EACA,mBAAmB,EACjB,WAAW,CAAC,aAAa,MAAM,QAAQ,WAAW,QAAQ,aAAa,OAAO,KAAK,CAAC,CAAC,CAAC,SAAS,EACjG;CACF;AACF;AAEA,MAAM,eAAe,WAA0B;CAC7C,aAAa;CACb,GAAG,kBAAkB,OAAO;EAC1B,OAAO,MAAM,OAAO;EACpB,OAAO,MAAM,OAAO;EACpB,QAAQ,MAAM,OAAO;EACrB,QAAQ,MAAM,OAAO;EACrB,OAAO,MAAM,OAAO;CACtB,CAAC;CACD,8BAA4B,kBAAkB,OAAO;EACnD,OAAO,MAAM,OAAO;EACpB,OAAO,MAAM,OAAO;EACpB,QAAQ,MAAM,OAAO;EACrB,QAAQ,MAAM,OAAO;EACrB,OAAO,MAAM,OAAO;CACtB,CAAC;CACD,gCAA8B,kBAAkB,OAAO;EACrD,OAAO,MAAM,OAAO;EACpB,OAAO,MAAM,OAAO;EACpB,QAAQ,MAAM,OAAO;EACrB,QAAQ,MAAM,OAAO;EACrB,OAAO,MAAM,OAAO;CACtB,CAAC;CACD,gCAA8B,kBAAkB,OAAO;EACrD,OAAO,MAAM,OAAO;EACpB,OAAO,MAAM,OAAO;EACpB,QAAQ,MAAM,OAAO;EACrB,QAAQ,MAAM,OAAO;EACrB,OAAO,MAAM,OAAO;CACtB,CAAC;AACH;AAEA,MAAM,aAAyB,EAC7B,WAAW,EAAE,YAAgD;CAC3D,OAAO;EACL,QAAQ;GACN,6BAA2B;IACzB,aAAa;IACb,WAAW;KACT,UAAU;KACV,SAAS;KACT,cAAc;KACd,QAAQ;KACR,OAAO;KACP,SAAS;KACT,oBAAoB,MAAM,mBAAmB;KAC7C,oBAAoB,MAAM,mBAAmB;KAC7C,YAAY,2BAA2B,MAAM,OAAO,eAAe,OAAO,MAAM,OAAO,aAAa;IACtG;IACA,kBAAkB,EAChB,SAAS,EACX;IACA,mBAAmB,EACjB,SAAS,EACX;IACA,6BAA2B;KACzB,WAAW,oBAAoB,MAAM,OAAO,WAAW;KACvD,WAAW,EACT,WAAW,CACT,oBAAoB,MAAM,OAAO,WAAW,GAC5C,MAAM,QAAQ,WAAW,QAAQ,aAAa,MAAM,OAAO,UAAU,CACvE,CAAC,CAAC,SAAS,EACb;IACF;IACA,4BAA0B;KACxB,WAAW,oBAAoB,MAAM,OAAO,UAAU;KACtD,WAAW,EACT,WAAW,CACT,oBAAoB,MAAM,OAAO,UAAU,GAC3C,MAAM,QAAQ,WAAW,QAAQ,aAAa,MAAM,OAAO,eAAe,CAC5E,CAAC,CAAC,SAAS,EACb;IACF;GACF;GACA,+BAA6B;IAC3B,aAAa;IACb,WAAW,sBAAsB,MAAM,OAAO,eAAe;IAC7D,WAAW,EACT,WAAW,CACT,sBAAsB,MAAM,OAAO,eAAe,GAClD,MAAM,QAAQ,WAAW,QAAQ,aAAa,MAAM,OAAO,UAAU,CACvE,CAAC,CAAC,SAAS,EACb;GACF;GACA,gCAA8B;IAC5B,aAAa;IACb,WAAW,sBAAsB,MAAM,OAAO,eAAe;IAC7D,WAAW,EACT,WAAW,CACT,sBAAsB,MAAM,OAAO,eAAe,GAClD,MAAM,QAAQ,WAAW,QAAQ,aAAa,MAAM,OAAO,UAAU,CACvE,CAAC,CAAC,SAAS,EACb;GACF;EACF;EACA,OAAO;GACL,aAAa;GACb,QAAQ;GACR,6BAA2B,EACzB,WAAW,GAAG,qBAAqB,GAAG,MAAM,OAAO,gBAAgB,IAAI,MAAM,QAAQ,SACvF;GACA,4BAA0B,EACxB,WAAW,GAAG,qBAAqB,GAAG,MAAM,OAAO,gBAAgB,IAAI,MAAM,QAAQ,SACvF;GACA,6BAA2B,EACzB,WAAW,GAAG,qBAAqB,GAAG,MAAM,OAAO,iBAAiB,IAAI,MAAM,QAAQ,SACxF;GACA,6BAA2B,EACzB,WAAW,GAAG,qBAAqB,GAAG,MAAM,OAAO,iBAAiB,IAAI,MAAM,QAAQ,SACxF;EACF;EACA,OAAO,EACL,+BAA6B,EAC3B,GAAG,YAAY,KAAK,EACtB,EACF;EACA,UAAU;GACR,GAAG,qBAAqB,OAAO;IAC7B,OAAO,MAAM,OAAO;IACpB,OAAO,MAAM,OAAO;IACpB,QAAQ,MAAM,OAAO;IACrB,QAAQ,MAAM,OAAO;IACrB,OAAO,MAAM,OAAO;GACtB,CAAC;GACD,SAAS,MAAM,MAAM;GACrB,OAAO,MAAM,MAAM;GACnB,QAAQ,MAAM,MAAM;GACpB,YAAY;GACZ,cAAc,MAAM,MAAM;GAC1B,QAAQ;GACR,gBAAgB,GAAG,MAAM,MAAM,GAAG,GAAG,MAAM,MAAM;GACjD,oBAAoB;GACpB,kBAAkB;GAClB,aAAa;IACX,iBAAiB,mHAAmH,MAAM,OAAO,OAAO;IACxJ,aAAa,MAAM,OAAO;IAC1B,iBAAiB,MAAM,OAAO;GAChC;EACF;EACA,mBAAmB,EACjB,GAAG,YAAY,KAAK,EACtB;EACA,kBAAkB;GAChB,aAAa;GACb,WAAW,GAAG,qBAAqB,GAAG,MAAM,OAAO,gBAAgB,IAAI,MAAM,QAAQ;EACvF;EACA,eAAe,EACb,GAAG,YAAY,KAAK,EACtB;EACA,gBAAgB,EACd,GAAG,YAAY,KAAK,EACtB;EACA,gCAAgC;GAC9B,WAAW;GACX,WAAW,EAAE,WAAW,OAAO;EACjC;EACA,SAAS;GACP,aAAa;GACb,WAAW,GAAG,MAAM,QAAQ,eAAe,IAAI,qBAAqB,GAAG,MAAM,OAAO;EACtF;EACA,eAAe;GACb,aAAa;GACb,WAAW,GAAG,MAAM,QAAQ,eAAe,IAAI,qBAAqB,GAAG,MAAM,OAAO;EACtF;EACA,YAAY;GACV,aAAa;GACb,WAAW,GAAG,MAAM,QAAQ,eAAe,IAAI,qBAAqB,GAAG,MAAM,OAAO;EACtF;EACA,MAAM,EACJ,GAAG,kBAAkB,KAAK,EAC5B;EACA,kBAAkB;GAChB,+BAA6B;IAC3B,aAAa;IACb,WAAW,GAAG,MAAM,QAAQ,eAAe,IAAI,qBAAqB,GAAG,MAAM,OAAO;GACtF;GACA,+BAA6B;IAC3B,aAAa;IACb,WAAW,gGAAgG,MAAM,OAAO;GAC1H;EACF;EACA,WAAW,EACT,GAAG,kBAAkB,KAAK,EAC5B;EACA,uBAAuB,EACrB,GAAG,kBAAkB,KAAK,EAC5B;EACA,iCAAiC,EAC/B,GAAG,kBAAkB,KAAK,EAC5B;EACA,UAAU;GACR,aAAa;GACb,WAAW,GAAG,MAAM,QAAQ,YAAY,IAAI,qBAAqB,GAAG,MAAM,OAAO;EACnF;EACA,YAAY;GACV,aAAa;GACb,WAAW,gGAAgG,MAAM,OAAO;EAC1H;EACA,OAAO;GACL,aAAa;GACb,WAAW,gGAAgG,MAAM,OAAO;EAC1H;CACF;AACF,EACF;AAEA,MAAM,cAA0B;CAE9B,cAAc;CACd,UAAU,CAAC;AACb;AAEA,MAAa,gBAAgB,QAA4B,YAAwB;CAC/E,QAAQ,OAAR;EACE,KAAK,UACH,OAAO;EAET,SACE,OAAO;CACX;AACF;AAEA,MAAa,YAAY"}
+{"version":3,"file":"baseTheme.js","names":[],"sources":["../src/baseTheme.ts"],"sourcesContent":["import type { InternalTheme } from './foundations';\nimport type { Appearance, Elements } from './internal/appearance';\n\nconst BORDER_SHADOW_LENGTH = '0px 0px 0px 1px';\nconst BUTTON_SOLID_SHADOW = (color: string) =>\n  `${BORDER_SHADOW_LENGTH} ${color}, 0px 1px 1px 0px rgba(255, 255, 255, 0.07) inset, 0px 2px 3px 0px rgba(34, 42, 53, 0.20), 0px 1px 1px 0px rgba(0, 0, 0, 0.24)`;\nconst BUTTON_OUTLINE_SHADOW = (color: string) =>\n  `${BORDER_SHADOW_LENGTH} ${color}, 0px 2px 3px -1px rgba(0, 0, 0, 0.08), 0px 1px 0px 0px rgba(0, 0, 0, 0.02)`;\n\nconst cardContentStyles = (theme: InternalTheme) => ({\n  borderWidth: 0,\n  boxShadow: `${theme.shadows.$cardContentShadow}, ${BORDER_SHADOW_LENGTH} ${theme.colors.$borderAlpha50}`,\n});\n\nconst inputShadowStyles = (\n  theme: InternalTheme,\n  colors: { idle1: string; idle2: string; hover1: string; hover2: string; focus: string },\n) => {\n  const idleShadow = [\n    `0px 0px 0px 1px ${colors.idle1}`,\n    theme.shadows.$input.replace('{{color}}', colors.idle2),\n  ].toString();\n  const hoverShadow = [\n    `0px 0px 0px 1px ${colors.hover1}`,\n    theme.shadows.$input.replace('{{color}}', colors.hover2),\n  ].toString();\n\n  return {\n    boxShadow: idleShadow,\n    '&:hover': {\n      boxShadow: hoverShadow,\n    },\n    '&:focus-within,&[data-focus-within=\"true\"]': {\n      boxShadow: [hoverShadow, theme.shadows.$focusRing.replace('{{color}}', colors.focus)].toString(),\n    },\n  };\n};\n\nconst checkboxShadowStyles = (\n  theme: InternalTheme,\n  colors: { idle1: string; idle2: string; hover1: string; hover2: string; focus: string },\n) => {\n  const idleShadow = [\n    `0px 0px 0px 1px ${colors.idle1}`,\n    theme.shadows.$input.replace('{{color}}', colors.idle2),\n  ].toString();\n  const hoverShadow = [\n    `0px 0px 0px 1px ${colors.hover1}`,\n    theme.shadows.$input.replace('{{color}}', colors.hover2),\n  ].toString();\n\n  return {\n    boxShadow: idleShadow,\n    '&:hover': {\n      boxShadow: hoverShadow,\n    },\n    '&:focus-visible': {\n      boxShadow: [hoverShadow, theme.shadows.$focusRing.replace('{{color}}', colors.focus)].toString(),\n    },\n  };\n};\n\nconst checkboxBaseStyles = (theme: InternalTheme) => ({\n  padding: theme.space.$1,\n  width: theme.sizes.$3x5,\n  height: theme.sizes.$3x5,\n  appearance: 'none' as const,\n  borderRadius: theme.radii.$sm,\n  backgroundSize: `${theme.sizes.$2} ${theme.sizes.$2}`,\n  backgroundPosition: 'center',\n  backgroundRepeat: 'no-repeat',\n  '&:checked': {\n    backgroundImage: `url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 8 8'%3E%3Cpath fill='${theme.colors.$white}' fill-rule='evenodd' d='M7.712.233a.889.889 0 0 1 .055 1.256C6.742 2.61 6.249 3.291 5.508 4.615c-.279.5-.589 1.194-.835 1.784a36.761 36.761 0 0 0-.382.95l-.021.057-.006.014-.001.003a.89.89 0 0 1-1.504.27L.218 4.765A.889.889 0 1 1 1.56 3.6l1.591 1.834c.235-.548.524-1.181.806-1.685.807-1.445 1.38-2.239 2.499-3.46A.889.889 0 0 1 7.712.234Z' clip-rule='evenodd'/%3E%3C/svg%3E\")`,\n    backgroundColor: theme.colors.$primary500,\n  },\n});\n\nconst inputStyles = (theme: InternalTheme) => ({\n  borderWidth: 0,\n  ...inputShadowStyles(theme, {\n    idle1: theme.colors.$borderAlpha150,\n    idle2: theme.colors.$borderAlpha100,\n    hover1: theme.colors.$borderAlpha300,\n    hover2: theme.colors.$borderAlpha150,\n    focus: theme.colors.$colorRing,\n  }),\n  '&[data-feedback=\"error\"]': inputShadowStyles(theme, {\n    idle1: theme.colors.$dangerAlpha400,\n    idle2: theme.colors.$dangerAlpha200,\n    hover1: theme.colors.$dangerAlpha500,\n    hover2: theme.colors.$dangerAlpha200,\n    focus: theme.colors.$dangerAlpha200,\n  }),\n  '&[data-feedback=\"warning\"]': inputShadowStyles(theme, {\n    idle1: theme.colors.$warningAlpha400,\n    idle2: theme.colors.$warningAlpha200,\n    hover1: theme.colors.$warningAlpha500,\n    hover2: theme.colors.$warningAlpha200,\n    focus: theme.colors.$warningAlpha200,\n  }),\n  '&[data-feedback=\"success\"]': inputShadowStyles(theme, {\n    idle1: theme.colors.$successAlpha400,\n    idle2: theme.colors.$successAlpha200,\n    hover1: theme.colors.$successAlpha500,\n    hover2: theme.colors.$successAlpha200,\n    focus: theme.colors.$successAlpha200,\n  }),\n});\n\nconst clerkTheme: Appearance = {\n  elements: ({ theme }: { theme: InternalTheme }): Elements => {\n    return {\n      button: {\n        '&[data-variant=\"solid\"]': {\n          borderWidth: '0px',\n          '&:after': {\n            position: 'absolute',\n            content: '\"\"',\n            borderRadius: 'inherit',\n            zIndex: -1,\n            inset: 0,\n            opacity: 1,\n            transitionProperty: theme.transitionProperty.$common,\n            transitionDuration: theme.transitionDuration.$controls,\n            background: `linear-gradient(180deg, ${theme.colors.$whiteAlpha150} 0%, ${theme.colors.$transparent} 100%)`,\n          },\n          '&:hover::after': {\n            opacity: 0,\n          },\n          '&:active::after': {\n            opacity: 1,\n          },\n          '&[data-color=\"primary\"]': {\n            boxShadow: BUTTON_SOLID_SHADOW(theme.colors.$primary500),\n            '&:focus': {\n              boxShadow: [\n                BUTTON_SOLID_SHADOW(theme.colors.$primary500),\n                theme.shadows.$focusRing.replace('{{color}}', theme.colors.$colorRing),\n              ].toString(),\n            },\n          },\n          '&[data-color=\"danger\"]': {\n            boxShadow: BUTTON_SOLID_SHADOW(theme.colors.$danger500),\n            '&:focus': {\n              boxShadow: [\n                BUTTON_SOLID_SHADOW(theme.colors.$danger500),\n                theme.shadows.$focusRing.replace('{{color}}', theme.colors.$dangerAlpha200),\n              ].toString(),\n            },\n          },\n        },\n        '&[data-variant=\"outline\"]': {\n          borderWidth: 0,\n          boxShadow: BUTTON_OUTLINE_SHADOW(theme.colors.$borderAlpha100),\n          '&:focus': {\n            boxShadow: [\n              BUTTON_OUTLINE_SHADOW(theme.colors.$borderAlpha100),\n              theme.shadows.$focusRing.replace('{{color}}', theme.colors.$colorRing),\n            ].toString(),\n          },\n        },\n        '&[data-variant=\"bordered\"]': {\n          borderWidth: 0,\n          boxShadow: BUTTON_OUTLINE_SHADOW(theme.colors.$borderAlpha100),\n          '&:focus': {\n            boxShadow: [\n              BUTTON_OUTLINE_SHADOW(theme.colors.$borderAlpha100),\n              theme.shadows.$focusRing.replace('{{color}}', theme.colors.$colorRing),\n            ].toString(),\n          },\n        },\n      },\n      badge: {\n        borderWidth: 0,\n        margin: '1px',\n        '&[data-color=\"primary\"]': {\n          boxShadow: `${BORDER_SHADOW_LENGTH} ${theme.colors.$borderAlpha100}, ${theme.shadows.$badge}`,\n        },\n        '&[data-color=\"danger\"]': {\n          boxShadow: `${BORDER_SHADOW_LENGTH} ${theme.colors.$dangerAlpha300}, ${theme.shadows.$badge}`,\n        },\n        '&[data-color=\"success\"]': {\n          boxShadow: `${BORDER_SHADOW_LENGTH} ${theme.colors.$successAlpha300}, ${theme.shadows.$badge}`,\n        },\n        '&[data-color=\"warning\"]': {\n          boxShadow: `${BORDER_SHADOW_LENGTH} ${theme.colors.$warningAlpha300}, ${theme.shadows.$badge}`,\n        },\n      },\n      input: {\n        '&[data-variant=\"default\"]': {\n          ...inputStyles(theme),\n        },\n      },\n      checkbox: {\n        ...checkboxBaseStyles(theme),\n        ...checkboxShadowStyles(theme, {\n          idle1: theme.colors.$neutralAlpha150,\n          idle2: theme.colors.$neutralAlpha100,\n          hover1: theme.colors.$neutralAlpha300,\n          hover2: theme.colors.$neutralAlpha150,\n          focus: theme.colors.$neutralAlpha150,\n        }),\n        border: 'none',\n        '&:checked': {\n          ...checkboxBaseStyles(theme)['&:checked'],\n          borderColor: theme.colors.$transparent,\n        },\n      },\n      tagInputContainer: {\n        ...inputStyles(theme),\n      },\n      tagPillContainer: {\n        borderWidth: 0,\n        boxShadow: `${BORDER_SHADOW_LENGTH} ${theme.colors.$borderAlpha100}, ${theme.shadows.$badge}`,\n      },\n      phoneInputBox: {\n        ...inputStyles(theme),\n      },\n      formInputGroup: {\n        ...inputStyles(theme),\n      },\n      selectSearchInput__countryCode: {\n        boxShadow: 'none',\n        '&:focus': { boxShadow: 'none' },\n      },\n      cardBox: {\n        borderWidth: 0,\n        boxShadow: `${theme.shadows.$cardBoxShadow}, ${BORDER_SHADOW_LENGTH} ${theme.colors.$borderAlpha100}`,\n      },\n      drawerContent: {\n        borderWidth: 0,\n        boxShadow: `${theme.shadows.$cardBoxShadow}, ${BORDER_SHADOW_LENGTH} ${theme.colors.$borderAlpha100}`,\n      },\n      popoverBox: {\n        borderWidth: 0,\n        boxShadow: `${theme.shadows.$cardBoxShadow}, ${BORDER_SHADOW_LENGTH} ${theme.colors.$borderAlpha100}`,\n      },\n      card: {\n        ...cardContentStyles(theme),\n      },\n      pricingTableCard: {\n        '&[data-variant=\"default\"]': {\n          borderWidth: 0,\n          boxShadow: `${theme.shadows.$cardBoxShadow}, ${BORDER_SHADOW_LENGTH} ${theme.colors.$borderAlpha100}`,\n        },\n        '&[data-variant=\"compact\"]': {\n          borderWidth: 0,\n          boxShadow: `0px 0px 2px 0px rgba(0, 0, 0, 0.08), 0px 1px 2px 0px rgba(25, 28, 33, 0.12), 0px 0px 0px 1px ${theme.colors.$borderAlpha100}`,\n        },\n      },\n      scrollBox: {\n        ...cardContentStyles(theme),\n      },\n      userButtonPopoverMain: {\n        ...cardContentStyles(theme),\n      },\n      organizationSwitcherPopoverMain: {\n        ...cardContentStyles(theme),\n      },\n      menuList: {\n        borderWidth: 0,\n        boxShadow: `${theme.shadows.$menuShadow}, ${BORDER_SHADOW_LENGTH} ${theme.colors.$borderAlpha100}`,\n      },\n      actionCard: {\n        borderWidth: 0,\n        boxShadow: `0px 0px 2px 0px rgba(0, 0, 0, 0.08), 0px 1px 2px 0px rgba(25, 28, 33, 0.12), 0px 0px 0px 1px ${theme.colors.$borderAlpha100}`,\n      },\n      table: {\n        borderWidth: 0,\n        boxShadow: `0px 0px 2px 0px rgba(0, 0, 0, 0.08), 0px 1px 2px 0px rgba(25, 28, 33, 0.12), 0px 0px 0px 1px ${theme.colors.$borderAlpha100}`,\n      },\n    };\n  },\n} satisfies Appearance;\n\nconst simpleTheme: Appearance = {\n  // @ts-expect-error Internal API for simple theme detection\n  simpleStyles: true,\n  elements: {},\n} satisfies Appearance;\n\nexport const getBaseTheme = (theme: 'clerk' | 'simple' = 'clerk'): Appearance => {\n  switch (theme) {\n    case 'simple':\n      return simpleTheme;\n    case 'clerk':\n    default:\n      return clerkTheme;\n  }\n};\n\nexport const baseTheme = clerkTheme;\n"],"mappings":"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"}

package/dist/common/ProviderIcon.js

@@ -8,7 +8,8 @@ const SUPPORTS_MASK_IMAGE = [
 	"apple",
 	"github",
 	"okx_wallet",
-	"vercel"
+	"vercel",
+	"x"
 ];
 const supportsMaskImage = (id) => {
 	return SUPPORTS_MASK_IMAGE.includes(id);

package/dist/common/ProviderIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProviderIcon.js","names":[],"sources":["../../src/common/ProviderIcon.tsx"],"sourcesContent":["import type { OAuthProvider, PhoneCodeChannel, Web3Provider } from '@clerk/shared/types';\n\nimport { descriptors, Span } from '../customizables';\nimport type { ElementDescriptor, ElementId } from '../customizables/elementDescriptors';\nimport type { InternalTheme, PropsOfComponent } from '../styledSystem';\nimport { ProviderInitialIcon } from './ProviderInitialIcon';\n\ntype ProviderId = OAuthProvider | Web3Provider | PhoneCodeChannel;\n\nconst SUPPORTS_MASK_IMAGE = ['apple', 'github', 'okx_wallet', 'vercel'] as const;\n\nconst supportsMaskImage = (id: ProviderId): boolean => {\n  return (SUPPORTS_MASK_IMAGE as readonly string[]).includes(id);\n};\n\nconst getIconImageStyles = (theme: InternalTheme, id: ProviderId, iconUrl: string) => {\n  if (supportsMaskImage(id)) {\n    return {\n      '--cl-icon-fill': theme.colors.$colorForeground,\n      backgroundColor: 'var(--cl-icon-fill)',\n      maskImage: `url(${iconUrl})`,\n      maskSize: 'cover',\n      maskPosition: 'center',\n      maskRepeat: 'no-repeat',\n    };\n  }\n\n  return {\n    backgroundImage: `url(${iconUrl})`,\n    backgroundSize: 'cover',\n    backgroundPosition: 'center',\n    backgroundRepeat: 'no-repeat',\n  };\n};\n\nconst getThemeSize = (theme: InternalTheme, size: string): string => {\n  return theme.sizes[size as keyof typeof theme.sizes] || size;\n};\n\nexport type ProviderIconProps = Omit<\n  PropsOfComponent<typeof Span>,\n  'elementDescriptor' | 'elementId' | 'aria-label'\n> & {\n  id: ProviderId;\n  iconUrl?: string | null;\n  name: string;\n  size?: string;\n  isLoading?: boolean;\n  isDisabled?: boolean;\n  alt?: string;\n  elementDescriptor?: ElementDescriptor | Array<ElementDescriptor | undefined>;\n  elementId?: ElementId;\n};\n\nexport const ProviderIcon = (props: ProviderIconProps) => {\n  const {\n    id,\n    iconUrl,\n    name,\n    size = '$4',\n    isLoading,\n    isDisabled,\n    alt,\n    elementDescriptor = descriptors.providerIcon,\n    elementId,\n    sx,\n    ...rest\n  } = props;\n\n  if (!iconUrl || iconUrl.trim() === '') {\n    const { ref, ...initialIconProps } = rest;\n    return (\n      <ProviderInitialIcon\n        id={id}\n        value={name}\n        isLoading={isLoading}\n        isDisabled={isDisabled}\n        sx={sx}\n        {...initialIconProps}\n      />\n    );\n  }\n\n  return (\n    <Span\n      elementDescriptor={elementDescriptor}\n      elementId={elementId}\n      aria-label={alt || `${name} icon`}\n      sx={theme => {\n        const iconSize = getThemeSize(theme, size);\n        return [\n          {\n            display: 'inline-block',\n            width: iconSize,\n            height: iconSize,\n            maxWidth: '100%',\n            opacity: isLoading || isDisabled ? 0.5 : 1,\n            ...getIconImageStyles(theme, id, iconUrl),\n          },\n          sx,\n        ];\n      }}\n      {...rest}\n    />\n  );\n};\n"],"mappings":";;;;;;AASA,MAAM,sBAAsB;CAAC;CAAS;CAAU;CAAc;AAAQ;AAEtE,MAAM,qBAAqB,OAA4B;CACrD,OAAQ,oBAA0C,SAAS,EAAE;AAC/D;AAEA,MAAM,sBAAsB,OAAsB,IAAgB,YAAoB;CACpF,IAAI,kBAAkB,EAAE,GACtB,OAAO;EACL,kBAAkB,MAAM,OAAO;EAC/B,iBAAiB;EACjB,WAAW,OAAO,QAAQ;EAC1B,UAAU;EACV,cAAc;EACd,YAAY;CACd;CAGF,OAAO;EACL,iBAAiB,OAAO,QAAQ;EAChC,gBAAgB;EAChB,oBAAoB;EACpB,kBAAkB;CACpB;AACF;AAEA,MAAM,gBAAgB,OAAsB,SAAyB;CACnE,OAAO,MAAM,MAAM,SAAqC;AAC1D;AAiBA,MAAa,gBAAgB,UAA6B;CACxD,MAAM,EACJ,IACA,SACA,MACA,OAAO,MACP,WACA,YACA,KACA,oBAAoB,YAAY,cAChC,WACA,IACA,GAAG,SACD;CAEJ,IAAI,CAAC,WAAW,QAAQ,KAAK,MAAM,IAAI;EACrC,MAAM,EAAE,KAAK,GAAG,qBAAqB;EACrC,OACE,oBAAC,qBAAD;GACM;GACJ,OAAO;GACI;GACC;GACR;GACJ,GAAI;EACL;CAEL;CAEA,OACE,oBAAC,MAAD;EACqB;EACR;EACX,cAAY,OAAO,GAAG,KAAK;EAC3B,KAAI,UAAS;GACX,MAAM,WAAW,aAAa,OAAO,IAAI;GACzC,OAAO,CACL;IACE,SAAS;IACT,OAAO;IACP,QAAQ;IACR,UAAU;IACV,SAAS,aAAa,aAAa,KAAM;IACzC,GAAG,mBAAmB,OAAO,IAAI,OAAO;GAC1C,GACA,EACF;EACF;EACA,GAAI;CACL;AAEL"}
+{"version":3,"file":"ProviderIcon.js","names":[],"sources":["../../src/common/ProviderIcon.tsx"],"sourcesContent":["import type { OAuthProvider, PhoneCodeChannel, Web3Provider } from '@clerk/shared/types';\n\nimport { descriptors, Span } from '../customizables';\nimport type { ElementDescriptor, ElementId } from '../customizables/elementDescriptors';\nimport type { InternalTheme, PropsOfComponent } from '../styledSystem';\nimport { ProviderInitialIcon } from './ProviderInitialIcon';\n\ntype ProviderId = OAuthProvider | Web3Provider | PhoneCodeChannel;\n\nconst SUPPORTS_MASK_IMAGE = ['apple', 'github', 'okx_wallet', 'vercel', 'x'] as const;\n\nconst supportsMaskImage = (id: ProviderId): boolean => {\n  return (SUPPORTS_MASK_IMAGE as readonly string[]).includes(id);\n};\n\nconst getIconImageStyles = (theme: InternalTheme, id: ProviderId, iconUrl: string) => {\n  if (supportsMaskImage(id)) {\n    return {\n      '--cl-icon-fill': theme.colors.$colorForeground,\n      backgroundColor: 'var(--cl-icon-fill)',\n      maskImage: `url(${iconUrl})`,\n      maskSize: 'cover',\n      maskPosition: 'center',\n      maskRepeat: 'no-repeat',\n    };\n  }\n\n  return {\n    backgroundImage: `url(${iconUrl})`,\n    backgroundSize: 'cover',\n    backgroundPosition: 'center',\n    backgroundRepeat: 'no-repeat',\n  };\n};\n\nconst getThemeSize = (theme: InternalTheme, size: string): string => {\n  return theme.sizes[size as keyof typeof theme.sizes] || size;\n};\n\nexport type ProviderIconProps = Omit<\n  PropsOfComponent<typeof Span>,\n  'elementDescriptor' | 'elementId' | 'aria-label'\n> & {\n  id: ProviderId;\n  iconUrl?: string | null;\n  name: string;\n  size?: string;\n  isLoading?: boolean;\n  isDisabled?: boolean;\n  alt?: string;\n  elementDescriptor?: ElementDescriptor | Array<ElementDescriptor | undefined>;\n  elementId?: ElementId;\n};\n\nexport const ProviderIcon = (props: ProviderIconProps) => {\n  const {\n    id,\n    iconUrl,\n    name,\n    size = '$4',\n    isLoading,\n    isDisabled,\n    alt,\n    elementDescriptor = descriptors.providerIcon,\n    elementId,\n    sx,\n    ...rest\n  } = props;\n\n  if (!iconUrl || iconUrl.trim() === '') {\n    const { ref, ...initialIconProps } = rest;\n    return (\n      <ProviderInitialIcon\n        id={id}\n        value={name}\n        isLoading={isLoading}\n        isDisabled={isDisabled}\n        sx={sx}\n        {...initialIconProps}\n      />\n    );\n  }\n\n  return (\n    <Span\n      elementDescriptor={elementDescriptor}\n      elementId={elementId}\n      aria-label={alt || `${name} icon`}\n      sx={theme => {\n        const iconSize = getThemeSize(theme, size);\n        return [\n          {\n            display: 'inline-block',\n            width: iconSize,\n            height: iconSize,\n            maxWidth: '100%',\n            opacity: isLoading || isDisabled ? 0.5 : 1,\n            ...getIconImageStyles(theme, id, iconUrl),\n          },\n          sx,\n        ];\n      }}\n      {...rest}\n    />\n  );\n};\n"],"mappings":";;;;;;AASA,MAAM,sBAAsB;CAAC;CAAS;CAAU;CAAc;CAAU;AAAG;AAE3E,MAAM,qBAAqB,OAA4B;CACrD,OAAQ,oBAA0C,SAAS,EAAE;AAC/D;AAEA,MAAM,sBAAsB,OAAsB,IAAgB,YAAoB;CACpF,IAAI,kBAAkB,EAAE,GACtB,OAAO;EACL,kBAAkB,MAAM,OAAO;EAC/B,iBAAiB;EACjB,WAAW,OAAO,QAAQ;EAC1B,UAAU;EACV,cAAc;EACd,YAAY;CACd;CAGF,OAAO;EACL,iBAAiB,OAAO,QAAQ;EAChC,gBAAgB;EAChB,oBAAoB;EACpB,kBAAkB;CACpB;AACF;AAEA,MAAM,gBAAgB,OAAsB,SAAyB;CACnE,OAAO,MAAM,MAAM,SAAqC;AAC1D;AAiBA,MAAa,gBAAgB,UAA6B;CACxD,MAAM,EACJ,IACA,SACA,MACA,OAAO,MACP,WACA,YACA,KACA,oBAAoB,YAAY,cAChC,WACA,IACA,GAAG,SACD;CAEJ,IAAI,CAAC,WAAW,QAAQ,KAAK,MAAM,IAAI;EACrC,MAAM,EAAE,KAAK,GAAG,qBAAqB;EACrC,OACE,oBAAC,qBAAD;GACM;GACJ,OAAO;GACI;GACC;GACR;GACJ,GAAI;EACL;CAEL;CAEA,OACE,oBAAC,MAAD;EACqB;EACR;EACX,cAAY,OAAO,GAAG,KAAK;EAC3B,KAAI,UAAS;GACX,MAAM,WAAW,aAAa,OAAO,IAAI;GACzC,OAAO,CACL;IACE,SAAS;IACT,OAAO;IACP,QAAQ;IACR,UAAU;IACV,SAAS,aAAa,aAAa,KAAM;IACzC,GAAG,mBAAmB,OAAO,IAAI,OAAO;GAC1C,GACA,EACF;EACF;EACA,GAAI;CACL;AAEL"}

package/dist/components/ConfigureSSO/ConfigureSSOWizard.js

@@ -3,8 +3,8 @@ import { ConfigureSSOProvider } from "./ConfigureSSOContext.js";
 import { Wizard } from "./elements/Wizard/Wizard.js";
 import { ConfigureSSOHeader } from "./ConfigureSSOHeader.js";
 import { areAllOrganizationDomainsVerified } from "./domain/organizationEnterpriseConnection.js";
+import { ActivateStep } from "./steps/ActivateStep.js";
 import { ConfigureStep } from "./steps/ConfigureStep/index.js";
-import { ConfirmationStep } from "./steps/ConfirmationStep.js";
 import { OrganizationDomainsStep } from "./steps/OrganizationDomainsStep.js";
 import { SelectProviderStep } from "./steps/SelectProviderStep.js";
 import { TestConfigurationStep } from "./steps/TestConfigurationStep.js";
@@ -18,7 +18,7 @@ const ConfigureSSOWizard = ({ title, forceInitialStep, ...props }) => {
 	const steps = React.useMemo(() => [
 		{
 			id: "verify-domain",
-			label: "Verify domain"
+			label: "Domains"
 		},
 		{
 			id: "select-provider",
@@ -26,7 +26,7 @@ const ConfigureSSOWizard = ({ title, forceInitialStep, ...props }) => {
 		},
 		{
 			id: "configure",
-			label: "Configure",
+			label: "Connection",
 			guard: () => c.hasConnection
 		},
 		{
@@ -35,8 +35,8 @@ const ConfigureSSOWizard = ({ title, forceInitialStep, ...props }) => {
 			guard: () => c.hasMinimumConfiguration || c.isActive
 		},
 		{
-			id: "confirmation",
-			label: "Confirmation",
+			id: "activate",
+			label: "Activate",
 			guard: () => c.hasSuccessfulTestRun || c.isActive
 		}
 	], [c, allDomainsVerified]);
@@ -65,8 +65,8 @@ const ConfigureSSOWizard = ({ title, forceInitialStep, ...props }) => {
 					children: /* @__PURE__ */ jsx(CardStateProvider, { children: /* @__PURE__ */ jsx(TestConfigurationStep, {}) })
 				}),
 				/* @__PURE__ */ jsx(Wizard.Match, {
-					id: "confirmation",
-					children: /* @__PURE__ */ jsx(CardStateProvider, { children: /* @__PURE__ */ jsx(ConfirmationStep, {}) })
+					id: "activate",
+					children: /* @__PURE__ */ jsx(CardStateProvider, { children: /* @__PURE__ */ jsx(ActivateStep, {}) })
 				})
 			]
 		})

package/dist/components/ConfigureSSO/ConfigureSSOWizard.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConfigureSSOWizard.js","names":[],"sources":["../../../src/components/ConfigureSSO/ConfigureSSOWizard.tsx"],"sourcesContent":["import React, { type ComponentProps } from 'react';\n\nimport { CardStateProvider } from '@/elements/contexts';\n\nimport { ConfigureSSOProvider } from './ConfigureSSOContext';\nimport { ConfigureSSOHeader } from './ConfigureSSOHeader';\nimport { areAllOrganizationDomainsVerified } from './domain/organizationEnterpriseConnection';\nimport { Wizard, type WizardStepConfig } from './elements/Wizard';\nimport {\n  ConfigureStep,\n  ConfirmationStep,\n  OrganizationDomainsStep,\n  SelectProviderStep,\n  TestConfigurationStep,\n} from './steps';\n\nexport type ConfigureSSOWizardProps = Omit<ComponentProps<typeof ConfigureSSOProvider>, 'children'> & {\n  title?: React.ReactNode;\n  forceInitialStep?: boolean;\n};\n\nexport const ConfigureSSOWizard = ({ title, forceInitialStep, ...props }: ConfigureSSOWizardProps): JSX.Element => {\n  const { organizationEnterpriseConnection: c, organizationDomains } = props;\n\n  const allDomainsVerified = areAllOrganizationDomainsVerified(organizationDomains);\n\n  const steps = React.useMemo<WizardStepConfig[]>(\n    () => [\n      { id: 'verify-domain', label: 'Verify domain' },\n      { id: 'select-provider', guard: () => allDomainsVerified },\n      { id: 'configure', label: 'Configure', guard: () => c.hasConnection },\n      { id: 'test', label: 'Test', guard: () => c.hasMinimumConfiguration || c.isActive },\n      { id: 'confirmation', label: 'Confirmation', guard: () => c.hasSuccessfulTestRun || c.isActive },\n    ],\n    [c, allDomainsVerified],\n  );\n\n  const initialStepId = forceInitialStep ? steps[0].id : undefined;\n\n  return (\n    <ConfigureSSOProvider {...props}>\n      <Wizard\n        steps={steps}\n        initialStepId={initialStepId}\n      >\n        <ConfigureSSOHeader title={title} />\n\n        <Wizard.Match id='verify-domain'>\n          <CardStateProvider>\n            <OrganizationDomainsStep />\n          </CardStateProvider>\n        </Wizard.Match>\n\n        <Wizard.Match id='select-provider'>\n          <CardStateProvider>\n            <SelectProviderStep />\n          </CardStateProvider>\n        </Wizard.Match>\n\n        <Wizard.Match id='configure'>\n          <CardStateProvider>\n            <ConfigureStep />\n          </CardStateProvider>\n        </Wizard.Match>\n\n        <Wizard.Match id='test'>\n          <CardStateProvider>\n            <TestConfigurationStep />\n          </CardStateProvider>\n        </Wizard.Match>\n\n        <Wizard.Match id='confirmation'>\n          <CardStateProvider>\n            <ConfirmationStep />\n          </CardStateProvider>\n        </Wizard.Match>\n      </Wizard>\n    </ConfigureSSOProvider>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;AAqBA,MAAa,sBAAsB,EAAE,OAAO,kBAAkB,GAAG,YAAkD;CACjH,MAAM,EAAE,kCAAkC,GAAG,wBAAwB;CAErE,MAAM,qBAAqB,kCAAkC,mBAAmB;CAEhF,MAAM,QAAQ,MAAM,cACZ;EACJ;GAAE,IAAI;GAAiB,OAAO;EAAgB;EAC9C;GAAE,IAAI;GAAmB,aAAa;EAAmB;EACzD;GAAE,IAAI;GAAa,OAAO;GAAa,aAAa,EAAE;EAAc;EACpE;GAAE,IAAI;GAAQ,OAAO;GAAQ,aAAa,EAAE,2BAA2B,EAAE;EAAS;EAClF;GAAE,IAAI;GAAgB,OAAO;GAAgB,aAAa,EAAE,wBAAwB,EAAE;EAAS;CACjG,GACA,CAAC,GAAG,kBAAkB,CACxB;CAEA,MAAM,gBAAgB,mBAAmB,MAAM,EAAE,CAAC,KAAK;CAEvD,OACE,oBAAC,sBAAD;EAAsB,GAAI;YACxB,qBAAC,QAAD;GACS;GACQ;aAFjB;IAIE,oBAAC,oBAAD,EAA2B,MAAQ;IAEnC,oBAAC,OAAO,OAAR;KAAc,IAAG;eACf,oBAAC,mBAAD,YACE,oBAAC,yBAAD,CAA0B,GACT;IACP;IAEd,oBAAC,OAAO,OAAR;KAAc,IAAG;eACf,oBAAC,mBAAD,YACE,oBAAC,oBAAD,CAAqB,GACJ;IACP;IAEd,oBAAC,OAAO,OAAR;KAAc,IAAG;eACf,oBAAC,mBAAD,YACE,oBAAC,eAAD,CAAgB,GACC;IACP;IAEd,oBAAC,OAAO,OAAR;KAAc,IAAG;eACf,oBAAC,mBAAD,YACE,oBAAC,uBAAD,CAAwB,GACP;IACP;IAEd,oBAAC,OAAO,OAAR;KAAc,IAAG;eACf,oBAAC,mBAAD,YACE,oBAAC,kBAAD,CAAmB,GACF;IACP;GACR;;CACY;AAE1B"}
+{"version":3,"file":"ConfigureSSOWizard.js","names":[],"sources":["../../../src/components/ConfigureSSO/ConfigureSSOWizard.tsx"],"sourcesContent":["import React, { type ComponentProps } from 'react';\n\nimport { CardStateProvider } from '@/elements/contexts';\n\nimport { ConfigureSSOProvider } from './ConfigureSSOContext';\nimport { ConfigureSSOHeader } from './ConfigureSSOHeader';\nimport { areAllOrganizationDomainsVerified } from './domain/organizationEnterpriseConnection';\nimport { Wizard, type WizardStepConfig } from './elements/Wizard';\nimport {\n  ActivateStep,\n  ConfigureStep,\n  OrganizationDomainsStep,\n  SelectProviderStep,\n  TestConfigurationStep,\n} from './steps';\n\nexport type ConfigureSSOWizardProps = Omit<ComponentProps<typeof ConfigureSSOProvider>, 'children'> & {\n  title?: React.ReactNode;\n  forceInitialStep?: boolean;\n};\n\nexport const ConfigureSSOWizard = ({ title, forceInitialStep, ...props }: ConfigureSSOWizardProps): JSX.Element => {\n  const { organizationEnterpriseConnection: c, organizationDomains } = props;\n\n  const allDomainsVerified = areAllOrganizationDomainsVerified(organizationDomains);\n\n  const steps = React.useMemo<WizardStepConfig[]>(\n    () => [\n      { id: 'verify-domain', label: 'Domains' },\n      { id: 'select-provider', guard: () => allDomainsVerified },\n      { id: 'configure', label: 'Connection', guard: () => c.hasConnection },\n      { id: 'test', label: 'Test', guard: () => c.hasMinimumConfiguration || c.isActive },\n      { id: 'activate', label: 'Activate', guard: () => c.hasSuccessfulTestRun || c.isActive },\n    ],\n    [c, allDomainsVerified],\n  );\n\n  const initialStepId = forceInitialStep ? steps[0].id : undefined;\n\n  return (\n    <ConfigureSSOProvider {...props}>\n      <Wizard\n        steps={steps}\n        initialStepId={initialStepId}\n      >\n        <ConfigureSSOHeader title={title} />\n\n        <Wizard.Match id='verify-domain'>\n          <CardStateProvider>\n            <OrganizationDomainsStep />\n          </CardStateProvider>\n        </Wizard.Match>\n\n        <Wizard.Match id='select-provider'>\n          <CardStateProvider>\n            <SelectProviderStep />\n          </CardStateProvider>\n        </Wizard.Match>\n\n        <Wizard.Match id='configure'>\n          <CardStateProvider>\n            <ConfigureStep />\n          </CardStateProvider>\n        </Wizard.Match>\n\n        <Wizard.Match id='test'>\n          <CardStateProvider>\n            <TestConfigurationStep />\n          </CardStateProvider>\n        </Wizard.Match>\n\n        <Wizard.Match id='activate'>\n          <CardStateProvider>\n            <ActivateStep />\n          </CardStateProvider>\n        </Wizard.Match>\n      </Wizard>\n    </ConfigureSSOProvider>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;AAqBA,MAAa,sBAAsB,EAAE,OAAO,kBAAkB,GAAG,YAAkD;CACjH,MAAM,EAAE,kCAAkC,GAAG,wBAAwB;CAErE,MAAM,qBAAqB,kCAAkC,mBAAmB;CAEhF,MAAM,QAAQ,MAAM,cACZ;EACJ;GAAE,IAAI;GAAiB,OAAO;EAAU;EACxC;GAAE,IAAI;GAAmB,aAAa;EAAmB;EACzD;GAAE,IAAI;GAAa,OAAO;GAAc,aAAa,EAAE;EAAc;EACrE;GAAE,IAAI;GAAQ,OAAO;GAAQ,aAAa,EAAE,2BAA2B,EAAE;EAAS;EAClF;GAAE,IAAI;GAAY,OAAO;GAAY,aAAa,EAAE,wBAAwB,EAAE;EAAS;CACzF,GACA,CAAC,GAAG,kBAAkB,CACxB;CAEA,MAAM,gBAAgB,mBAAmB,MAAM,EAAE,CAAC,KAAK;CAEvD,OACE,oBAAC,sBAAD;EAAsB,GAAI;YACxB,qBAAC,QAAD;GACS;GACQ;aAFjB;IAIE,oBAAC,oBAAD,EAA2B,MAAQ;IAEnC,oBAAC,OAAO,OAAR;KAAc,IAAG;eACf,oBAAC,mBAAD,YACE,oBAAC,yBAAD,CAA0B,GACT;IACP;IAEd,oBAAC,OAAO,OAAR;KAAc,IAAG;eACf,oBAAC,mBAAD,YACE,oBAAC,oBAAD,CAAqB,GACJ;IACP;IAEd,oBAAC,OAAO,OAAR;KAAc,IAAG;eACf,oBAAC,mBAAD,YACE,oBAAC,eAAD,CAAgB,GACC;IACP;IAEd,oBAAC,OAAO,OAAR;KAAc,IAAG;eACf,oBAAC,mBAAD,YACE,oBAAC,uBAAD,CAAwB,GACP;IACP;IAEd,oBAAC,OAAO,OAAR;KAAc,IAAG;eACf,oBAAC,mBAAD,YACE,oBAAC,cAAD,CAAe,GACE;IACP;GACR;;CACY;AAE1B"}