https://www.ringee.io/_next/static/chunks/planDetails.1adf358b16212c10.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[464,6167,9794],{4824:(e,r,t)=>{t.d(r,{P:()=>n,r:()=>a});var o=t(56029);let n=o.createContext(null);n.displayName="RouteContext";let a=()=>{let e=o.useContext(n);if(!e)throw Error("useRouter called while Router is null");return e}},9794:(e,r,t)=>{t.r(r),t.d(r,{Drawer:()=>C,useDrawerContext:()=>x});var o=t(55427),n=t(10495),a=t(16056),i=t(96116),l=t(58063),s=t(36354),d=t(65e3),c=t(15840),u=t(79993),p=t(15213),m=t(56029),h=t(61206),f=t(49186),g=t(78968);let $=m.createContext(null),x=()=>{let e=m.useContext($);if(!e)throw Error("Drawer components must be wrapped in <Drawer.Root>");return e};function w({children:e,open:r,onOpenChange:t,strategy:o="fixed",floatingProps:n,portalProps:a,dismissProps:i}){let l="undefined"==typeof window?"ltr":function(e){let r=e.dir;return"rtl"===r?"rtl":"ltr"===r||"auto"!==r&&r||"rtl"!==window.getComputedStyle(e).direction?"ltr":"rtl"}(document.documentElement),s=(0,g.Sj)(),d=a?.root??s?.()??void 0,c=(0,f.fI)(),{refs:u,context:p}=(0,f.we)({open:r,onOpenChange:t,nodeId:c,transform:!1,strategy:o,placement:"ltr"===l?"right":"left",...n}),{getFloatingProps:m}=(0,f.bv)([(0,f.kp)(p),(0,f.s9)(p,i),(0,f.It)(p)]);return(0,h.Y)(f.$c,{id:c,children:(0,h.Y)($.Provider,{value:{isOpen:r,setIsOpen:t,strategy:o,portalProps:{...a,root:d},refs:u,context:p,getFloatingProps:m,direction:l},children:(0,h.Y)(f.XF,{...a,root:d,children:e})})})}let b=m.forwardRef(function(e,r){let{strategy:t}=x(),{disableScrollLock:o,enableScrollLock:n}=(0,a.K)();return(0,g.UQ)(()=>{if("fixed"===t)return n(),()=>{o()}},[t,o,n]),(0,h.Y)(u.Box,{ref:r,...e,elementDescriptor:c.$.drawerBackdrop,sx:[e=>({inset:0,backgroundColor:i.T.setAlpha(e.colors.$colorBackground,.28)}),e.sx]})}),y=m.forwardRef((e,r)=>{let{strategy:t,context:o}=x(),{isMounted:n,styles:a}=(0,f.DL)(o,{initial:{opacity:0}

