https://betakti.com/_app/immutable/nodes/10.C9kyIZHH.js

1import"../chunks/CNb4KXTR.js";import{p as mt,e as F,Y as at,A as j,t as h,a as x,b as dt,f as $,s,c as a,r,d as N,g as C,C as T,B as I,u as H}from"../chunks/Ik-z_8js.js";import{d as vt,a as gt,s as u}from"../chunks/CrfiW7Eu.js";import{i as R}from"../chunks/B2u24Gqr.js";import{a as pt}from"../chunks/DvWQ_zhh.js";import{g as _}from"../chunks/XuHuThkX.js";import{l as ft}from"../chunks/-RCwnkR3.js";import{s as ht}from"../chunks/Jl64Kh5W.js";import{s as xt}from"../chunks/BJBWWvnc.js";import{s as bt}from"../chunks/ClemDFgp.js";import{C as D}from"../chunks/BZZeDWVu.js";import{B as rt}from"../chunks/BGEpH7hK.js";import{I as yt}from"../chunks/DUI9i7Dd.js";import{S as nt}from"../chunks/Bd7GtOaa.js";import{P as wt}from"../chunks/CPnKmCeU.js";import{e as kt}from"../chunks/CdC-GqRW.js";import{i as St,g as $t}from"../chunks/DKl2ZEee.js";import{c as Pt}from"../chunks/BlF3_suF.js";const jt=()=>"الإعدادات",At=()=>"Settings",Dt=((l={},t={})=>(t.locale??_())==="ar"?jt():At()),Lt=()=>"اللغة",Ct=()=>"Language",It=((l={},t={})=>(t.locale??_())==="ar"?Lt():Ct()),Nt=()=>"المظهر",Tt=()=>"Theme",Bt=((l={},t={})=>(t.locale??_())==="ar"?Nt():Tt()),Et=()=>"فاتح",Ot=()=>"Light",Mt=((l={},t={})=>(t.locale??_())==="ar"?Et():Ot()),Ut=()=>"داكن",zt=()=>"Dark",Ft=((l={},t={})=>(t.locale??_())==="ar"?Ut():zt()),Ht=()=>"النظام",Rt=()=>"System",Yt=((l={},t={})=>(t.locale??_())==="ar"?Ht():Rt()),qt=()=>"العربية",Gt=()=>"العربية",Jt=((l={},t={})=>(t.locale??_())==="ar"?qt():Gt()),Kt=()=>"English",Qt=()=>"English",Vt=((l={},t={})=>(t.locale??_())==="ar"?Kt():Qt()),Wt=()=>"الحساب",Xt=()=>"Account",Zt=((l={},t={})=>(t.locale??_())==="ar"?Wt():Xt()),te=()=>"الاشتراك",ee=()=>"Subscription",ae=((l={},t={})=>(t.locale??_())==="ar"?te():ee()),re=()=>"المظهر",ne=()=>"Appearance",se=((l={},t={})=>(t.locale??_())==="ar"?re():ne()),oe=()=>"اللغة",le=()=>"Language",ce=((l={},t={})=>(t.locale??_())==="ar"?oe():le()),ie=()=>"المساعدة والدعم",ue=()=>"Help & support",_e=((l={},t={})=>(t.locale??_())==="ar"?ie():ue()),me=()=>"قانوني",de=()=>"Legal",ve=((l={},t={})=>(t.locale??_())==="ar"?me():de()),ge=()=>"روابط اجتماعية",pe=()=>"Social",fe=((l={},t={})=>(t.locale??_())==="ar"?ge():pe()),he=()=>"تسجيل الخروج",xe=()=>"Sign out",be=((l={},t={})=>(t.locale??_())==="ar"?he():xe()),ye=()=>"إدارة الاشتراك",we=()=>"Manage subscription",ke=((l={},t={})=>(t.locale??_())==="ar"?ye():we()),Se=()=>"حفظ",$e=()=>"Save",Pe=((l={},t={})=>(t.locale??_())==="ar"?Se():$e()),je=()=>"تم الحفظ",Ae=()=>"Saved",De=((l={},t={})=>(t.locale??_())==="ar"?je():Ae()),Le=()=>"يتجدّد في",Ce=()=>"Renews on",Ie=((l={},t={})=>(t.locale??_())==="ar"?Le():Ce()),Ne=()=>"مدى الحياة",Te=()=>"Lifetime",Be=((l={},t={})=>(t.locale??_())==="ar"?Ne():Te());var Ee=$('<p class="text-xs text-[var(--color-success)] mt-2"> </p>'),Oe=$('<h2 class="text-lg font-semibold mb-4"> </h2> <div class="flex items-center gap-4 mb-4"><div class="w-14 h-14 rounded-[999px] flex items-center justify-center text-white text-xl font-bold" style="background: var(--brand-gradient);"> </div> <div><div class="text-sm text-[var(--color-muted)]"> </div></div></div> <form method="POST" action="?/updateName" class="flex items-end gap-3"><!> <!></form> <!>',1),Me=$('<div class="flex items-center justify-between mb-4"><h2 class="text-lg font-semibold flex items-center gap-2"> <!></h2></div> <div class="text-sm text-[var(--color-muted)] mb-4"><!></div> <!>',1),Ue=$('<h2 class="text-lg font-semibold mb-4"> </h2> <div class="flex items-center justify-between"><span class="text-sm"> </span> <!></div>',1),ze=$('<h2 class="text-lg font-semibold mb-4"> </h2> <div class="flex items-center justify-between"><span class="text-sm"> </span> <!></div>',1),Fe=$('<h2 class="text-lg font-semibold mb-3"> </h2> <a href="mailto:[email protected]" class="text-sm text-[var(--color-accent)] hover:underline">[email protected]</a>',1),He=$('<h2 class="text-lg font-semibold mb-3"> </h2> <div class="flex flex-col gap-2 text-sm"><a href="/privacy" class="text-[var(--color-accent)] hover:underline"> </a> <a href="/terms" class="text-[var(--color-accent)] hover:underline"> </a></div>',1),Re=$('<h2 class="text-lg font-semibold mb-3"> </h2> <div class="flex flex-col gap-2 text-sm"><a href="https://twitter.com/khalidjsah" target="_blank" rel="noopener noreferrer" class="text-[var(--color-accent)] hover:underline">Twitter · @khalidjsah</a> <a href="https://instagram.com/khalidjh" target="_blank" rel="noopener noreferrer" class="text-[var(--color-accent)] hover:underline">Instagram · @khalidjh</a></div>',1),Ye=$('<div class="relative isolate overflow-hidden -mx-4 sm:-mx-6 lg:-mx-8 -mt-4 sm:-mt-6 lg:-mt-8 px-4 sm:px-6 lg:px-8 pt-4 sm:pt-6 lg:pt-8 pb-10"><div class="bg-hero-mesh absolute inset-0 -z-10 opacity-80" aria-hidden="true"></div> <header class="max-w-3xl mx-auto flex flex-col gap-2 pt-4"><span class="inline-flex items-center gap-2 text-[11px] font-medium tracking-[0.12em] uppercase text-[var(--color-accent)]" style="font-family: var(--font-mono);"><span class="inline-block w-6 h-px bg-[var(--color-accent)]" aria-hidden="true"></span> </span> <h1 class="text-[clamp(2rem,4vw,2.75rem)] font-bold leading-[1.1]" style="font-family: var(--font-display); letter-spacing: -0.015em;"> </h1></header></div> <div class="max-w-3xl mx-auto flex flex-col gap-6 pt-4"><!> <!> <!> <!> <!> <!> <!> <button type="button" class="inline-flex items-center justify-center gap-2 px-4 py-3 rounded-[10px] text-white font-semibold text-sm self-start hover:opacity-95" style="background: linear-gradient(160deg, #ef4444 0%, #b91c1c 100%);"> </button></div>',1);function ia(l,t){mt(t,!0);let o=F(at(t.data.theme??"system")),Y=F(at(t.data.account.displayName??"")),B=F(!1);function st(e){if(N(o,e,!0),typeof window>"u")return;const w=window.matchMedia("(prefers-color-scheme: dark)").matches,c=e==="system"?w?"dark":"light":e;document.documentElement.setAttribute("data-theme",c);try{localStorage.setItem("theme",e)}catch{}document.cookie=`theme=${e}; path=/; max-age=${3600*24*365}; samesite=lax`}async function ot(e){e!==t.data.locale&&(document.cookie=`locale=${e}; path=/; max-age=${3600*24*365}; samesite=lax`,window.location.reload())}async function lt(){await Pt(),await St(),await $t("/")}function ct(e){if(!e)return"—";try{return new Intl.DateTimeFormat(_()==="ar"?"ar-SA":"en-US",{dateStyle:"medium"}).format(new Date(e))}catch{return new Date(e).toDateString()}}var q=Ye(),E=j(q),G=s(a(E),2),O=a(G),it=s(a(O));r(O);var J=s(O,2),ut=a(J,!0);r(J),r(G),r(E);var K=s(E,2),Q=a(K);D(Q,{children:(e,w)=>{var c=Oe(),n=j(c),g=a(n,!0);r(n);var m=s(n,2),v=a(m),k=a(v,!0);r(v);var b=s(v,2),p=a(b),S=a(p,!0);r(p),r(b),r(m);var P=s(m,2),L=a(P);{let i=H(()=>ft());yt(L,{name:"displayName",get label(){return C(i)},class:"flex-1",get value(){return C(Y)},set value(f){N(Y,f,!0)}})}var U=s(L,2);rt(U,{variant:"primary",type:"submit",children:(i,f)=>{T();var A=I();h(z=>u(A,z),[()=>Pe()]),x(i,A)},$$slots:{default:!0}}),r(P),pt(P,(i,f)=>{var A;return(A=kt)==null?void 0:A(i,f)},()=>()=>(N(B,!1),async({update:i})=>{await i(),N(B,!0)}));var d=s(P,2);{var y=i=>{var f=Ee(),A=a(f,!0);r(f),h(z=>u(A,z),[()=>De()]),x(i,f)};R(d,i=>{C(B)&&i(y)})}h((i,f)=>{u(g,i),u(k,f),u(S,t.data.account.email)},[()=>Zt(),()=>(t.data.account.displayName??t.data.account.email??"?").charAt(0).toUpperCase()]),x(e,c)},$$slots:{default:!0}});var V=s(Q,2);D(V,{children:(e,w)=>{var c=Me(),n=j(c),g=a(n),m=a(g),v=s(m);{var k=d=>{wt(d,{})};R(v,d=>{t.data.account.subscription.tier==="pro"&&t.data.account.subscription.isActive&&d(k)})}r(g),r(n);var b=s(n,2),p=a(b);{var S=d=>{var y=I();h(i=>u(y,i),[()=>Be()]),x(d,y)},P=d=>{var y=I();h((i,f)=>u(y,`${i??""}
2        ${f??""}`),[()=>Ie(),()=>ct(t.data.account.subscription.expirationDate)]),x(d,y)},L=d=>{var y=I();h(i=>u(y,i),[()=>bt()]),x(d,y)};R(p,d=>{t.data.account.subscription.isLifetime?d(S):t.data.account.subscription.tier==="pro"&&t.data.account.subscription.isActive?d(P,1):d(L,-1)})}r(b);var U=s(b,2);rt(U,{variant:"secondary",href:"/subscription",children:(d,y)=>{T();var i=I();h(f=>u(i,f),[()=>ke()]),x(d,i)},$$slots:{default:!0}}),h(d=>u(m,`${d??""} `),[()=>ae()]),x(e,c)},$$slots:{default:!0}});var W=s(V,2);D(W,{children:(e,w)=>{var c=Ue(),n=j(c),g=a(n,!0);r(n);var m=s(n,2),v=a(m),k=a(v,!0);r(v);var b=s(v,2);{let p=H(()=>[{value:"light",label:Mt()},{value:"dark",label:Ft()},{value:"system",label:Yt()}]);nt(b,{get value(){return C(o)},onChange:st,get options(){return C(p)}})}r(m),h((p,S)=>{u(g,p),u(k,S)},[()=>se(),()=>Bt()]),x(e,c)},$$slots:{default:!0}});var X=s(W,2);D(X,{children:(e,w)=>{var c=ze(),n=j(c),g=a(n,!0);r(n);var m=s(n,2),v=a(m),k=a(v,!0);r(v);var b=s(v,2);{let p=H(()=>[{value:"ar",label:Jt()},{value:"en",label:Vt()}]);nt(b,{get value(){return t.data.locale},onChange:ot,get options(){return C(p)}})}r(m),h((p,S)=>{u(g,p),u(k,S)},[()=>ce(),()=>It()]),x(e,c)},$$slots:{default:!0}});var Z=s(X,2);

2D(Z,{children:(e,w)=>{var c=Fe(),n=j(c),g=a(n,!0);r(n),T(2),h(m=>u(g,m),[()=>_e()]),x(e,c)},$$slots:{default:!0}});var tt=s(Z,2);D(tt,{children:(e,w)=>{var c=He(),n=j(c),g=a(n,!0);r(n);var m=s(n,2),v=a(m),k=a(v,!0);r(v);var b=s(v,2),p=a(b,!0);r(b),r(m),h((S,P,L)=>{u(g,S),u(k,P),u(p,L)},[()=>ve(),()=>ht(),()=>xt()]),x(e,c)},$$slots:{default:!0}});var et=s(tt,2);D(et,{children:(e,w)=>{var c=Re(),n=j(c),g=a(n,!0);r(n),T(2),h(m=>u(g,m),[()=>fe()]),x(e,c)},$$slots:{default:!0}});var M=s(et,2),_t=a(M,!0);r(M),r(K),h((e,w)=>{u(it,` ${t.data.account.email??""}`),u(ut,e),u(_t,w)},[()=>Dt(),()=>be()]),gt("click",M,lt),x(l,q),dt()}vt(["click"]);export{ia as component};