https://www.fightrealm.com/_next/static/chunks/3439-e1726444195972c2.js

1!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},t=(new e.Error).stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="2d492673-07d1-409f-a3f6-cb78e37420a3",e._sentryDebugIdIdentifier="sentry-dbid-2d492673-07d1-409f-a3f6-cb78e37420a3")}catch(e){}}();"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3439],{46950:function(e,t,n){n.d(t,{Z:function(){return y}});var r=n(30137),s=n(76341),i=n(67462),l=n(93128),o=n(97582),a=n(85893),c=n(67294),d=n(5152),u=n.n(d),x=n(54465),m=n(67814),p=n(59417),h=n(47584),f=n(13543),b=n(45380),g=n(85182),v=u()(function(){return Promise.all([n.e(6664),n.e(5856)]).then(n.bind(n,85856))},{loadableGenerated:{webpack:function(){return[85856]}},ssr:!1}),j=(0,x.J)("pk_live_51RyiaeCzOZFIG5GcQ30mcWM4HwzdLoxNLhuiyFx9QCoqZpcDwjzbCYAh1giqvsI0sxefSDxwClPJiSikZ1p5n8Cw00Lcv3z3kg"),w={sectionId:"billing",title:"Payment methods",description:"Cards on file for your subscription and billing."};function N(e){return e&&"string"==typeof e?e.charAt(0).toUpperCase()+e.slice(1).toLowerCase():"Card"}function y(){var e,t,n=(0,l._)((0,c.useState)(!0),2),d=n[0],u=n[1],x=(0,l._)((0,c.useState)([]),2),y=x[0],C=x[1],A=(0,l._)((0,c.useState)(null),2),F=A[0],k=A[1],_=(0,l._)((0,c.useState)(null),2),S=_[0],G=_[1],B=(0,l._)((0,c.useState)(null),2),E=B[0],I=B[1],U=(0,l._)((0,c.useState)(!1),2),D=U[0],L=U[1],P=(0,l._)((0,c.useState)(!1),2),T=P[0],M=P[1],R=(0,l._)((0,c.useState)({open:!1,title:"",message:"",onConfirm:null}),2),z=R[0],q=R[1],O=(0,c.useCallback)((0,r._)(function(){var e,t,n,r;return(0,o.Jh)(this,function(s){switch(s.label){case 0:k(null),s.label=1;case 1:return s.trys.push([1,3,4,5]),[4,(0,h.F7)()];case 2:return C(Array.isArray(null==(n=null!==(t=null==(e=s.sent())?void 0:e.data)&&void 0!==t?t:e)?void 0:n.results)?n.results:[]),[3,5];case 3:return k((null==(r=s.sent())?void 0:r.message)||"Failed to load payment methods"),C([]),[3,5];case 4:return u(!1),[7];case 5:return[2]}})}),[]);(0,c.useEffect)(function(){var e,t=!1;return(e=(0,r._)(function(){return(0,o.Jh)(this,function(e){switch(e.label){case 0:return u(!0),[4,O()];case 1:if(e.sent(),t)return[2];return u(!1),[2]}})}),function(){return e.apply(this,arguments)})(),function(){t=!0}},[O]);var Z=function(e){q({open:!0,title:"Remove payment method",message:"Remove ".concat(N(e.card_brand)," •••• ").concat(e.card_last4," from your account?"),onConfirm:(0,r._)(function(){var t;return(0,o.Jh)(this,function(n){switch(n.label){case 0:q(function(e){return(0,i._)((0,s._)({},e),{open:!1})}),G(e.id),n.label=1;case 1:return n.trys.push([1,3,4,5]),[4,(0,h.$9)(e.id)];case 2:return n.sent(),C(function(t){return t.filter(function(t){return t.id!==e.id})}),[3,5];case 3:return k((null==(t=n.sent())?void 0:t.message)||"Failed to remove payment method"),[3,5];case 4:return G(null),[7];case 5:return[2]}})})})},J=(0,g._)(),V=(0,c.useCallback)((e=(0,r._)(function(e){var t;return(0,o.Jh)(this,function(n){switch(n.label){case 0:if(!(null==e?void 0:e.id))return[2];M(!0),n.label=1;case 1:return n.trys.push([1,4,5,6]),[4,(0,h.gP)(e.id)];case 2:return n.sent(),[4,O()];case 3:return n.sent(),L(!1),[3,6];case 4:return k((null==(t=n.sent())?void 0:t.message)||"Failed to add payment method"),[3,6];case 5:return M(!1),[7];case 6:return[2]}})}),function(t){return e.apply(this,arguments)}),[O]),Y=(0,c.useCallback)(function(e){k((null==e?void 0:e.message)||"Payment failed")},[]),H=(0,c.useCallback)((t=(0,r._)(function(e){var t;return(0,o.Jh)(this,function(n){switch(n.label){case 0:I(e),n.label=1;case 1:return n.trys.push([1,4,5,6]),[4,(0,h.$L)(e)];case 2:return n.sent(),[4,O()];case 3:return n.sent(),[3,6];case 4:return k((null==(t=n.sent())?void 0:t.message)||"Failed to set default payment method"),[3,6];case 5:return I(null),[7];case 6:return[2]}})}),function(e){return t.apply(this,arguments)}),[O]);return d?(0,a.jsx)(b.Z,(0,i._)((0,s._)({},w),{children:(0,a.jsx)("div",{className:"flex justify-center py-12",children:(0,a.jsx)(m.G,{icon:p.LM3,className:"h-8 w-8 animate-spin text-main-green"})})})):F?(0,a.jsx)(b.Z,(0,i._)((0,s._)({},w),{children:(0,a.jsx)("p",{className:"font-inter text-sm text-red-400",children:F})})):(0,a.jsxs)(b.Z,(0,i._)((0,s._)({},w),{children:[z.open&&(0,a.jsx)(f.Z,{title:z.title,message:z.message,onClose:function(){q(function(e){return(0,i._)((0,s._)({},e),{open:!1,onConfirm:null})})},onConfirm:z.onConfirm,confirmLabel:"Remove",variant:"danger",dark:!0}),D&&j&&(0,a.jsx)("div",{className:"fixed inset-0 z-50 flex items-center justify-center bg-black/60 p-4",children:(0,a.jsxs)("div",{className:"w-full max-w-md rounded-2xl border border-white/10 bg-[#131517] p-6 shadow-xl",children:[(0,a.jsxs)("div",{className:"mb-4 flex items-center justify-between",children:[(0,a.jsx)("h4",{className:"font-basement text-lg font-semibold uppercase tracking-tight text-white",children:"Add payment method"}),(0,a.jsx)("button",{type:"button",onClick:function(){return L(!1)},className:"p-1 text-[#9CA3AF] hover:text-white","aria-label":"Close",children:(0,a.jsx)(m.G,{icon:p.NBC})})]}),(0,a.jsx)(v,{stripePromise:j,currency:J,onSuccess:V,onError:Y,loading:T})]})}),D&&!j&&(0,a.jsx)("p",{className:"mb-4 font-inter text-sm text-[#9CA3AF]",children:"Stripe is not configured. Set NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY."}),(0,a.jsx)("div",{className:"mb-4 flex flex-wrap items-center gap-2",children:(0,a.jsxs)("button",{type:"button",onClick:function(){k(null),L(!0)},className:"inline-flex items-center gap-2 rounded-xl border border-main-green bg-main-green/10 px-4 py-2.5 font-inter text-sm font-medium text-main-green transition-colors hover:bg-main-green/20",children:[(0,a.jsx)(m.G,{icon:p.r8p,className:"h-4 w-4"}),"Add payment method"]})}),0===y.length?(0,a.jsx)("p",{className:"font-inter text-sm text-[#9CA3AF]",children:"No payment methods on file."}):(0,a.jsx)("ul",{className:"space-y-4",children:y.map(function(e){var t,n,r,s,i,l;return(0,a.jsxs)("li",{className:"flex flex-col gap-2 rounded-xl border border-white/10 bg-[#1a1b1e] p-4 sm:flex-row sm:items-center sm:justify-between",children:[(0,a.jsxs)("div",{className:"flex items-center gap-4",children:[(0,a.jsx)("div",{className:"flex h-12 w-12 items-center justify-center rounded-xl bg-black/40",children:(0,a.jsx)(m.G,{icon:p.Ozh,className:"h-6 w-6 text-[#5E626A]"})}),(0,a.jsxs)("div",{children:[(0,a.jsxs)("div",{className:"font-inter font-medium text-white",children:[N(e.card_brand)," •••• ",e.card_last4]}),(0,a.jsxs)("div",{className:"font-inter text-sm text-[#9CA3AF]",children:["Expires ",(r=e.card_exp_month,s=e.card_exp_year,i=null!=r?String(r).padStart(2,"0"):"—",l=null!=s?String(s).slice(-2):"—","".concat(i,"/").concat(l))]}),(null===(t=e.billing_details)||void 0===t?void 0:null===(n=t.address)||void 0===n?void 0:n.postal_code)&&(0,a.jsxs)("div",{className:"mt-0.5 font-inter text-xs text-[#6B7280]",children:["Postal code: ",e.billing_details.address.postal_code]})]})]}),(0,a.jsxs)("div",{className:"flex shrink-0 items-center gap-2",children:[e.is_default&&(0,a.jsx)("span",{className:"inline-flex items-center rounded-md bg-main-green/20 px-2.5 py-1 font-inter text-xs font-medium uppercase tracking-wider text-main-green",children:"Default"}),!e.is_default&&(0,a.jsxs)("button",{type:"button",onClick:function(){return H(e.id)},disabled:E===e.id,className:"inline-flex items-center gap-1.5 rounded-lg border border-main-green/50 bg-main-green/10 px-3 py-1.5 font-inter text-xs font-medium text-main-green transition-colors hover:bg-main-green/20 disabled:opacity-50","aria-label":"Set ".concat(N(e.card_brand)," ending ").concat(e.card_last4," as default"),children:[E===e.id?(0,a.jsx)(m.G,{icon:p.LM3,className:"h-3.5 w-3.5 animate-spin"}):null,E===e.id?"Setting…":"Set as default"]}),(0,a.jsxs)("button",{type:"button",onClick:function(){return Z(e)},disabled:S===e.id,className:"inline-flex items-center gap-1.5 rounded-lg border border-white/10 bg-black/40 px-3 py-1.5 font-inter text-xs font-medium text-[#9CA3AF] transition-colors hover:bg-red-500/20 hover:text-red-400 disabled:opacity-50","aria-label":"Remove ".concat(N(e.card_brand)," ending ").concat(e.card_last4),children:[S===e.id?(0,a.jsx)(m.G,{icon:p.LM3,className:"h-3.5 w-3.5 animate-spin"}):(0,a.jsx)(m.G,{icon:p.Vui,className:"h-3.5 w-3.5"}),"Remove"]})]})]},e.id)})})]}))}},45380:function(e,t,n){n.d(t,{H:function(){return c},Z:function(){return d}});var r=n(85893),s=n(67294),i=n(45697),l=n.n(i),o=n(8971),a=(0,s.createContext)(null);function c(e){var t=e.openIds,n=e.onToggle,i=e.children,l=(0,s.useMemo)(function(){return{openIds:t,onToggle:n}},[t,n]);return(0,r.jsx)(a.Provider,{value:l,children:i})}function d(e){var t,n=e.sectionId,i=e.title,l=e.description,c=e.action,d=e.chrome,u=e.className,x=void 0===u?"":u,m=e.children,p=(t=(0,s.useContext)(a))&&n?{collapsible:!0,open:t.openIds.includes(n),toggle:function(){return t.onToggle(n)}}:{collapsible:!1,open:!0,toggle:void 0},h=p.collapsible,f=p.open,b=p.toggle,g=h&&!f,v=g?"hidden lg:block":"",j=f?"items-start":"items-center",w=(0,r.jsx)(o.Z,{"aria-hidden":!0,

1className:"h-5 w-5 shrink-0 text-[#9CA3AF] transition-transform ".concat(f?"mt-1 rotate-180":"")}),N=function(e){return(0,r.jsxs)("div",{className:"min-w-0",children:[(0,r.jsx)("h3",{className:"font-basement text-lg font-semibold uppercase tracking-tight text-white",children:i}),l&&e?(0,r.jsx)("p",{className:"mt-1 font-inter text-sm text-[#9CA3AF]",children:l}):null]})};return void 0===d||d?(0,r.jsxs)("div",{className:"mt-4 w-full rounded-2xl border border-white/10 bg-[#131517] p-4 text-[#9CA3AF] md:p-6 lg:mt-8 ".concat(x),children:[(0,r.jsxs)("div",{className:"flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between sm:gap-4 ".concat(g?"lg:mb-4":"mb-4"),children:[h?(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)("button",{type:"button",onClick:b,"aria-expanded":f,className:"flex min-w-0 flex-1 justify-between gap-3 text-left lg:hidden ".concat(j),children:[N(f),w]}),(0,r.jsx)("div",{className:"hidden min-w-0 lg:block",children:N(!0)})]}):N(!0),c?(0,r.jsx)("div",{className:"shrink-0 ".concat(v),children:c}):null]}),(0,r.jsx)("div",{className:v,children:m})]}):(0,r.jsxs)("div",{className:"mt-4 w-full lg:mt-8 ".concat(x),children:[h?(0,r.jsxs)("button",{type:"button",onClick:b,"aria-expanded":f,className:"flex w-full justify-between gap-3 rounded-2xl border border-white/10 bg-[#131517] p-4 text-left lg:hidden ".concat(j),children:[N(f),w]}):null,(0,r.jsx)("div",{className:g?"hidden lg:block":h?"mt-4 lg:mt-0":"",children:m})]})}c.propTypes={openIds:l().arrayOf(l().string).isRequired,onToggle:l().func.isRequired,children:l().node},d.propTypes={sectionId:l().string,title:l().node.isRequired,description:l().node,action:l().node,chrome:l().bool,className:l().string,children:l().node}},95101:function(e,t,n){n.d(t,{Z:function(){return ed}});var r=n(30137),s=n(76341),i=n(67462),l=n(93128),o=n(53353),a=n(97582),c=n(85893),d=n(67294),u=n(25675),x=n.n(u),m=n(41664),p=n.n(m),h=n(5152),f=n.n(h),b=n(11163),g=n(54465),v=n(67814),j=n(59417),w=n(7002),N=n(61885),y=n(47584),C=n(13543),A=n(93090),F=n(45380),k=n(28015),_=n(70110),S={border:"1px solid rgba(207, 255, 63, 0.2)"},G={border:"1px dashed rgba(255, 255, 255, 0.15)"},B={border:"1px dashed rgba(207, 255, 63, 0.35)"},E="flex min-w-0 flex-col rounded-xl p-3.5 h-[11rem] sm:h-[10.5rem] lg:h-[9rem] lg:p-2.5";function I(e){var t=e.group,n=e.size,r=void 0===n?"md":n,s=t.profile_image||t.profile_image_url;return(0,c.jsx)("div",{className:"relative ".concat("lg"===r?"h-14 w-14":"h-12 w-12 lg:h-10 lg:w-10"," shrink-0 overflow-hidden rounded-lg bg-black/40 ring-1 ring-white/10"),children:s?(0,c.jsx)(x(),{src:s,alt:(0,k.z2)(t,"profile"),width:56,height:56,className:"h-full w-full object-cover",unoptimized:!0}):(0,c.jsx)("div",{className:"flex h-full w-full items-center justify-center",children:(0,c.jsx)(v.G,{icon:j.FVb,className:"".concat("lg"===r?"h-6 w-6":"h-5 w-5 lg:h-4 lg:w-4"," text-[#5E626A]")})})})}function U(e){return null==e.member_count||0>=Number(e.member_count)?null:"".concat(e.member_count," ").concat(1===Number(e.member_count)?"member":"members")}function D(e){var t,n=e.group,r=e.slotIndex,s=e.processing,i=e.onUnassign,l=null!==(t=n.name)&&void 0!==t?t:"View group",o=U(n);return(0,c.jsxs)("div",{className:"".concat(E," relative bg-gradient-to-b from-[#CFFF3F]/[0.07] to-[#131517]"),style:S,children:[(0,c.jsxs)("div",{className:"mb-2.5 flex min-w-0 shrink-0 items-center justify-between gap-1 lg:mb-2",children:[(0,c.jsxs)("span",{className:"font-inter text-xs font-semibold uppercase leading-none tracking-[0.12em] text-[#CFFF3F]/70 lg:text-[10px]",children:["Group Slot ",r]}),(0,c.jsx)("button",{type:"button",onClick:i,disabled:s,className:"shrink-0 rounded-md p-1 text-[#9CA3AF] transition-colors hover:bg-white/10 hover:text-red-400 disabled:opacity-50 lg:p-0.5","aria-label":"Remove ".concat(l," from slot ").concat(r),title:"Remove from group",children:(0,c.jsx)(v.G,{icon:j.NBC,className:"h-3.5 w-3.5 lg:h-3 lg:w-3"})})]}),(0,c.jsxs)("div",{className:"flex min-h-0 flex-1 flex-col items-center justify-center gap-2 text-center lg:gap-1.5",children:[(0,c.jsx)(I,{group:n}),(0,c.jsxs)("div",{className:"w-full min-w-0",children:[(0,c.jsx)(p(),{href:"/groups/".concat(n.id),className:"line-clamp-2 block font-inter text-sm font-medium leading-snug text-white hover:text-[#CFFF3F] lg:text-[11px]",title:l,children:l}),o?(0,c.jsx)("p",{className:"mt-0.5 font-inter text-xs text-[#6B7280] lg:text-[10px]",children:o}):(0,c.jsx)("p",{className:"mt-0.5 font-inter text-xs text-transparent lg:text-[10px]","aria-hidden":"true",children:"\xa0"})]})]})]})}function L(e){var t=e.slotIndex,n=e.processing,r=e.onAssign,s=(0,l._)((0,d.useState)(!1),2),i=s[0],o=s[1];return(0,c.jsxs)("button",{type:"button",onClick:r,disabled:n,onMouseEnter:function(){return o(!0)},onMouseLeave:function(){return o(!1)},className:"".concat(E," w-full bg-[#0C0D0E]/80 text-center transition-colors hover:bg-[#CFFF3F]/5 disabled:opacity-50"),style:i?B:G,children:[(0,c.jsxs)("div",{className:"mb-2.5 flex min-w-0 shrink-0 items-center justify-between gap-1 lg:mb-2",children:[(0,c.jsxs)("span",{className:"font-inter text-xs font-semibold uppercase leading-none tracking-[0.12em] text-[#6B7280] lg:text-[10px]",children:["Group Slot ",t]}),(0,c.jsx)("span",{className:"h-4 w-4 shrink-0 lg:h-3.5 lg:w-3.5","aria-hidden":"true"})]}),(0,c.jsxs)("div",{className:"flex min-h-0 flex-1 flex-col items-center justify-center gap-2 lg:gap-1.5",children:[(0,c.jsx)("span",{className:"flex h-9 w-9 items-center justify-center rounded-full border border-[#CFFF3F]/30 bg-[#CFFF3F]/10 lg:h-7 lg:w-7",children:(0,c.jsx)(v.G,{icon:j.r8p,className:"h-4 w-4 text-[#CFFF3F] lg:h-3 lg:w-3"})}),(0,c.jsx)("span",{className:"font-inter text-xs font-medium leading-tight text-[#CFFF3F] lg:text-[10px]",children:"Assign group"})]})]})}function P(e){var t,n=e.group,r=e.slotIndex,s=e.processing,i=e.onUnassign,l=null!==(t=n.name)&&void 0!==t?t:"View group",o=U(n);return(0,c.jsxs)("div",{className:"flex h-full min-w-0 items-center gap-4 roun

1ded-xl bg-gradient-to-r from-[#CFFF3F]/[0.1] to-[#131517] p-4 shadow-[0_0_20px_-6px_rgba(207,255,63,0.25)]",style:S,children:[(0,c.jsx)(I,{group:n,size:"lg"}),(0,c.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,c.jsxs)("p",{className:"font-inter text-[10px] font-semibold uppercase leading-none tracking-[0.12em] text-[#CFFF3F]/70",children:["Group Slot ",r]}),(0,c.jsx)(p(),{href:"/groups/".concat(n.id),className:"mt-1 block truncate font-inter text-[15px] font-semibold text-white hover:text-[#CFFF3F]",title:l,children:l}),o?(0,c.jsx)("p",{className:"mt-0.5 font-inter text-xs text-[#6B7280]",children:o}):null]}),(0,c.jsx)("button",{type:"button",onClick:i,disabled:s,className:"shrink-0 self-start rounded-md p-1.5 text-[#9CA3AF] transition-colors hover:bg-white/10 hover:text-red-400 disabled:opacity-50","aria-label":"Remove ".concat(l," from group slot ").concat(r),title:"Remove from group",children:(0,c.jsx)(v.G,{icon:j.NBC,className:"h-4 w-4"})})]})}function T(e){var t=e.slotIndex,n=e.processing,r=e.onAssign,s=(0,l._)((0,d.useState)(!1),2),i=s[0],o=s[1];return(0,c.jsxs)("button",{type:"button",onClick:r,disabled:n,onMouseEnter:function(){return o(!0)},onMouseLeave:function(){return o(!1)}

1,className:"flex h-full w-full min-w-0 items-center gap-4 rounded-xl bg-[#0C0D0E]/80 p-4 text-left transition-colors hover:bg-[#CFFF3F]/5 disabled:opacity-50",style:i?B:G,children:[(0,c.jsx)("span",{className:"flex h-14 w-14 shrink-0 items-center justify-center rounded-lg bg-[#CFFF3F]/10",children:(0,c.jsx)(v.G,{icon:j.r8p,className:"h-5 w-5 text-[#CFFF3F]"})}),(0,c.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,c.jsxs)("p",{className:"font-inter text-[10px] font-semibold uppercase leading-none tracking-[0.12em] text-[#6B7280]",children:["Group Slot ",t]}),(0,c.jsx)("span",{className:"mt-1 block font-inter text-[15px] font-semibold text-[#CFFF3F]",children:"Assign group"})]})]})}function M(e){var t=e.slotIndex,n=e.processing,r=e.onUpgrade,s=(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)("span",{className:"flex h-12 w-12 shrink-0 items-center justify-center rounded-lg bg-white/[0.03]",children:(0,c.jsx)(v.G,{icon:j.byT,className:"h-4 w-4 text-[#5E626A]"})}),(0,c.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,c.jsxs)("p",{className:"font-inter text-[10px] font-semibold uppercase leading-none tracking-[0.12em] text-[#6B7280]",children:["Group Slot ",t]}),(0,c.jsxs)("span",{className:"mt-1 block font-inter text-[13px] font-medium leading-snug text-[#9CA3AF]",children:["Subscribe to ",(0,c.jsx)("span",{className:"text-[#CFFF3F]",children:"FR++"})," to add additional groups"]})]})]}