1,open:{opacity:1},close:{opacity:0},common:{position:t,inset:0,transitionProperty:"opacity",transitionTimingFunction:l._8.bezier},duration:l.wz.drawer});return n?(0,h.Y)(b,{ref:r,style:{...a}}):null});y.displayName="Drawer.Overlay";let D=m.forwardRef(({children:e},r)=>{let t=(0,n.j)(),{animations:o}=(0,s.KP)().parsedOptions,{strategy:a,refs:i,context:d,getFloatingProps:p,direction:m}=x(),g=(0,f.SV)([r,i.setFloating]),{isMounted:$,styles:w}=(0,f.DL)(d,{initial:{transform:"translate3d(var(--transform-offset), 0, 0)"},open:{transform:"translate3d(0, 0, 0)"},close:{transform:"translate3d(var(--transform-offset), 0, 0)"},common:{transitionProperty:"transform",transitionTimingFunction:l._8.bezier},duration:t||!0!==o?0:l.wz.drawer});return $?(0,h.Y)(f.s3,{context:d,modal:!0,outsideElementsInert:!0,initialFocus:i.floating,children:(0,h.Y)(u.Box,{ref:g,...p(),sx:e=>({position:a,insetBlock:0,insetInline:0,pointerEvents:"none",isolation:"isolate",zIndex:"absolute"===a?e.zIndices.$modal:void 0}),elementDescriptor:c.$.drawerRoot,children:(0,h.Y)(u.Flex,{elementDescriptor:c.$.drawerContent,style:w,direction:"col",sx:e=>({"--transform-offset":"fixed"===a?`calc((100% + ${e.space.$3} + ${e.space.$8x75}) * ${"rtl"===m?-1:1})`:`calc((100% + ${e.space.$8x75}) * ${"rtl"===m?-1:1})`,willChange:"transform",position:a,insetBlock:"fixed"===a?e.space.$3:0,insetInlineEnd:"fixed"===a?e.space.$3:0,outline:0,width:e.sizes.$100,maxWidth:"fixed"===a?`calc(100% - ${e.space.$6})`:"100%",backgroundColor:e.colors.$colorBackground,borderStartStartRadius:e.radii.$lg,borderEndStartRadius:e.radii.$lg,borderEndEndRadius:"fixed"===a?e.radii.$lg:0,borderStartEndRadius:"fixed"===a?e.radii.$lg:0,borderWidth:e.borderWidths.$normal,borderStyle:e.borderStyles.$solid,borderColor:e.colors.$borderAlpha150,overflow:"hidden",pointerEvents:"auto"}),children:e})})}):null});D.displayName="Drawer.Content";let v=m.forwardRef(({title:e,children:r,sx:t},o)=>(0,h.Y)(u.Box,{ref:o,elementDescriptor:c.$.drawerHeader,as:"header",sx:[r=>({display:"flex",background:d.s.mergedColorsBackground(i.T.setAlpha(r.colors.$colorBackground,1),r.colors.$neutralAlpha50),borderBlockEndWidth:r.borderWidths.$normal,borderBlockEndStyle:r.borderStyles.$solid,borderBlockEndColor:r.colors.$borderAlpha150,borderStartStartRadius:r.radii.$lg,borderStartEndRadius:r.radii.$lg,paddingBlock:e?r.space.$3:void 0,paddingInline:e?r.space.$4:void 0}),t],children:e?(0,h.FD)(h.FK,{children:[(0,h.Y)(u.Heading,{localizationKey:e,as:"h2",elementDescriptor:c.$.drawerTitle,textVariant:"h2",sx:{alignSelf:"center"}}),(0,h.Y)(F,{})]}):r})),S=m.forwardRef(({children:e,...r},t)=>(0,h.Y)(u.Box,{ref:t,elementDescriptor:c.$.drawerBody,sx:[()=>({display:"flex",flexDirection:"column",flex:1,overflowY:"auto",overflowX:"hidden"}),r.sx],...r,children:e})),Y=m.forwardRef(({children:e,sx:r,...t},o)=>(0,h.Y)(u.Box,{ref:o,elementDescriptor:c.$.drawerFooter,sx:[e=>({display:"flex",flexDirection:"column",background:d.s.mergedColorsBackground(i.T.setAlpha(e.colors.$colorBackground,1),e.colors.$neutralAlpha50),borderBlockStartWidth:e.borderWidths.$normal,borderBlockStartStyle:e.borderStyles.$solid,borderBlockStartColor:e.colors.$borderAlpha100,borderEndStartRadius:e.radii.$xl,borderEndEndRadius:e.radii.$xl,paddingBlock:e.space.$3,paddingInline:e.space.$4}),r],...t,children:e})),F=m.forwardRef((e,r)=>{let{setIsOpen:t}=x();return(0,h.Y)(p.K,{ref:r,elementDescriptor:c.$.drawerClose,variant:"ghost","aria-label":"Close drawer",onClick:()=>t(!1),icon:(0,h.Y)(u.Icon,{icon:o.A}),sx:e=>({color:e.colors.$colorMutedForeground,padding:e.space.$3,marginInlineStart:"auto"})})});F.displayName="Drawer.Close";let k=m.forwardRef(({open:e,onOpenChange:r,children:t,actionsSlot:o,roleProps:a},p)=>{let m=(0,n.j)(),{animations:g}=(0,s.KP)().parsedOptions,{refs:$,context:x}=(0,f.we)({open:e,onOpenChange:r,transform:!1,strategy:"absolute"}),{getFloatingProps:w}=(0,f.bv)([(0,f.kp)(x),(0,f.s9)(x),(0,f.It)(x,{role:"alertdialog",...a})]),b=(0,f.SV)([p,$.setFloating]),{styles:y}=(0,f.DL)(x,{initial:{opacity:0}

1,open:{opacity:1},close:{opacity:0},common:{transitionProperty:"opacity",transitionTimingFunction:l._8.bezier},duration:l.wz.drawer}),{isMounted:D,styles:v}=(0,f.DL)(x,{initial:{transform:"translate3D(0, 100%, 0)"},open:{transform:"translate3D(0, 0, 0)"},close:{transform:"translate3D(0, 100%, 0)"},common:{transitionProperty:"transform",transitionTimingFunction:l._8.bezier},duration:m||!0!==g?0:l.wz.drawer});return D?(0,h.FD)(h.FK,{children:[(0,h.Y)(u.Span,{elementDescriptor:c.$.drawerConfirmationBackdrop,style:y,sx:e=>({position:"absolute",inset:0,backgroundImage:`linear-gradient(to bottom, ${i.T.setAlpha(e.colors.$colorBackground,.28)}, ${e.colors.$colorBackground})`})}),(0,h.Y)(f.s3,{context:x,modal:!0,outsideElementsInert:!0,initialFocus:$.floating,children:(0,h.FD)(u.Box,{ref:b,elementDescriptor:c.$.drawerConfirmationRoot,style:v,...w(),sx:e=>({display:"flex",flexDirection:"column",rowGap:e.space.$6,outline:"none",willChange:"transform",position:"absolute",bottom:0,left:0,right:0,background:d.s.mergedColorsBackground(i.T.setAlpha(e.colors.$colorBackground,1),e.colors.$neutralAlpha50),padding:e.space.$4,borderStartStartRadius:e.radii.$md,borderStartEndRadius:e.radii.$md,boxShadow:`0 0 0 1px ${e.colors.$borderAlpha100}`}),children:[t,(0,h.Y)(u.Flex,{elementDescriptor:c.$.drawerConfirmationActions,gap:3,justify:"end",children:o})]})})]}):null});k.displayName="Drawer.Confirmation";let C={Root:function(e){return null==(0,f.R1)()?(0,h.Y)(f.P6,{children:(0,h.Y)(w,{...e})}):(0,h.Y)(w,{...e})},Overlay:y,Content:D,Header:v,Body:S,Footer:Y,Confirmation:k,Close:F}},10495:(e,r,t)=>{t.d(r,{j:()=>i});var o=t(56029);let n="(prefers-reduced-motion: no-preference)",a=()=>"undefined"==typeof window||!window.matchMedia(n).matches;function i(){let[e,r]=(0,o.useState)(a);return(0,o.useEffect)(()=>{var e;let t=window.matchMedia(n);r(!window.matchMedia(n).matches);let o=e=>{r(!e.matches)},a=(e,r)=>"addEventListener"in t?t.removeEventListener(e,r):t.removeListener(r);return e="change","addEventListener"in t?t.addEventListener(e,o):t.addListener(o),()=>a("change",o)},[]),e}},12896:(e,r,t)=>{t.d(r,{S:()=>i});var o=t(36354);t(56029);var n=t(61206),a=t(31989);let i=e=>{let{parsedInternalTheme:r}=(0,o.KP)();return(0,n.Y)(a.a,{theme:r,children:e.children})}},15213:(e,r,t)=>{t.d(r,{K:()=>l});var o=t(39321),n=t(79993),a=t(56029),i=t(61206);let l=e=>{let{children:r,icon:t,localizationKey:l,iconElementDescriptor:s,...d}=e,{t:c}=(0,o._)(),u=c(l),p=(0,a.isValidElement)(t)?(0,a.cloneElement)(t,{"aria-hidden":!0,focusable:!1}):(0,i.Y)(n.Icon,{elementDescriptor:s,icon:t,size:"md"});return(0,i.Y)(n.Button,{...d,children:(0,i.FD)(i.FK,{children:[p,u||r]})})}},16056:(e,r,t)=>{t.d(r,{K:()=>a});let o=0,n=()=>{};function a(){return{enableScrollLock:()=>{1==++o&&(n=function(){let e=/iP(hone|ad|od)|iOS/.test(function(){let e=navigator.userAgentData;return e?.platform?e.platform:navigator.platform}()),r=document.body.style,t=Math.round(document.documentElement.getBoundingClientRect().left)+document.documentElement.scrollLeft?"paddingLeft":"paddingRight",o=window.innerWidth-document.documentElement.clientWidth,n=r.left?parseFloat(r.left):window.scrollX,a=r.top?parseFloat(r.top):window.scrollY;if(r.overflow="hidden",o&&(r[t]=`${o}px`),e){let e=window.visualViewport?.offsetLeft||0,t=window.visualViewport?.offsetTop||0;Object.assign(r,{position:"fixed",top:`${-(a-Math.floor(t))}px`,left:`${-(n-Math.floor(e))}px`,right:"0"})}return()=>{Object.assign(r,{overflow:"",[t]:""}),e&&(Object.assign(r,{position:"",top:"",left:"",right:""}),window.scrollTo(n,a))}}())},disableScrollLock:()=>{0==--o&&n()}}}},26286:(e,r,t)=>{t.d(r,{F:()=>s});var o=t(55427),n=t(39321),a=t(15840),i=t(79993),l=t(61206);let s=e=>{let{children:r,title:t,subtitle:s,variant:d="warning",onDismiss:c,dismissLabel:u,...p}=e,{t:m}=(0,n._)();if(!r&&!t&&!s)return null;let h="danger"===d?"danger":"warning"===d?"warning":"secondary",f="info"===d?"neutral":d;return(0,l.FD)(i.Alert,{elementDescriptor:a.$.alert,elementId:a.$.alert.setId(d),colorScheme:d,align:"start",gap:2,...p,sx:[p.sx],children:[(0,l.Y)(i.AlertIcon,{elementId:a.$.alert.setId(d),elementDescriptor:a.$.alertIcon,variant:d,colorScheme:d,sx:{flexShrink:"0"}}),(0,l.FD)(i.Col,{elementDescriptor:a.$.alertTextContainer,elementId:a.$.alertTextContainer.setId(d),gap:1,sx:{textAlign:"start"},children:[(0,l.Y)(i.Text,{elementDescriptor:a.$.alertText,elementId:a.$.alert.setId(d),colorScheme:h,variant:s?"h3":"body",localizationKey:t,children:r}),s&&(0,l.Y)(i.Text,{elementDescriptor:a.$.alertText,elementId:a.$.alert.setId(d),colorScheme:h,variant:"body",localizationKey:s})]}),c&&(0,l.Y)(i.Button,{variant:"ghost",colorScheme:"danger"===d?"danger":"neutral","aria-label":"string"==typeof u?u:u?m(u):void 0,onClick:c,sx:e=>({flexShrink:0,padding:e.space.$1,marginInlineStart:"auto",marginBlockStart:`calc(-1 * ${e.space.$1})`}),children:(0,l.Y)(i.Icon,{icon:o.A,size:"md",colorScheme:f})})]})}},36167:(e,r,t)=>{t.r(r),t.d(r,{CardStateProvider:()=>u,FlowMetadataProvider:()=>g,useCardState:()=>p,useFlowMetadata:()=>f,withCardStateProvider:()=>m,withFloatingTree:()=>$});var o=t(4824),n=t(39321),a=t(56029),i=t(78968),l=t(61206),s=t(49186);let[d,c]=(0,i.e3)("CardState"),u=e=>{let{translateError:r}=(0,n._)(),t=(0,o.r)(),[i,s]=a.useState(()=>({status:"idle",metadata:void 0,error:r(window?.Clerk?.__internal_last_error||void 0)}));a.useEffect(()=>{let e=window?.Clerk?.__internal_last_error;e&&s(t=>({...t,error:r(e)}))},[r,s,t.currentPath]);let c=a.useMemo(()=>({value:{state:i,setState:s}}),[i,s]);return(0,l.Y)(d.Provider,{value:c,children:e.children})},p=()=>{let{state:e,setState:r}=c(),{translateError:t}=(0,n._)(),o=e=>r(r=>({...r,status:"idle",metadata:e})),a=e=>r(r=>({...r,status:"loading",metadata:e})),i=async(e,r)=>(a(r),("function"==typeof e?e():e).then(e=>e).finally(()=>o(r)));return{setIdle:o,setError:e=>r(r=>({...r,error:t(e)}

1)),setLoading:a,runAsync:i,loadingMetadata:"loading"===e.status?e.metadata:void 0,error:e.error?e.error:void 0,isLoading:"loading"===e.status,isIdle:"idle"===e.status,state:e}},m=e=>r=>(0,l.Y)(u,{children:(0,l.Y)(e,{...r})}),[h,f]=(0,i.e3)("FlowMetadata"),g=e=>{let{flow:r,part:t}=e,o=a.useMemo(()=>({value:e}),[r,t]);return(0,l.Y)(h.Provider,{value:o,children:e.children})},$=e=>r=>null==(0,s.R1)()?(0,l.Y)(s.P6,{children:(0,l.Y)(e,{...r})}):(0,l.Y)(e,{...r})},55427:(e,r,t)=>{t.d(r,{A:()=>i});var o,n=t(56029);function a(){return(a=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var o in t)({}).hasOwnProperty.call(t,o)&&(e[o]=t[o])}return e}).apply(null,arguments)}var i=function(e){return n.createElement("svg",a({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 16 16"},e),o||(o=n.createElement("path",{stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.5,d:"M4.75 4.75 8 8m0 0 3.25 3.25M8 8l3.25-3.25M8 8l-3.25 3.25"})))}},61113:(e,r,t)=>{t.d(r,{e:()=>s});var o=t(65e3),n=t(15840),a=t(79993),i=t(56029),l=t(61206);let s=e=>{let{size:r=()=>26,title:t,initials:o,imageUrl:s,rounded:c=!0,imageFetchSize:u=80,sx:p,boxElementDescriptor:m,imageElementDescriptor:h,showLoadingSpinner:f=!1}=e,[g,$]=i.useState(!1),[x,w]=i.useState(!1),[b,y]=i.useState(!1),D=i.useRef(null),v=i.useRef(null);i.useEffect(()=>(w(!1),$(!1),y(!1),D.current=null,()=>{v.current&&(clearTimeout(v.current),v.current=null)}),[s]),i.useEffect(()=>{if(!f||!s||x||g)return;let e=setTimeout(()=>{y(!0),D.current=Date.now()},150);return()=>clearTimeout(e)},[f,s,x,g]);let S=i.useCallback(()=>{if(D.current){let e=400-(Date.now()-D.current);if(e>0){v.current=setTimeout(()=>{v.current=null,w(!0)},e);return}}w(!0)},[]),Y=f&&b&&s&&!x&&!g,F=o&&(!s||g)?(0,l.Y)(d,{initials:o}):(0,l.Y)(a.Image,{elementDescriptor:[h,n.$.avatarImage],title:t,alt:`${t}'s logo`,src:s||"",decoding:"sync",sx:{objectFit:"cover",width:"100%",height:"100%",opacity:f?+!!x:1,transition:"opacity 0.2s ease-in-out"},onError:()=>$(!0),onLoad:S,size:u});return(0,l.FD)(a.Flex,{as:"span",elementDescriptor:[m,n.$.avatarBox],sx:[e=>({flexShrink:0,borderRadius:c?e.radii.$circle:e.radii.$avatar,overflow:"hidden",width:r(e),height:r(e),backgroundColor:e.colors.$avatarBackground,backgroundClip:"padding-box",position:"relative"}),p],children:[F,Y&&(0,l.Y)(a.Flex,{as:"span",sx:e=>({position:"absolute",inset:0,alignItems:"center",justifyContent:"center",backgroundColor:e.colors.$avatarBackground}),children:(0,l.Y)(a.Spinner,{size:"sm",colorScheme:"neutral"})}),(0,l.Y)(a.Box,{as:"span",sx:e=>({overflow:"hidden",background:e.colors.$colorShimmer,position:"absolute",top:0,left:0,width:"25%",height:"100%",transition:`all ${e.transitionDuration.$slow} ${e.transitionTiming.$easeOut}`,transform:"var(--cl-shimmer-hover-transform, skewX(-45deg) translateX(-300%))",":after":{display:"block",boxSizing:"border-box",content:"''",position:"absolute",top:0,left:0,width:"400%",height:"100%",transform:"var(--cl-shimmer-hover-after-transform, skewX(45deg) translateX(75%))",transition:`all ${e.transitionDuration.$slow} ${e.transitionTiming.$easeOut}`,borderWidth:e.borderWidths.$heavy,borderStyle:e.borderStyles.$solid,borderColor:e.colors.$colorShimmer,borderRadius:c?e.radii.$circle:e.radii.$avatar}})})]})},d=e=>{let r=e.initials;return(0,l.Y)(a.Text,{as:"span",sx:e=>({...o.s.centeredFlex("inline-flex"),width:"100%",color:e.colors.$colorForeground}),children:r})}},77174:(e,r,t)=>{t.d(r,{n:()=>p});var o=t(12896),n=t(15840),a=t(90558),i=t(28030),l=t(56029),s=t(61206);let d=l.memo(e=>{let[r,t]=l.useState(!0),o=l.useRef(null);return l.useEffect(()=>{let n=o.current;n&&(r&&t(!1),n.setAttribute("class",e.className),"isFlowReady"in e&&n.setAttribute("data-component-status",e.isFlowReady?"ready":"awaiting-data"))},[e.className,e.isFlowReady]),(0,s.FD)(s.FK,{children:[e.children,r&&(0,s.Y)("span",{ref:e=>o.current=e?e.parentElement:o.current,"aria-hidden":!0,style:{display:"none"}})]})}),c=(0,i.H)(d,{defaultStyles:e=>({boxSizing:"border-box",width:"fit-content",fontFamily:e.fonts.$main,fontStyle:e.fontStyles.$normal})});var u=t(36167);let p={Root:e=>(0,s.Y)(u.FlowMetadataProvider,{flow:e.flow,children:(0,s.Y)(o.S,{children:(0,s.Y)(c,{elementDescriptor:n.$.rootBox,className:(0,a.DV)(e),...e})})}),Part:e=>{let{flow:r}=(0,u.useFlowMetadata)();return(0,s.Y)(u.FlowMetadataProvider,{flow:r,part:e.part,children:(0,s.Y)(o.S,{children:e.children})})}}},88850:(e,r,t)=>{t.d(r,{N7:()=>l,XX:()=>i,m$:()=>a});var o=t(56029);let n="user",a=(0,o.createContext)(n),i=()=>(0,o.useContext)(a)||n,l=()=>"user"===i()?"userProfile":"organizationProfile"},93545:(e,r,t)=>{t.r(r),t.d(r,{PlanDetails:()=>g});var o=t(973),n=t(88850),a=t(39321),i=t(15840),l=t(77174),s=t(79993),d=t(26286),c=t(61113),u=t(9794),p=t(94204),m=t(56029),h=t(61206),f=t(78968);let g=e=>(0,h.Y)(l.n.Root,{flow:"planDetails",children:(0,h.Y)(l.n.Part,{children:(0,h.Y)(u.Drawer.Content,{children:(0,h.Y)(w,{...e})})})}),$=({children:e})=>(0,h.Y)(u.Drawer.Body,{sx:e=>({display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",flex:1,overflowY:"auto",padding:e.space.$4,gap:e.space.$4}),children:e}),x=({error:e})=>{let{translateError:r}=(0,a._)();return(0,h.Y)($,{children:(0,h.Y)(d.F,{variant:"danger",colorScheme:"danger",children:r(e.errors[0])})})},w=({planId:e,plan:r,initialPlanPeriod:t="month"})=>{let[a,l]=(0,m.useState)(t),{data:d,isLoading:p,error:g}=(0,f.Dc)({planId:e,initialPlan:r,enabled:!!(e||r?.id)});if(p&&!r)return(0,h.Y)($,{children:(0,h.Y)(s.Spinner,{})});if(!d&&g)return(0,h.Y)(x,{error:g});if(!d)return null;let w=d.features,y=w.length>0;return(0,h.FD)(n.m$.Provider,{value:"org"===d.forPayerType?"organization":"user",children:[(0,h.Y)(u.Drawer.Header,{sx:e=>y?null:{flex:1,borderBottomWidth:0,background:e.colors.$colorBackgroun

1d},children:(0,h.Y)(b,{plan:d,planPeriod:a,setPlanPeriod:l,closeSlot:(0,h.Y)(u.Drawer.Close,{})})}),y?(0,h.FD)(u.Drawer.Body,{children:[(0,h.Y)(s.Text,{elementDescriptor:i.$.planDetailCaption,variant:"caption",localizationKey:(0,o.G)("billing.availableFeatures"),colorScheme:"secondary",sx:e=>({padding:e.space.$4,paddingBottom:0})}),(0,h.Y)(s.Box,{elementDescriptor:i.$.planDetailFeaturesList,as:"ul",role:"list",sx:e=>({display:"grid",rowGap:e.space.$6,padding:e.space.$4,margin:0}),children:w.map(e=>(0,h.FD)(s.Box,{elementDescriptor:i.$.planDetailFeaturesListItem,as:"li",sx:e=>({display:"flex",alignItems:"baseline",gap:e.space.$3}),children:[e.avatarUrl?(0,h.Y)(c.e,{size:e=>24,title:e.name,initials:e.name[0],rounded:!1,imageUrl:e.avatarUrl}):null,(0,h.FD)(s.Span,{elementDescriptor:i.$.planDetailFeaturesListItemContent,children:[(0,h.Y)(s.Text,{elementDescriptor:i.$.planDetailFeaturesListItemTitle,colorScheme:"body",sx:e=>({fontWeight:e.fontWeights.$medium}),children:e.name}),e.description?(0,h.Y)(s.Text,{elementDescriptor:i.$.planDetailFeaturesListItemDescription,colorScheme:"secondary",sx:e=>({marginBlockStart:e.space.$0x25}),children:e.description}):null]})]},e.id))})]}):null]})},b=m.forwardRef((e,r)=>{let{plan:t,closeSlot:n,planPeriod:l,setPlanPeriod:d}=e,{$:u}=(0,a._)(),p=(0,m.useMemo)(()=>t.annualMonthlyFee&&"annual"===l?t.annualMonthlyFee:t.fee,[t,l]),f=m.useMemo(()=>p?u(p,{style:"short"}):"",[p,u]);return(0,h.FD)(s.Box,{ref:r,elementDescriptor:i.$.planDetailHeader,sx:e=>({width:"100%",padding:e.space.$4,position:"relative"}),children:[n?(0,h.Y)(s.Box,{sx:e=>({position:"absolute",top:e.space.$2,insetInlineEnd:e.space.$2}),children:n}):null,(0,h.FD)(s.Col,{gap:3,elementDescriptor:i.$.planDetailBadgeAvatarTitleDescriptionContainer,children:[t.avatarUrl?(0,h.Y)(c.e,{boxElementDescriptor:i.$.planDetailAvatar,size:e=>40,title:t.name,initials:t.name[0],rounded:!1,imageUrl:t.avatarUrl,sx:e=>({marginBlockEnd:e.space.$3})}):null,(0,h.FD)(s.Col,{gap:1,elementDescriptor:i.$.planDetailTitleDescriptionContainer,children:[(0,h.Y)(s.Heading,{elementDescriptor:i.$.planDetailTitle,as:"h2",textVariant:"h2",children:t.name}),t.description?(0,h.Y)(s.Text,{elementDescriptor:i.$.planDetailDescription,variant:"subtitle",colorScheme:"secondary",children:t.description}):null]})]}),(0,h.Y)(s.Flex,{elementDescriptor:i.$.planDetailFeeContainer,align:"center",wrap:"wrap",sx:e=>({marginTop:e.space.$3,columnGap:e.space.$1x5}),children:(0,h.FD)(h.FK,{children:[(0,h.Y)(s.Text,{elementDescriptor:i.$.planDetailFee,variant:"h1",colorScheme:"body",children:f}),(0,h.Y)(s.Text,{elementDescriptor:i.$.planDetailFeePeriod,variant:"caption",colorScheme:"secondary",sx:e=>({textTransform:"lowercase",":before":{content:'"/"',marginInlineEnd:e.space.$1}}),localizationKey:(0,o.G)("billing.month")})]})}),(0,h.Y)(y,{plan:t,planPeriod:l,setPlanPeriod:d})]})}),y=({plan:e,planPeriod:r,setPlanPeriod:t})=>e.fee&&e.annualMonthlyFee?(0,h.Y)(s.Box,{elementDescriptor:i.$.planDetailPeriodToggle,sx:e=>({display:"flex",marginTop:e.space.$3}),children:(0,h.Y)(p.d,{isChecked:"annual"===r,onChange:e=>

1t(e?"annual":"month"),label:(0,o.G)("billing.billedAnnually")})}):e.annualMonthlyFee?(0,h.Y)(s.Text,{elementDescriptor:i.$.pricingTableCardFeePeriodNotice,variant:"caption",colorScheme:"secondary",localizationKey:e.isDefault?(0,o.G)("billing.alwaysFree"):(0,o.G)("billing.billedAnnuallyOnly"),sx:e=>({justifySelf:"flex-start",alignSelf:"center",marginTop:e.space.$3})}):(0,h.Y)(s.Text,{elementDescriptor:i.$.pricingTableCardFeePeriodNotice,variant:"caption",colorScheme:"secondary",localizationKey:e.isDefault?(0,o.G)("billing.alwaysFree"):(0,o.G)("billing.billedMonthlyOnly"),sx:e=>({justifySelf:"flex-start",alignSelf:"center",marginTop:e.space.$3})})},94204:(e,r,t)=>{t.d(r,{d:()=>s});var o=t(65e3),n=t(15840),a=t(79993),i=t(56029),l=t(61206);let s=(0,i.forwardRef)(({id:e,isChecked:r,defaultChecked:t,onChange:s,isDisabled:d=!1,label:c,"aria-label":u,"aria-labelledby":p},m)=>{let[h,f]=(0,i.useState)(!!t),g=void 0!==r,$=g?r:h,x=void 0!==c;return(0,l.FD)(a.Flex,{ref:m,elementDescriptor:n.$.switchRoot,direction:"row",align:"center",as:"label",sx:e=>({position:"relative",isolation:"isolate",width:"fit-content","&:has(input:focus-visible) > input + span":{...o.s.focusRingStyles(e)}}),children:[(0,l.Y)("input",{id:e,type:"checkbox",role:"switch",disabled:d,defaultChecked:t,checked:$,onChange:e=>{d||(g||f(e.target.checked),s?.(e.target.checked))},"aria-label":u,"aria-labelledby":p,style:{...o.s.visuallyHidden(),inset:0}}),(0,l.Y)(a.Flex,{elementDescriptor:n.$.switchIndicator,as:"span","data-checked":$,sx:e=>({width:e.sizes.$6,height:e.sizes.$4,alignItems:"center",position:"relative",backgroundColor:$?e.colors.$primary500:e.colors.$neutralAlpha150,borderRadius:999,transition:"background-color 0.2s",opacity:d?.6:1,cursor:d?"not-allowed":"pointer",outline:"none",boxSizing:"border-box",boxShadow:"0px 0px 0px 1px rgba(0, 0, 0, 0.06) inset"}),children:(0,l.Y)(a.Flex,{as:"span",elementDescriptor:n.$.switchThumb,sx:e=>({position:"absolute",left:e.sizes.$0x5,width:e.sizes.$3,height:e.sizes.$3,borderRadius:"50%",backgroundColor:e.colors.$colorBackground,boxShadow:e.shadows.$switchControl,transform:`translateX(${$?e.sizes.$2:0})`,transition:"transform 0.2s",zIndex:1})})}),x?(0,l.Y)(a.Text,{as:"span",variant:"caption",colorScheme:"secondary",localizationKey:c,sx:e=>({paddingInlineStart:e.sizes.$2,cursor:d?"not-allowed":"pointer",userSelect:"none"})}):null]})});s.displayName="Switch"}}]);