1),i="flex h-full min-w-0 items-center gap-4 rounded-xl bg-[#0C0D0E]/50 p-4 text-left transition-colors hover:bg-[#CFFF3F]/[0.04]";return r?(0,c.jsx)("button",{type:"button",onClick:r,disabled:n,className:"".concat(i," w-full disabled:opacity-50"),style:G,children:s}):(0,c.jsx)(p(),{href:"/frplusplus/",className:i,style:G,children:s})}function R(e){var t,n=e.subscription,r=e.slots,s=e.processing,i=e.onAssign,l=e.onUnassign,o=e.onUpgrade,a=null!==(t=r[0])&&void 0!==t?t:{slotIndex:1,group:null};return(0,c.jsxs)("div",{className:"grid min-w-0 grid-cols-1 items-stretch gap-3 lg:grid-cols-3",children:[(0,c.jsx)("div",{className:"min-w-0",children:a.group?(0,c.jsx)(P,{group:a.group,slotIndex:1,processing:s,onUnassign:function(){return l(n.id,a.group.id)}}):(0,c.jsx)(T,{slotIndex:1,processing:s,onAssign:i})}),(0,c.jsx)("div",{className:"min-w-0",children:(0,c.jsx)(M,{slotIndex:2,processing:s,onUpgrade:o})}),(0,c.jsx)("div",{className:"min-w-0",children:(0,c.jsx)(M,{slotIndex:3,processing:s,onUpgrade:o})})]})}function z(e){var t=e.subscription,n=e.slots,r=e.processing,s=e.onAssign,i=e.onUnassign;return(0,c.jsx)("div",{className:"grid min-w-0 grid-cols-1 items-stretch gap-3 lg:grid-cols-3",children:n.map(function(e){var n=e.slotIndex,l=e.group;return(0,c.jsx)("div",{className:"min-w-0",children:l?(0,c.jsx)(P,{group:l,slotIndex:n,processing:r,onUnassign:function(){return i(t.id,l.id)}}):(0,c.jsx)(T,{slotIndex:n,processing:r,onAssign:s})},l?"".concat(t.id,"-slot-").concat(n,"-").concat(l.id):"".concat(t.id,"-slot-").concat(n,"-empty"))})})}function q(e){var t=e.subscription,n=e.slots,r=e.processing,s=e.onAssign,i=e.onUnassign;return(0,c.jsx)("div",{className:"grid min-w-0 grid-cols-1 gap-3 lg:grid-cols-3 lg:gap-2",children:n.map(function(e){var n=e.slotIndex,l=e.group,o=l?(0,c.jsx)(D,{group:l,slotIndex:n,processing:r,onUnassign:function(){return i(t.id,l.id)}}):(0,c.jsx)(L,{slotIndex:n,processing:r,onAssign:s});return(0,c.jsx)("div",{className:"min-w-0 lg:col-start-2",children:o},l?"".concat(t.id,"-slot-").concat(n,"-").concat(l.id):"".concat(t.id,"-slot-").concat(n,"-empty"))})})}function O(e){var t=e.assignedCount,n=e.maxSlots,r=e.canAssign;return n>0?(0,c.jsxs)("span",{className:"rounded-full border border-white/10 bg-white/[0.04] px-2 py-0.5 font-inter text-[11px] text-[#9CA3AF]",children:[t,"/",n," used"]}):r?(0,c.jsxs)("span",{className:"font-inter text-[11px] text-[#6B7280]",children:[t," assigned"]}):null}function Z(e){var t=e.subscription,n=e.processing,r=void 0!==n&&n,s=e.filterByGroupId,i=void 0===s?null:s,l=e.onRequestAssign,o=e.onDirectAssign,a=e.onUnassign,d=e.onUpgrade,u=(0,_.k3)(t),x=(0,_.ih)(t),m=(0,_.uW)(t),p=x>1,h=1===x,f=(0,_.A5)(t),b=function(){if(i&&o){o(t.id,i);return}null==l||l(t.id)};return(0,c.jsxs)("div",{className:"space-y-2.5 lg:space-y-2",children:[(0,c.jsxs)("div",{className:"flex items-center gap-2 ".concat(p||h?"justify-between":"justify-between lg:justify-center"),children:[(0,c.jsx)("p",{className:"font-inter text-xs font-medium uppercase tracking-wider text-[#9CA3AF]",children:p?"Group licenses":"Assigned group"}),(0,c.jsx)(O,{assignedCount:u,maxSlots:x,canAssign:f})]}),p?(0,c.jsx)(z,{subscription:t,slots:m,processing:r,onAssign:b,onUnassign:a}):h?(0,c.jsx)(R,{subscription:t,slots:m,processing:r,onAssign:b,onUnassign:a,onUpgrade:d}):(0,c.jsx)(q,{subscription:t,slots:m,processing:r,onAssign:b,onUnassign:a})]})}var J={web:"border-white/25 bg-white/[0.06] text-[#9CA3AF]",apple:"border-[#CFFF3F]/35 bg-[#CFFF3F]/10 text-[#CFFF3F]",google:"border-[#CFFF3F]/35 bg-[#CFFF3F]/10 text-[#CFFF3F]",manual:"border-amber-500/35 bg-amber-500/10 text-amber-300"};function V(e){var t,n=e.subscription,r=e.className,s=void 0===r?"":r;if(!n)return null;var i=(0,_.fX)(n),l=i.key,o=i.label,a=i.title,d=null!==(t=J[l])&&void 0!==t?t:J.web;return(0,c.jsx)("span",{className:"inline-flex shrink-0 items-center rounded-md border px-1.5 py-0.5 font-inter text-[10px] font-semibold uppercase tracking-wide ".concat(d," ").concat(s),title:a,children:o})}var Y=n(17894),H=n(45470),W=n(32040),X=n(21142),$=n(87515),K=n(86501),Q=f()(function(){return Promise.all([n.e(6664),n.e(9359)]).then(n.bind(n,19359))},{loadableGenerated:{webpack:function(){return[19359]}},ssr:!1}),ee=(0,g.J)("pk_live_51RyiaeCzOZFIG5GcQ30mcWM4HwzdLoxNLhuiyFx9QCoqZpcDwjzbCYAh1giqvsI0sxefSDxwClPJiSikZ1

1p5n8Cw00Lcv3z3kg");function et(e){var t=e.title,n=e.description,r=e.action,s=e.children;return(0,c.jsx)(F.Z,{sectionId:"subscription",title:t,description:n,action:r,children:s})}function en(e){var t=String(e.name||""),n=t.match(/^(FR)(.*)$/i);if(!n)return t;var r=(0,l._)(n,3),s=r[1],i=r[2];return(0,c.jsxs)(c.Fragment,{children:[s,i?(0,c.jsx)("span",{className:"text-main-red",children:i}):null]})}function er(e){var t;return e?(0,_.Gc)(e)?"p4p":(0,_.x0)(e)?"frplusplus":Number(null!==(t=e.tier_level)&&void 0!==t?t:0)>0?"frplus":"free":"free"}function es(e){var t=e.plans,n=e.tiers,r=e.billingCycle,s=e.onBillingCycleChange,i=e.maxAnnualDiscount,l=e.currency,o=e.getTierLabel,a=e.getDiscountPercent,d=e.onChoosePlan,u=e.currentPlanName,x=e.ownedPlanFamilies,m=void 0===x?null:x;return t.length?(0,c.jsxs)("div",{children:[(0,c.jsxs)("div",{className:"mb-8 text-center",children:[(0,c.jsxs)("h4",{className:"font-basement text-base font-semibold uppercase tracking-tight text-white",children:["You're on the ",void 0===u?"Free":u," plan"]}),(0,c.jsx)("p",{className:"mx-auto mt-2 max-w-md font-inter text-sm text-[#9CA3AF]",children:"Upgrade for advanced fight metrics, prize bonuses and bigger groups."})]}),(0,c.jsxs)("div",{className:"mx-auto mb-8 flex max-w-xs gap-2",children:[(0,c.jsx)("button",{type:"button",onClick:function(){return s("monthly")},className:"flex-1 rounded-xl px-4 py-2 font-inter text-sm font-medium transition-colors ".concat("monthly"===r?"bg-main-green text-black":"border border-white/20 bg-white/5 text-white hover:bg-white/10"),children:"Monthly"}),(0,c.jsxs)("button",{type:"button",onClick:function(){return s("annual")},className:"flex flex-1 items-center justify-center gap-1.5 rounded-xl px-4 py-2 font-inter text-sm font-medium transition-colors ".concat("annual"===r?"bg-main-green text-black":"border border-white/20 bg-white/5 text-white hover:bg-white/10"),children:["Annual",null!=i&&i>0&&(0,c.jsxs)("span",{className:"annual"===r?"inline-block rounded bg-black px-1.5 py-0.5 text-xs font-bold tracking-tight text-white":"inline-block rounded bg-main-green px-1.5 py-0.5 text-xs font-bold tracking-tight text-black",children:["-",i,"%"]})]})]}),(0,c.jsx)("div",{className:"grid grid-cols-1 gap-x-6 gap-y-10 lg:grid-cols-3",children:t.map(function(e){var t=o(e,l),r=(0,_.ue)(e,l),s="annual"===e.billing_cycle?a(n,e):null,i=Array.isArray(e.features)?e.features:[],u=(0,_.Gc)(e)?"Best for Gyms and Venues":(0,_.x0)(e)?"Best for Competitive Groups":"Best for individuals",x=!!(null==m?void 0:m.has(er(e)));return(0,c.jsxs)("div",{className:"flex min-w-0 flex-col",children:[(0,c.jsxs)("div",{className:"mb-3 px-1",children:[(0,c.jsx)("p",{className:"font-inter text-[1.35rem] font-semibold leading-none text-white",children:(0,c.jsx)(en,{name:t.name})}),(0,c.jsx)("p",{className:"mt-1.5 whitespace-nowrap font-trashhand text-base leading-none tracking-[0.12em] text-white/80",children:u})]}),(0,c.jsxs)("div",{className:"flex flex-1 flex-col rounded-2xl border p-6 transition-colors duration-200 ".concat(x?"border-main-green/50 bg-main-green/[0.06]":"border-white/15 bg-[#1a1b1e] hover:border-main-green/50 hover:bg-white/[0.04]"),children:[(0,c.jsxs)("div",{className:"mb-5 flex items-start justify-between gap-3",children:[(0,c.jsxs)("div",{className:"min-w-0",children:[(0,c.jsx)("p",{className:"font-inter text-xl font-semibold text-white",children:r.headline}),r.caption?(0,c.jsx)("p",{className:"mt-1 font-inter text-xs text-[#9CA3AF]",children:r.caption}):null]}),x?(0,c.jsx)("span",{className:"shrink-0 rounded-full bg-main-green/20 px-2.5 py-0.5 font-inter text-xs font-semibold text-main-green",children:"Your plan"}):null,!x&&null!=s&&s>0?(0,c.jsxs)("span",{className:"shrink-0 rounded-full bg-main-green/20 px-2.5 py-0.5 font-inter text-xs font-semibold text-main-green",children:["Save ",s,"%"]}):null]}),e.description?(0,c.jsx)("p",{className:"mb-5 font-inter text-xs leading-relaxed text-[#9CA3AF]",children:e.description}):null,i.length?(0,c.jsx)("ul",{className:"mb-6 space-y-2.5",children:i.map(function(e){return(0,c.jsxs)("li",{className:"flex items-start gap-2 font-inter text-xs text-[#d3d9e2]",children:[(0,c.jsx)(v.G,{icon:j.LEp,className:"mt-0.5 h-3 w-3 shrink-0 text-main-green"}),(0,c.jsx)("span",{children:Y.z[e]||e})]},e)})}):null,(0,c.jsx)("button",{type:"button",onClick:function(){return d(e.id)},disabled:x,className:"mt-auto w-full rounded-xl px-4 py-2.5 font-inter text-sm font-semibold transition-colors ".concat(x?"cursor-default border border-main-green/40 bg-main-green/15 text-main-green":"border border-main-green bg-[#1a1b1e] text-main-green hover:bg-main-green/10 hover:text-white"),children:x?"Your plan":"Get ".concat(t.name)})]})]},e.id)})})]}):(0,c.jsx)("div",{className:"rounded-xl border border-white/15 px-4 py-8 text-center font-inter text-sm text-[#9CA3AF]",children:"No plans are available right now."})}function ei(e){var t=e.className;return(0,c.jsx)(N.pn,{delayDuration:100,children:(0,c.jsxs)(N.u,{children:[(0,c.jsx)(N.aJ,{asChild:!0,children:(0,c.jsxs)("span",{className:"inline-flex cursor-default items-center gap-1.5 rounded-xl border border-main-green/30 bg-[#101113] px-3 py-2 font-inter text-xs font-medium text-[#C7CBD1] ".concat(void 0===t?"":t),children:[(0,c.jsx)(v.G,{icon:j.$SY,className:"h-3.5 w-3.5 text-main-green"}),"App Managed"]})}),(0,c.jsx)(N._v,{className:"border border-main-green/40 bg-[#101113] font-inter text-xs font-medium text-white",children:"This subscription is managed in App"})]})})}function el(e){if(!e)return"—";var t=new Date(e);return Number.isNaN(t.getTime())?"—":t.toLocaleDateString()}function eo(e){if(!e)return"—";var t=new Date(e);return Number.isNaN(t.getTime())?"—":t.toLocaleDateString(void 0,{day:"numeric",month:"short"})}function ea(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"—";return"annual"===e?"Annual":"monthly"===e?"Monthly":t}function ec(e){var t,n,r,s=e.subscription,i=e.tiers,l=e.getBackendTierLabel,o=e.isMonthlyTier,a=e.getAnnualTierIdForTier,d=e.formatDateForCell,u=e.formatDayMonthForCell,x=e.isCancellationRequested,m=e.processing,p=e.handlers,h=e.filterByGroupId,f=void 0===h?null:h,b=l(s.tier),g=i.find(function(e){return e.id===s.tier}),w=null!==(t=null==g?void 0:g.description)&&void 0!==t?t:"—",N=ea(null==g?void 0:g.billing_cycle),y=d(null!==(r=null!==(n=s.current_period_start)&&void 0!==n?n:s.

1created_at)&&void 0!==r?r:s.createdAt),C=d(s.current_period_end),A=x(s);return(0,c.jsxs)("div",{className:"overflow-hidden rounded-2xl border border-white/10 bg-[#131517]",children:[(0,c.jsx)("div",{className:"border-b border-white/10 px-4 py-3",children:(0,c.jsx)("h4",{className:"font-basement text-sm font-semibold uppercase tracking-tight text-white",children:"Subscription details"})}),(0,c.jsxs)("div",{className:"space-y-4 p-4",children:[(0,c.jsxs)("div",{children:[(0,c.jsx)("p",{className:"text-xs font-medium uppercase tracking-wider text-[#9CA3AF]",children:"Plan"}),(0,c.jsxs)("p",{className:"mt-0.5 flex flex-wrap items-center gap-2 font-inter font-medium text-main-green",children:[(0,c.jsxs)("span",{children:[b.name||"—",N&&(0,c.jsxs)("span",{className:"ml-2 font-normal text-[#9CA3AF]",children:["\xb7 ",N]})]}),(0,c.jsx)(V,{subscription:s})]})]}),(0,c.jsxs)("div",{children:[(0,c.jsx)("p",{className:"text-xs font-medium uppercase tracking-wider text-[#9CA3AF]",children:"Description"}),(0,c.jsx)("p",{className:"mt-0.5 font-inter text-sm leading-relaxed text-[#C7CBD1]",children:w})]}),(0,c.jsxs)("div",{className:"grid grid-cols-2 gap-4 sm:grid-cols-4",children:[(0,c.jsxs)("div",{children:[(0,c.jsx)("p",{className:"text-xs font-medium uppercase tracking-wider text-[#9CA3AF]",children:"Start"}),(0,c.jsx)("p",{className:"mt-0.5 font-inter text-sm text-white",children:y})]}),(0,c.jsxs)("div",{children:[(0,c.jsx)("p",{className:"text-xs font-medium uppercase tracking-wider text-[#9CA3AF]",children:"End"}),(0,c.jsx)("p",{className:"mt-0.5 font-inter text-sm text-white",children:C})]})]}),A&&(0,c.jsx)("div",{className:"rounded-xl border border-amber-500/30 bg-amber-500/10 px-3 py-2",children:(0,c.jsxs)("p",{className:"font-inter text-sm font-medium text-amber-500",children:["Cancelled \xb7 Access until"," ",u(s.current_period_end)]})}),(0,c.jsxs)("div",{className:"flex flex-wrap gap-2 pt-2",children:[o(s)&&(0,c.jsxs)("button",{type:"button",onClick:function(){return p.handleUpgradeSubscription(s.id,a(i,s.tier))},disabled:m,className:"inline-flex items-center gap-2 rounded-xl border border-main-green bg-[#1a1b1e] px-4 py-2.5 font-inter text-sm font-medium text-main-green transition-colors hover:bg-main-green/10 hover:text-white disabled:opacity-50",children:[(0,c.jsx)(v.G,{icon:j.FPD,className:"h-3.5 w-3.5"}),"Upgrade"]}),(0,c.jsxs)("button",{type:"button",onClick:function(){return p.handleCancelSubscription(s.id)},disabled:m||A,className:"inline-flex items-center gap-2 rounded-xl border border-white/15 bg-[#1a1b1e] px-4 py-2.5 font-inter text-sm font-medium text-main-red transition-colors hover:bg-main-red/10 disabled:opacity-50",children:[(0,c.jsx)(v.G,{icon:j.gPx,className:"h-3.5 w-3.5"}),"Cancel"]}),(0,c.jsxs)("button",{type:"button",onClick:function(){return p.handleUnassignLicenseFromGroupWithConfirm(s.id,f)},disabled:m,className:"inline-flex items-center gap-2 rounded-xl border border-white/15 bg-[#1a1b1e] px-4 py-2.5 font-inter text-sm font-medium text-[#9CA3AF] transition-colors hover:bg-white/10 hover:text-white disabled:opacity-50",children:[(0,c.jsx)(v.G,{icon:j.NBC,className:"h-3.5 w-3.5"}),"Remove from group"]})]})]})]})}function ed(){var e,t,n,u=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},m=u.filterByGroupId,p=void 0===m?null:m,h=u.groupName,f=void 0===h?null:h,g=u.groupImageUrl,N=void 0===g?null:g,F=u.onSubscriptionsChanged,S=u.openAddSubscription,G=void 0!==S&&S,B=(0,b.useRouter)(),E=(0,X.Z)().user,I=null!==(n=null==E?void 0:E.slug)&&void 0!==n?n:null,U=(0,W.Z)(!0,I,{onDataChanged:void 0===F?null:F}),D=U.loading,L=U.processing,P=U.tiers,T=U.subscriptions,M=U.activeSubscriptions,R=U.manageableGroups,z=U.confirmModal,q=U.closeConfirm,O=U.showAddModal,J=U.addPlan,Y=U.setAddPlan,en=U.addLoading,ed=U.subscriptionDisplayCurrency,eu=U.getBackendTierLabel,ex=U.isMonthlyTier,em=U.handlers,ep=U.closeAddModal,eh=(0,l._)((0,d.useState)("annual"),2),ef=eh[0],eb=eh[1],eg=(0,l._)((0,d.useState)(null),2),ev=eg[0],ej=eg[1],ew=(0,l._)((0,d.useState)(null),2),eN=ew[0],ey=ew[1],eC=(0,l._)((0,d.useState)(!1),2),eA=eC[0],eF=eC[1],ek=(0,l._)((0,d.useState)([]),2),e_=ek[0],eS=ek[1],eG=(0,l._)((0,d.useState)(!1),2),eB=eG[0],eE=eG[1],eI=(0,l._)((0,d.useState)(""),2),eU=eI[0],eD=eI[1],eL=(0,d.useCallback)((0,r._)(function(){var e,t,n;return(0,a.Jh)(this,function(r){switch(r.label){case 0:eE(!0),r.label=1;case 1:return r.trys.push([1,3,4,5]),[4,(0,y.F7)()];case 2:return eS(Array.isArray(null==(n=null!==(t=null==(e=r.sent())?void 0:e.data)&&void 0!==t?t:e)?void 0:n.results)?n.results:[]),[3,5];case 3:return r.sent(),eS([]),[3,5];case 4:return eE(!1),[7];case 5:return[2]}})}),[]);(0,d.useEffect)(function(){O&&J&&eL()},[O,J,eL]),(0,d.useEffect)(function(){O&&eb("annual")},[O]),(0,d.useEffect)(function(){O||eD("")},[O]);var eP=(0,d.useMemo)(function(){return R.filter(function(e){return e.is_owner||e.is_admin})},[R]),eT=(0,d.useMemo)(function(){return(p?eP.filter(function(e){return String(e.id)===String(p)}):eP).filter(function(e){return!(0,_.ej)(T,e.id)})},[eP,T,p]),eM=(0,d.useMemo)(function(){return(0,_.k6)(P,ef)},[P,ef]),eR=(0,d.useMemo)(function(){return(0,_.ll)(P)},[P]),ez=(0,d.useMemo)(function(){if(!p)return M;var e=M.filter(function(e){return(0,$.f8)(e,p)});return e.length>0?e:M.filter(function(e){return(0,_.A5)(e)})},[M,p]),eq=(0,d.useMemo)(function(){var e;return Array.isArray(ez)&&0!==ez.length&&(null===(e=eu((0,o._)(ez).sort(function(e,t){var n,r,s,i,l=null!==(s=null===(n=P.find(function(t){return t.id===e.tier}))||void 0===n?void 0:n.tier_level)&&void 0!==s?s:0;return(null!==(i=null===(r=P.find(function(e){return e.id===t.tier}))||void 0===r?void 0:r.tier_level)&&void 0!==i?i:0)-l})[0].tier))||void 0===e?void 0:e.name)||"Free"},[ez,P,eu]),eO=(0,d.useMemo)(function(){var e;return e=new Set,Array.isArray(ez)&&Array.isArray(P)&&ez.forEach(function(t){var n=er(P.find(function(e){return e.id===t.tier}));"free"!==n&&e.add(n)}),e},[ez,P]),eZ=(0,d.useMemo)(function(){return(0,_.ej)(T,p)},[T,p]),eJ=(0,d.useMemo)(function(){return p?M.filter(function(e){return(0,_.A5)(e)&&e.id!==(null==eZ?void 0:eZ.id)}):[]},[p,eZ,M]),eV=(0,d.useMemo)(function(){if(!p)return null;var e,t,n=eP.find(function(e){return String(e.id)===String(p)});return{id:p,name:null!==(e=null!=f?f:null==n?void 0:n.name)&&void 0!==e?e:"This group",imageUrl:null!==(t=null!=N?N:null==n?void 0:n.profile_image)&&void 0!==t?t:null==n?void 0:n.profile_image_url}},[p,eP,f,N]),eY=(0,d.useRef)(!1),eH=(0,d.useRef)(!1),eW=(0,d.useRef)({locked:!1,bodyOverflow:"",htmlOverflow:"",bodyOverscrollBehavior:"",htmlOverscrollBehavior:""});(0,d.useEffect)(function(){ez.length>0&&!eY.current&&(eY.current=!0,ey(ez[0].id)),0===ez.length&&(eY.current=!1,ey(null))},[ez]),(0,d.useEffect)(function(){var e=O||eA||!!ev;return e&&!eW.current.locked&&(eW.current={locked:!0,bodyOverflow:document.body.style.overflow,htmlOverflow:document.documentElement.style.overflow,bodyOverscrollBehavior:d

1ocument.body.style.overscrollBehavior,htmlOverscrollBehavior:document.documentElement.style.overscrollBehavior},document.body.style.overflow="hidden",document.documentElement.style.overflow="hidden",document.body.style.overscrollBehavior="none",document.documentElement.style.overscrollBehavior="none"),!e&&eW.current.locked&&(document.body.style.overflow=eW.current.bodyOverflow,document.documentElement.style.overflow=eW.current.htmlOverflow,document.body.style.overscrollBehavior=eW.current.bodyOverscrollBehavior,document.documentElement.style.overscrollBehavior=eW.current.htmlOverscrollBehavior,eW.current.locked=!1),function(){eW.current.locked&&(document.body.style.overflow=eW.current.bodyOverflow,document.documentElement.style.overflow=eW.current.htmlOverflow,document.body.style.overscrollBehavior=eW.current.bodyOverscrollBehavior,document.documentElement.style.overscrollBehavior=eW.current.htmlOverscrollBehavior,eW.current.locked=!1)}},[O,eA,ev]),(0,d.useEffect)(function(){if(!G){eH.current=!1;return}if(!eH.current){if(O){eH.current=!0;return}em.openAddSubscriptionForGroup(null!=p?p:null,{source:"settings"}),eH.current=!0}},[G,O,em,p]);var eX=(0,d.useCallback)(function(){var e;if(ep(),"string"==typeof(null===(e=B.query)||void 0===e?void 0:e.openAddSubscription)&&"1"===B.query.openAddSubscription){var t=(0,s._)({},B.query);delete t.openAddSubscription,B.replace({pathname:B.pathname,query:t},void 0,{shallow:!0})}},[ep,B]),e$=(0,d.useCallback)(function(e){var t=(0,_.UE)(P,e);if(t)return function(){return em.handleUpgradeSubscription(e.id,t)}},[P,em]),eK=p?"Group subscription":"Your subscriptions",eQ=p?"Assign a subscription to this group or create a new one.":"Manage your active subscriptions. Cancel removes access immediately.";return D?(0,c.jsx)(et,{title:eK,description:eQ,children:(0,c.jsx)("div",{className:"flex justify-center py-12",children:(0,c.jsx)(v.G,{icon:j.LM3,className:"h-8 w-8 animate-spin text-main-green"})})}):(0,c.jsxs)(c.Fragment,{children:[O&&(0,c.jsx)("div",{className:"fixed inset-0 z-[300] !mt-0 flex items-center justify-center bg-black/60 p-4",children:(0,c.jsxs)("div",{className:"max-h-[90vh] w-full max-w-md overflow-y-auto rounded-2xl border border-white/10 bg-[#131517] p-6 shadow-xl",children:[(0,c.jsxs)("div",{className:"mb-4 flex items-center justify-between",children:[(0,c.jsx)("h2",{className:"font-basement text-lg font-semibold uppercase tracking-tight text-white",children:"Add subscription"}),(0,c.jsx)("button",{type:"button",onClick:eX,className:"p-1 text-gray-400 hover:text-white","aria-label":"Close",children:(0,c.jsx)(v.G,{icon:j.NBC})})]}),!J&&(0,c.jsxs)("div",{className:"space-y-3",children:[(0,c.jsxs)("div",{className:"flex gap-2",children:[(0,c.jsx)("button",{type:"button",onClick:function(){return eb("monthly")},className:"flex-1 rounded-xl px-4 py-2.5 font-inter text-sm font-medium transition-colors ".concat("monthly"===ef?"bg-main-green text-black":"border border-white/20 bg-white/5 text-white hover:bg-white/10"),children:"Monthly"}),(0,c.jsxs)("button",{type:"button",onClick:function(){return eb("annual")},className:"flex flex-1 items-center justify-center gap-1.5 rounded-xl px-4 py-2.5 font-inter text-sm font-medium transition-colors ".concat("annual"===ef?"bg-main-green text-black":"border border-white/20 bg-white/5 text-white hover:bg-white/10"),children:["Annual",null!=eR&&eR>0&&(0,c.jsxs)("span",{className:"annual"===ef?"inline-block rounded bg-black px-1.5 py-0.5 text-xs font-bold tracking-tight text-white":"inline-block rounded bg-main-green px-1.5 py-0.5 text-xs font-bold tracking-tight text-black",children:["Save ",eR,"%"]})]})]}),(0,c.jsx)("p",{className:"font-inter text-sm text-[#9CA3AF]",children:"Choose a plan:"}),0===eM.length?(0,c.jsxs)("p",{className:"font-inter text-sm text-[#9CA3AF]",children:["No ",ef," plans available."]}):eM.map(function(e){var t=(0,_.y$)(e,ed),n=t.period?"".concat(t.cost,"/").concat(t.period):t.cost,r="annual"===e.billing_cycle?(0,_.hH)(P,e):null,s=function(){return Y(e.id)};return(0,c.jsxs)("div",{role:"button",tabIndex:0,onClick:s,onKeyDown:function(e){("Enter"===e.key||" "===e.key)&&

1(e.preventDefault(),s())},className:"flex cursor-pointer items-center justify-between gap-4 rounded-xl border border-white/15 bg-[#1a1b1e] p-4 text-left font-inter text-white transition-colors hover:bg-[#25262a]",children:[(0,c.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,c.jsxs)("div",{className:"flex flex-wrap items-center gap-2",children:[(0,c.jsx)("span",{className:"font-medium",children:t.name}),null!=r&&r>0&&(0,c.jsxs)("span",{className:"inline-block animate-save-glow rounded bg-main-red/25 px-1.5 py-0.5 text-xs font-semibold text-main-red",children:["Save ",r,"%"]})]}),(0,c.jsx)("span",{className:"mt-0.5 block text-sm text-[#9CA3AF]",children:n}),e.description&&(0,c.jsx)("p",{className:"mt-1 line-clamp-2 text-xs text-[#6B7280]",children:e.description})]}),(0,c.jsx)("button",{type:"button",onClick:function(e){e.stopPropagation(),s()},className:"shrink-0 rounded-lg bg-main-green px-4 py-2 font-inter text-sm font-medium text-black transition-colors hover:bg-main-green/90",children:"Select"})]},e.id)})]}),J&&ee&&(0,c.jsxs)("div",{className:"space-y-5",children:[(0,c.jsxs)("div",{className:"flex items-center justify-between rounded-xl border border-white/10 bg-[#1a1b1e] p-3",children:[(0,c.jsxs)("div",{children:[(0,c.jsx)("p",{className:"font-inter text-xs font-medium uppercase tracking-wider text-[#9CA3AF]",children:"Selected plan"}),(0,c.jsxs)("p",{className:"font-inter font-medium text-white",children:[null===(e=eu(J))||void 0===e?void 0:e.name,(null===(t=eu(J))||void 0===t?void 0:t.period)&&(0,c.jsxs)("span",{className:"ml-1.5 font-normal text-[#9CA3AF]",children:["— ",eu(J).cost,"/",eu(J).period]})]})]}),(0,c.jsx)("button",{type:"button",onClick:function(){return Y(null)},className:"shrink-0 rounded-lg border border-white/20 px-3 py-1.5 font-inter text-xs text-[#9CA3AF] transition-colors hover:bg-white/5 hover:text-white",children:"Change plan"})]}),(0,c.jsxs)("div",{children:[(0,c.jsx)(A.Z,{variant:"dark",id:"settings-subscription-promo-code",wrapperClassName:"mb-4",value:eU,onChange:function(e){return eD(e.target.value)}}),(0,c.jsx)("p",{className:"mb-2 font-inter text-sm font-medium text-white",children:"Payment method"}),eB?(0,c.jsxs)("div",{className:"flex items-center gap-2 py-4 text-[#9CA3AF]",children:[(0,c.jsx)(v.G,{icon:j.LM3,className:"h-4 w-4 animate-spin"}),(0,c.jsx)("span",{className:"font-inter text-sm",children:"Loading saved cards…"})]}):e_.length>0?(0,c.jsx)("ul",{className:"mb-4 space-y-2",children:e_.map(function(e){var t,n,r,s,i;return(0,c.jsxs)("li",{className:"flex flex-col gap-2 rounded-xl border border-white/10 bg-[#1a1b1e] p-3 sm:flex-row sm:items-center sm:justify-between",children:[(0,c.jsxs)("div",{className:"flex items-center gap-3",children:[(0,c.jsx)("div",{className:"flex h-10 w-10 shrink-0 items-center justify-center rounded-lg bg-black/40",children:(0,c.jsx)(v.G,{icon:j.Ozh,className:"h-5 w-5 text-[#5E626A]"})}),(0,c.jsxs)("div",{children:[(0,c.jsxs)("p",{className:"font-inter font-medium text-white",children:[(t=e.card_brand)&&"string"==typeof t?t.charAt(0).toUpperCase()+t.slice(1).toLowerCase():"Card"," ••••"," ",e.card_last4]}),(0,c.jsxs)("p",{className:"font-inter text-xs text-[#9CA3AF]",children:["Expires"," ",(n=e.card_exp_month,r=e.card_exp_year,s=null!=n?String(n).padStart(2,"0"):"—",i=null!=r?String(r).slice(-2):"—","".concat(s,"/").concat(i))]})]})]}),(0,c.jsx)("button",{type:"button",onClick:function(){return em.handleAddSubscription({paymentMethod:{id:e.id},promotionCode:eU})},disabled:en,className:"shrink-0 rounded-xl border border-main-green bg-main-green/10 px-4 py-2.5 font-inter text-sm font-medium text-main-green transition-colors hover:bg-main-green/20 disabled:opacity-50",children:en?(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(v.G,{icon:j.LM3,className:"mr-2 h-3.5 w-3.5 animate-spin"}),"Processing…"]}):"Subscribe"})]},e.id)})}):null,(0,c.jsxs)("div",{className:"border-t border-white/10 pt-4",children:[(0,c.jsx)("p",{className:"mb-3 font-inter text-sm font-medium text-[#9CA3AF]",children:"Or pay with a new card"}),(0,c.jsx)(Q,{stripePromise:ee,currency:ed,selectedTier:J,promotionCode:eU,onPromotionCodeChange:eD,showPromoField:!1,onSuccess:em.handleAddSubscription,onError:function(e){return K.ZP.error((null==e?void 0:e.message)||"Payment failed")},loading:en})]})]})]}),J&&!ee&&(0,c.jsxs)("p",{className:"font-inter text-sm text-[#9CA3AF]",children:["Stripe is not configured. Set"," ",(0,c.jsx)("code",{className:"rounded bg-black/40 px-1 text-xs text-white",children:"NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY"}),"."]})]})}),z&&(0,c.jsx)(C.Z,(0,i._)((0,s._)({},z),{dark:!0,onClose:q,onConfirm:z.onConfirm,disabled:L})),(0,c.jsxs)(et,{title:eK,description:eQ,action:p?null:(0,c.jsxs)("button",{type:"button",onClick:function(){(0,H.e9)(H.JV.SETTINGS),(0,H.eN)(H.dW.SUBSCRIBE_CTA_CLICKED,{source:H.JV.SETTINGS}

1),em.openAddSubscriptionForGroup(null!=p?p:null,{source:"settings"})},className:"flex w-full items-center justify-center gap-1.5 rounded-xl border border-main-green bg-[#1a1b1e] px-3 py-3 font-inter text-sm font-medium text-main-green transition-colors hover:bg-main-green/10 hover:text-white sm:w-auto sm:gap-2 sm:px-4 sm:py-2.5",children:[(0,c.jsx)(v.G,{icon:j.r8p,className:"h-3.5 w-3.5"}),"Add Subscription"]}),children:[p&&eV?(0,c.jsxs)(c.Fragment,{children:[(0,c.jsxs)("div",{className:"mb-6 flex flex-col gap-4 rounded-2xl border border-white/10 bg-[#1a1b1e] p-4 sm:flex-row sm:items-center sm:justify-between sm:gap-6",children:[(0,c.jsxs)("div",{className:"flex min-w-0 flex-1 items-center gap-3",children:[(0,c.jsx)("div",{className:"relative h-12 w-12 flex-shrink-0 overflow-hidden rounded-xl bg-black/40",children:eV.imageUrl?(0,c.jsx)(x(),{src:eV.imageUrl,alt:"",width:48,height:48,className:"object-cover",unoptimized:!0}):(0,c.jsx)("div",{className:"flex h-full w-full items-center justify-center",children:(0,c.jsx)(v.G,{icon:j.FVb,className:"h-6 w-6 text-[#5E626A]"})})}),(0,c.jsxs)("div",{className:"min-w-0",children:[(0,c.jsx)("p",{className:"truncate font-inter font-medium text-white",children:eV.name}),(0,c.jsx)("p",{className:"font-inter text-sm text-[#9CA3AF]",children:"Subscription for this group"})]})]}),(0,c.jsxs)("div",{className:"flex w-full flex-shrink-0 flex-wrap items-center gap-2 sm:w-auto",children:[eZ?(0,c.jsxs)("span",{className:"mr-2 inline-flex flex-wrap items-center gap-2 font-inter text-sm text-[#9CA3AF]",children:[eu(eZ.tier).name||"Subscription",(0,c.jsx)(V,{subscription:eZ})]}):null,(0,c.jsxs)("button",{type:"button",onClick:function(){return eF(!0)},disabled:L,className:"inline-flex items-center gap-2 rounded-xl border border-main-green bg-main-green/10 px-4 py-2.5 font-inter text-sm font-medium text-main-green transition-colors hover:bg-main-green/20 disabled:opacity-50",children:[(0,c.jsx)(v.G,{icon:j.r8p,className:"h-3.5 w-3.5"}),eZ?"Change subscription":"Add subscription"]})]})]}),eA&&p&&(0,c.jsx)("div",{className:"fixed inset-0 z-[300] !mt-0 flex items-center justify-center bg-black/70 p-4 backdrop-blur-[2px]",role:"dialog","aria-modal":"true","aria-labelledby":"group-assign-modal-title",onClick:function(){return eF(!1)},children:(0,c.jsxs)("div",{className:"flex max-h-[90vh] w-full max-w-lg flex-col overflow-hidden rounded-3xl border border-white/10 bg-[#101214] shadow-[0_24px_64px_rgba(0,0,0,0.55)]",onClick:function(e){return e.stopPropagation()},children:[(0,c.jsx)("div",{className:"border-b border-white/10 bg-gradient-to-b from-white/[0.04] to-transparent px-5 py-4",children:(0,c.jsxs)("div",{className:"flex items-start justify-between gap-3",children:[(0,c.jsxs)("div",{className:"min-w-0",children:[(0,c.jsx)("h2",{id:"group-assign-modal-title",className:"font-basement text-xl font-semibold tracking-tight text-white",children:"Subscription for this group"}),(0,c.jsx)("p",{className:"mt-1 font-inter text-sm text-[#A4AAB4]",children:(null==eV?void 0:eV.name)?"".concat(eV.name," \xb7 assign existing or create new"):"Assign an existing subscription or create a new one."})]}),(0,c.jsx)("button",{type:"button",onClick:function(){return eF(!1)},className:"rounded-lg p-1.5 text-[#9CA3AF] transition-colors hover:bg-white/10 hover:text-white","aria-label":"Close",children:(0,c.jsx)(v.G,{icon:j.NBC,className:"h-5 w-5"})})]})}),(0,c.jsxs)("div",{className:"min-h-0 flex-1 overflow-y-auto px-5 py-4",children:[(0,c.jsxs)("div",{className:"mb-3 flex items-center justify-between",children:[(0,c.jsx)("p",{className:"font-inter text-xs font-semibold uppercase tracking-[0.08em] text-[#9CA3AF]",children:"Unassigned subscriptions"}),eJ.length>0&&(0,c.jsx)("span",{className:"rounded-full border border-white/15 px-2 py-0.5 font-inter text-xs text-[#C7CBD1]",children:eJ.length})]}),eJ.length>0?(0,c.jsx)("ul",{className:"space-y-3",children:eJ.map(function(e){var t,n,r,s=eu(e.tier),i=P.find(function(t){return t.id===e.tier}),l=null!==(t=null==i?void 0:i.description)&&void 0!==t?t:null,o=ea(null==i?void 0:i.billing_cycle,null),a=s.period?"".concat(s.cost,"/").concat(s.period):s.cost||null,d=el(null!==(r=null!==(n=e.current_period_start)&&void 0!==n?n:e.created_at)&&void 0!==r?r:e.createdAt),u=el(e.current_period_end),x=(0,_.ih)(e);return(0,c.jsx)("li",{children:(0,c.jsxs)("button",{type:"button",onClick:function(){eF(!1),em.handleAssignOrReassignLicenseToGroup(e.id,p,null!=eZ?eZ:void 0)},disabled:L,className:"group flex w-full flex-col gap-3 rounded-2xl border border-white/10 bg-[#171A1F] px-4 py-3 text-left font-inter transition-all hover:border-main-green/40 hover:bg-[#1D2128] disabled:opacity-50",children:[(0,c.jsxs)("div",{className:"flex items-start justify-between gap-3",children:[(0,c.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,c.jsxs)("div",{className:"flex flex-wrap items-center gap-2",children:[(0,c.jsx)("span",{className:"truncate font-medium text-main-green",children:s.name||"Subscription"}),(0,c.jsx)(V,{subscription:e})]}),x>1?(0,c.jsxs)("p",{className:"mt-1 font-inter text-xs text-[#CFFF3F]",children:["Includes ",x," group license slots"]}):null,(a||o)&&(0,c.jsxs)("p",{className:"mt-0.5 font-inter text-sm text-[#B2B9C4]",children:[a,a&&o&&" \xb7 ",o]})]}),(0,c.jsx)("span",{className:"inline-flex shrink-0 items-center rounded-lg border border-main-green/40 bg-main-green/10 px-2.5 py-1 font-inter text-xs font-semibold text-main-green transition-colors group-hover:bg-main-green/20",children:"Assign"})]}),l&&(0,c.jsx)("p",{className:"line-clamp-2 font-inter text-xs leading-relaxed text-[#98A0AC]",children:l}),(0,c.jsxs)("div",{className:"flex flex-wrap gap-x-4 gap-y-1 font-inter text-xs text-[#7F8895]",children:[(0,c.jsxs)("span",{children:["Start date: ",d]}),(0,c.jsxs)("span",{children:["End date: ",u]})]})]})},e.id)})}):(0,c.jsxs)("div",{className:"rounded-2xl border border-dashed border-white/20 bg-[#171A1F]/60 px-4 py-5 text-center",children:[(0,c.jsx)("p",{className:"font-inter text-sm text-[#A4AAB4]",children:"No unassigned subscriptions available."}),(0,c.jsx)("p",{className:"mt-1 font-inter text-xs text-[#7F8895]",children:"Create a new subscription and assign it directly to this group."})]})]}),(0,c.jsx)("div",{className:"shrink-0 border-t border-white/10 bg-[#13161B] px-5 py-4",children:(0,c.jsxs)("button",{type:"button",onClick:function(){eF(!1),em.openAddSub

1scriptionForGroup(p,{source:"settings"})},className:"flex w-full items-center justify-center gap-2 rounded-xl border border-main-green/60 bg-main-green/10 px-4 py-3 font-inter text-sm font-semibold text-main-green transition-colors hover:bg-main-green/20",children:[(0,c.jsx)(v.G,{icon:j.r8p,className:"h-4 w-4"}),"Create new subscription"]})})]})}),eZ&&(0,c.jsx)(ec,{subscription:eZ,tiers:P,getBackendTierLabel:eu,isMonthlyTier:ex,getAnnualTierIdForTier:_.qG,formatDateForCell:el,formatDayMonthForCell:eo,isCancellationRequested:_.Xq,processing:L,handlers:em,filterByGroupId:p}),!eZ&&(0,c.jsx)("p",{className:"rounded-xl border border-white/10 bg-[#131517]/50 px-4 py-6 font-inter text-sm text-[#9CA3AF]",children:"No subscription assigned. Use the button above to assign an existing subscription or create a new one."})]}):null,p?null:(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(es,{plans:eM,tiers:P,billingCycle:ef,onBillingCycleChange:eb,maxAnnualDiscount:eR,currency:ed,getTierLabel:_.y$,getDiscountPercent:_.hH,currentPlanName:eq,ownedPlanFamilies:eO,onChoosePlan:function(e){(0,H.e9)(H.JV.SETTINGS),(0,H.eN)(H.dW.SUBSCRIBE_CTA_CLICKED,{source:H.JV.SETTINGS}),em.openAddSubscriptionForGroup(null,{source:"settings"}),Y(e)}}),ez.length>0?(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)("div",{className:"mb-4 mt-10 font-inter text-sm text-white",children:"".concat(ez.length," active subscription").concat(1===ez.length?"":"s",".")}),(0,c.jsx)("div",{className:"lg:hidden",children:(0,c.jsx)("ul",{className:"space-y-3",children:0===ez.length?(0,c.jsx)("li",{className:"rounded-xl border border-white/15 px-4 py-8 text-center font-inter text-sm text-[#9CA3AF]",children:"No current subscriptions."}):ez.map(function(e){var t,n,r,s=eu(e.tier),i=P.find(function(t){return t.id===e.tier}),l=null!==(t=null==i?void 0:i.description)&&void 0!==t?t:"—",o=el(null!==(r=null!==(n=e.current_period_start)&&void 0!==n?n:e.created_at)&&void 0!==r?r:e.createdAt),a=el(e.current_period_end),d=(0,_.nV)(e),u=function(e){if(!(null==e?void 0:e.length))return"Unassigned";if(1===e.length){var t;return null!==(t=e[0].name)&&void 0!==t?t:"Assigned"}return"".concat(e.length," groups")}(d),x=d.length>0,m=eN===e.id;return(0,c.jsxs)("li",{className:"overflow-hidden rounded-xl border border-white/15 bg-[#1a1b1e]",children:[(0,c.jsxs)("button",{type:"button",onClick:function(){return ey(function(t){return t===e.id?null:e.id})},className:"flex w-full items-center justify-between gap-3 px-4 py-4 text-left hover:bg-white/[0.03]","aria-expanded":m,children:[(0,c.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,c.jsxs)("div",{className:"flex flex-wrap items-center gap-2 font-inter font-medium text-white",children:[(0,c.jsxs)("span",{children:[s.name||"—",(0,c.jsxs)("span",{className:"font-normal text-[#9CA3AF]",children:[" \xb7 ",x?u:"Unassigned"]})]}),(0,c.jsx)(V,{subscription:e})]}),(0,_.Xq)(e)&&(0,c.jsxs)("p",{className:"mt-0.5 font-inter text-xs font-medium text-amber-500",children:["Cancelled on"," ",eo(e.current_period_end)]})]}),(0,c.jsx)(w.p,{size:20,className:"shrink-0 text-[#5C626D] transition-transform ".concat(m?"rotate-180":"")})]}),m&&(0,c.jsx)("div",{className:"border-t border-white/15 bg-black/50 px-4 pb-4 pt-3",children:(0,c.jsxs)("div",{className:"space-y-3 font-inter text-sm",children:[(0,c.jsxs)("div",{children:[(0,c.jsx)("p",{className:"text-xs font-medium uppercase tracking-wider text-[#9CA3AF]",children:"Description"}),(0,c.jsx)("p",{className:"mt-0.5 text-[#C7CBD1]",children:l})]}),(0,c.jsxs)("div",{className:"flex flex-wrap justify-between gap-x-6 gap-y-1",children:[(0,c.jsxs)("div",{children:[(0,c.jsx)("p",{className:"text-xs font-medium uppercase tracking-wider text-[#9CA3AF]",children:"Start"}),(0,c.jsx)("p",{className:"text-[#C7CBD1]",children:o})]}),(0,c.jsxs)("div",{children:[(0,c.jsx)("p",{className:"text-right text-xs font-medium uppercase tracking-wider text-[#9CA3AF]",children:"End"}),(0,c.jsx)("p",{className:"text-[#C7CBD1]",children:a})]})]}),(0,c.jsx)("div",{className:"mt-1",children:(0,c.jsx)(Z,{subscription:e,processing:L,filterByGroupId:p,onRequestAssign:function(e){return ej(function(t){return t===e?null:e})},onDirectAssign:function(e,t){return em.handleAssignLicenseToGroup(e,t)},onUnassign:function(e,t){ej(null),em.handleUnassignLicenseFromGroupWithConfirm(e,t)},onUpgrade:e$(e)})}),(0,c.jsx)("div",{className:"flex w-full flex-col gap-2 pt-1",children:(0,_._d)(e)?(0,c.jsx)(ei,{className:"w-full justify-center px-4 py-2.5"}):(0,c.jsxs)(c.Fragment,{children:[ex(e)&&(0,c.jsxs)("button",{type:"button",onClick:function(){return em.handleUpgradeSubscription(e.id,(0,_.qG)(P,e.tier))},disabled:L,className:"flex w-full items-center justify-center gap-2 rounded-xl border border-main-green bg-[#1a1b1e] px-4 py-2.5 font-inter text-sm font-medium text-main-green transition-colors hover:bg-main-green/10 hover:text-white disabled:opacity-50",children:[(0,c.jsx)(v.G,{icon:j.FPD,className:"h-3.5 w-3.5"}),"Upgrade"]}),(0,c.jsxs)("button",{type:"button",onClick:function(){return em.handleCancelSubscription(e.id)},disabled:L||(0,_.Xq)(e),className:"flex w-full items-center justify-center gap-2 rounded-xl border border-white/15 bg-[#1a1b1e] px-4 py-2.5 font-inter text-sm font-medium text-main-red transition-colors hover:bg-main-red/10 disabled:opacity-50",children:[(0,c.jsx)(v.G,{icon:j.gPx,className:"h-3.5 w-3.5"}),"Cancel"]})]})})]})})]},e.id)})})}),(0,c.jsx)("div",{className:"hidden overflow-x-auto lg:block",children:(0,c.jsxs)("table",{className:"min-w-full border-separate border-spacing-0",children:[(0,c.jsx)("thead",{children:(0,c.jsxs)("tr",{children:[(0,c.jsx)("th",{className:"px-4 pb-2 text-left font-inter text-xs font-semibold uppercase tracking-wider text-[#9CA3AF]",children:"SUB Name"}),(0,c.jsx)("th",{className:"px-4 pb-2 text-left font-inter text-xs font-semibold uppercase tracking-wider text-[#9CA3AF]",children:"Source"}),(0,c.jsx)("th",{className:"px-4 pb-2 text-left font-inter text-xs font-semibold uppercase tracking-wider text-[#9CA3AF]",children:"Desc"}),(0,c.jsx)("th",{className:"px-4 pb-2 text-left font-inter text-xs font-semibold uppercase tracking-wider text-[#9CA3AF]",children:"Start Date"}),(0,c.jsx)("th",{className:"px-4 pb-2 text-left font-inter text-xs font-semibold uppercase tracking-wider text-[#9CA3AF]",children:"End Date"}),(0,c.jsx)("th",{className:"px-4 pb-2 text-center font-inter text-xs font-semibold uppercase tracking-wider text-[#9CA3AF]",children:"Upgrade"}),(0,c.jsx)("th",{className:"px-4 pb-2 text-center font-inter text-xs font-semibold uppercase tracking-wider text-[#9CA3AF]",children:"Cancel Sub"})]})}),(0,c.jsx)("tbody",{children:0===ez.length?(0,c.jsx)("tr",{children:(0,c.jsx)("td",{colSpan:7,className:"px-4 py-8 text-center font-inter text-sm text-[#9CA3AF]",children:"No current subscriptions."})}):ez.map(function(e,t){var n,r,s,i=eu(e.tier),l=P.find(function(t){return t.id===e.tier}),o=null!==(n=null==l?void 0:l.description)&&void 0!==n?n:"—",a=el(null!==(s=null!==(r=e.current_period_start)&&void 0!==r?r:e.created_at)&&void 0!==s?s:e.createdAt),u=el(e.current_period_end),x=(0,_._d)(e);return(0,c.jsxs)(d.Fragment,{children:[t>0&&(0,c.jsx)("tr",{"aria-hidden":"true",children:(0,c.jsx)("td",{colSpan:7,className:"h-6 p-0"})}),(0,c.jsxs)("tr",{className:"bg-[#212429]",children:[(0,c.jsxs)("td",{className:"rounded-tl-xl border-l border-t border-white/25 px-4 pb-2 pt-4 al

1ign-top",children:[(0,c.jsxs)("div",{className:"font-inter font-medium",children:[(0,c.jsx)("span",{className:"font-medium text-main-green",children:i.name||"—"}),(0,c.jsxs)("span",{className:"font-normal text-[#9CA3AF]",children:[" \xb7 ",(null==l?void 0:l.billing_cycle)==="annual"?"Annual":(null==l?void 0:l.billing_cycle)==="monthly"?"Monthly":"—"]})]}),(0,_.Xq)(e)&&(0,c.jsxs)("p",{className:"mt-0.5 font-inter text-xs font-medium text-amber-500",children:["Cancelled on"," ",eo(e.current_period_end)]})]}),(0,c.jsx)("td",{className:"border-t border-white/25 px-4 pb-2 pt-4 align-top",children:(0,c.jsx)(V,{subscription:e})}),(0,c.jsx)("td",{className:"border-t border-white/25 px-4 pb-2 pt-4 align-top",children:(0,c.jsx)("div",{className:"max-w-[420px] font-inter text-sm text-[#9CA3AF]",children:o})}),(0,c.jsx)("td",{className:"border-t border-white/25 px-4 pb-2 pt-4 align-top font-inter text-sm text-[#9CA3AF]",children:a}),(0,c.jsx)("td",{className:"border-t border-white/25 px-4 pb-2 pt-4 align-top font-inter text-sm text-[#9CA3AF]",children:u}),(0,c.jsx)("td",{className:"border-t border-white/25 px-4 pb-2 pt-4 text-center align-top",children:x?(0,c.jsx)("span",{className:"font-inter text-xs text-[#6B7280]",children:"—"}):ex(e)?(0,c.jsxs)("button",{type:"button",onClick:function(){return em.handleUpgradeSubscription(e.id,(0,_.qG)(P,e.tier))},disabled:L,className:"inline-flex items-center gap-2 rounded-xl border border-main-green bg-[#101113] px-4 py-2.5 font-inter text-sm font-medium text-main-green transition-colors hover:bg-main-green/10 hover:text-white disabled:opacity-50",children:[(0,c.jsx)(v.G,{icon:j.FPD,className:"h-3.5 w-3.5"}),"Upgrade"]}):(0,c.jsx)("span",{className:"font-inter text-xs text-[#6B7280]",children:"—"})}),(0,c.jsx)("td",{className:"rounded-tr-xl border-r border-t border-white/25 px-4 pb-2 pt-4 text-center align-top",children:x?(0,c.jsx)(ei,{}):(0,c.jsxs)("button",{type:"button",onClick:function(){return em.handleCancelSubscription(e.id)},disabled:L||(0,_.Xq)(e),className:"inline-flex items-center gap-2 rounded-xl border border-white/15 bg-[#101113] px-4 py-2.5 font-inter text-sm font-medium text-main-red transition-colors hover:bg-main-red/10 disabled:opacity-50",children:[(0,c.jsx)(v.G,{icon:j.gPx,className:"h-3.5 w-3.5"}),"Cancel"]})})]}),(0,c.jsx)("tr",{className:"bg-[#191c20]",children:(0,c.jsx)("td",{colSpan:7,className:"rounded-b-xl border-b border-l border-r border-t border-white/25 px-4 pb-4 pt-3",children:(0,c.jsx)(Z,{subscription:e,processing:L,filterByGroupId:p,onRequestAssign:function(e){return ej(function(t){return t===e?null:e})},onDirectAssign:function(e,t){return em.handleAssignLicenseToGroup(e,t)},onUnassign:function(e,t){ej(null),em.handleUnassignLicenseFromGroupWithConfirm(e,t)},onUpgrade:e$(e)})})})]},e.id)})})]})})]}):null]})]}),ev&&function(){var e,t=ez.find(function(e){return e.id===ev});if(!t)return null;var n=eu(t.tier);return(0,c.jsx)("div",{className:"fixed inset-0 z-[300] !mt-0 flex items-center justify-center bg-black/60 p-4",role:"dialog","aria-modal":"true","aria-labelledby":"assign-group-modal-title",onClick:function(){return ej(null)},children:(0,c.jsxs)("div",{className:"flex max-h-[90vh] w-full max-w-md flex-col overflow-hidden rounded-2xl border border-white/15 bg-[#131517] shadow-xl",onClick:function(e){return e.stopPropagation()},children:[(0,c.jsxs)("div",{className:"flex shrink-0 items-center justify-between border-b border-white/10 px-4 py-3",children:[(0,c.jsx)("h2",{id:"assign-group-modal-title",className:"font-basement text-lg font-semibold uppercase tracking-tight text-white",children:"Assign to group"}),(0,c.jsx)("button",{type:"button",onClick:function(){return ej(null)},className:"rounded-lg p-1.5 text-[#9CA3AF] transition-colors hover:bg-white/10 hover:text-white","aria-label":"Close",children:(0,c.jsx)(v.G,{icon:j.NBC,className:"h-5 w-5"})})]}),(0,c.jsxs)("p",{className:"shrink-0 border-b border-white/10 px-4 py-2 font-inter text-sm text-[#9CA3AF]",children:['Assign "',n.name||"Subscription",'" to a group you manage.']}),(0,c.jsx)("div",{className:"assign-group-modal-scrollbar min-h-0 flex-1 overflow-y-auto p-4",children:0===eT.length?(0,c.jsx)("p",{className:"py-6 text-center font-inter text-sm text-[#9CA3AF]",children:"No groups without a subscription. All groups you manage already have a subscription."}):(0,c.jsx)("ul",{className:"space-y-2",children:eT.map(function(n){return(0,c.jsx)("li",{children:(0,c.jsxs)("button",{type:"button",onClick:function(){ej(null),em.handleAssignLicenseToGroup(t.id,n.id)},disabled:L,className:"flex w-full items-center gap-3 rounded-xl border border-white/10 bg-[#1a1b1e] p-3 text-left font-inter transition-colors hover:border-white/20 hover:bg-[#25262a] disabled:opacity-50",children:[(0,c.jsx)("div",{className:"relative h-10 w-10 flex-shrink-0 overflow-hidden rounded-lg bg-black/40",children:n.profile_image||n.profile_image_url?(0,c.jsx)(x(),{src:n.profile_image||n.profile_image_url,alt:(0,k.z2)(n,"profile"),width:40,height:40,className:"object-cover",unoptimized:!0}):(0,c.jsx)("div",{className:"flex h-full w-full items-center justify-center",children:(0,c.jsx)(v.G,{icon:j.FVb,className:"h-5 w-5 text-[#5E626A]"})})}),(0,c.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,c.jsx)("p",{className:"truncate font-medium text-white",children:null!==(e=n.name)&&void 0!==e?e:"Untitled group"}),null!=n.member_count&&Number(n.member_count)>0&&(0,c.jsxs)("p",{className:"mt-0.5 font-inter text-xs text-[#6B7280]",children:[n.member_count," ",1===Number(n.member_count)?"member":"members"]})]})]})},n.id)})})})]})})}()]})}},13543:function(e,t,n){n.d(t,{Z:function(){return o}});var r=n(85893),s=n(67294),i=n(41664),l=n.n(i);function o(e){var t,n=e.title,i=e.message,o=e.confirmLabel,a=e.variant,c=e.dark,d=void 0!==c&&c,u=e.onConfirm,x=e.onClose,m=e.disabled,p=e.linkHref,h=void 0===p?null:p,f=e.linkLabel;(0,s.useEffect)(function(){var e=function(e){"Escape"===e.key&&(null==x||x())};return document.addEventListener("keydown",e),function(){return document.removeEventListener("keydown",e)}},[x]);var b={danger:"inline-flex items-center px-4 py-2 font-inter border border-transparent text-sm font-medium rounded-md text-white bg-red-600 hover:bg-red-700 disabled:opacity-50",primary:"inline-flex items-center px-4 py-2 font-inter border border-transparent text-sm font-medium rounded-md text-black bg-main-green hover:bg-main-green/90 disabled:opacity-50",default:"inline-flex items-center px-4 py-2 font-inter border border-transparent text-sm font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 disabled:opacity-50"},g=null!==(t=b[void 0===a?"default":a])&&void 0!==t?t:b.default;return(0,r.jsx)("div",{className:"fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4",role:"dialog","aria-modal":"true",children:(0,r.jsxs)("div",{className:d?"w-full max-w-md rounded-lg bg-black border border-white/20 p-6 shadow-xl":"w-full max-w-md rounded-lg bg-white p-6 shadow-xl",children:[(0,r.jsx)("h2",{className:d?"mb-2 font-basement text-lg font-semibold text-white":"mb-2 font-basement text-lg font-semibold text-gray-900",children:n}),(0,r.jsx)("p",{className:d?"mb-6 font-inter text-sm text-gray-400":"mb-6 font-inter text-sm text-gray-600",children:i}),(0,r.jsxs)("div",{className:"flex items-center justify-between gap-3",children:[h?(0,r.jsx)(l(),{href:h,className:"font-inter text-sm font-medium text-main-green transition-colors hover:text-main-green/80 hover:underline",children:void 0===f?null:f}):(0,r.jsx)("span",{}),(0,r.jsxs)("div",{className:"flex gap-3",children:[(0,r.jsx)("button",{type:"button",onClick:x,className:d?"inline-flex items-center rounded-md border border-white/20 bg-white/10 px-4 py-2 font-inter text-sm font-medium text-gray-200 hover:bg-white/15":"inline-flex items-center rounded-md border border-gray-300 bg-white px-4 py-2 font-inter text-sm font-medium text-gray-700 hover:bg-gray-50",children:"Cancel"}),(0,r.jsx)("button",{type:"button",onClick:function(){return null==u?void 0:u()},disabled:void 0!==m&&m,className:g,children:void 0===o?"Confirm":o})]})]})]})})}}}]);
2//# sourceMappingURL=3439-e1726444195972c2.js.map