https://www.sangse.page/_next/static/chunks/3005-aa559b6201edd991.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3005],{499:(e,t,r)=>{"use strict";r.d(t,{l:()=>i});var s=r(95155),a=r(74350);function i({open:e,onOpenChange:t,title:r,description:n,busy:l,children:d}){return(0,s.jsx)(a.lG,{open:e,onOpenChange:t,modal:!0,children:(0,s.jsxs)(a.Cf,{size:"base","aria-busy":l,className:"flex max-h-[calc(100dvh-2rem)] flex-col gap-0 overflow-hidden p-0 sm:p-0",children:[(0,s.jsxs)(a.c7,{className:"space-y-1 border-b border-[var(--ui-border)] px-5 pb-4 pr-14 pt-5 text-left",children:[(0,s.jsx)(a.L3,{className:"pr-0 text-base font-bold leading-6 tracking-[-0.01em] text-[var(--ui-text)]",children:r}),(0,s.jsx)(a.rr,{className:"text-xs leading-5 text-[var(--ui-text-muted)]",children:n})]}),d]})})}},4271:(e,t,r)=>{"use strict";r.d(t,{z:()=>n});var s=r(95155),a=r(4474),i=r(74350);function n({dict:e,open:t,onOpenChange:r,onLoginClick:l}){return(0,s.jsx)(i.lG,{open:t,onOpenChange:r,modal:!0,children:(0,s.jsxs)(i.Cf,{size:"sm",children:[(0,s.jsxs)(i.c7,{className:"space-y-1",children:[(0,s.jsx)(i.L3,{className:"text-base font-bold leading-6 tracking-[-0.01em] text-[var(--ui-text)]",children:e?.profile?.loginRequired||"로그인 필요"}),(0,s.jsx)(i.rr,{className:"text-xs leading-5 text-[var(--ui-text-muted)]",children:e?.profile?.loginRequiredDesc||"프로필 정보를 관리하려면 먼저 로그인이 필요합니다."})]}),(0,s.jsxs)(i.Es,{children:[(0,s.jsx)(a.$,{variant:"outline",onClick:()=>r(!1),children:e?.profile?.close||"닫기"}),(0,s.jsx)(a.$,{onClick:()=>l(),children:e?.profile?.loginButton||"로그인하기"})]})]})})}},4474:(e,t,r)=>{"use strict";r.d(t,{$:()=>u,r:()=>c});var s=r(95155),a=r(12115),i=r(42442),n=r(70147),l=r(37596),d=r(79502),o=r.n(d);let c=(0,n.F)("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-[var(--ui-radius-control)] text-sm font-semibold ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ui-focus)] focus-visible:ring-offset-2 disabled:pointer-events-none disabled:bg-[var(--ui-disabled-bg)] disabled:text-[var(--ui-disabled-text)] [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",{variants:{variant:{default:"bg-[var(--ui-action)] text-[var(--ui-on-action)] hover:bg-[var(--ui-action-hover)] active:bg-[var(--ui-action-pressed)]",destructive:"bg-destructive text-destructive-foreground hover:bg-destructive/90",outline:"border border-[var(--ui-border-control)] bg-[var(--ui-surface)] text-[var(--ui-text)] hover:bg-[var(--ui-surface-subtle)]",secondary:"bg-[var(--ui-surface-subtle)] text-[var(--ui-text)] hover:bg-[var(--ui-selected)]",ghost:"text-[var(--ui-text)] hover:bg-[var(--ui-surface-subtle)]",link:"text-[var(--ui-selected-text)] underline-offset-4 hover:underline",soft:"bg-[var(--ui-selected)] text-[var(--ui-selected-text)] hover:bg-[var(--ui-surface-subtle)]"},size:{default:"h-10 px-4 py-2",sm:"h-9 rounded-md px-3",lg:"h-11 rounded-md px-8",icon:"h-10 w-10"}},defaultVariants:{variant:"default",size:"default"}}),u=a.forwardRef(({className:e,variant:t,size:r,asChild:a=!1,type:n="button",...d},u)=>{let m=a?i.DX:"button";return(0,s.jsx)(m,{className:(0,l.cn)(o().root,c({variant:t,size:r,className:e})),ref:u,type:a?void 0:n,...d})});u.displayName="Button"},15306:(e,t,r)=>{"use strict";r.d(t,{Xi:()=>o,av:()=>c,j7:()=>d,tU:()=>l});var s=r(95155),a=r(12115),i=r(57518),n=r(37596);let l=i.bL,d=a.forwardRef(({className:e,...t},r)=>(0,s.jsx)(i.B8,{ref:r,className:(0,n.cn)("inline-flex h-10 items-center justify-center rounded-md bg-muted/70 p-1 text-muted-foreground",e),...t}));d.displayName=i.B8.displayName;let o=a.forwardRef(({className:e,...t},r)=>(0,s.jsx)(i.l9,{ref:r,className:(0,n.cn)("inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-colors motion-reduce:transition-none focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:font-semibold relative","after:absolute after:left-2 after:right-2 after:-bottom-[2px] after:h-[2px] after:rounded-full after:opacity-0 data-[state=active]:after:opacity-100","data-[state=active]:after:bg-[var(--ui-selected-text)]",e),...t}));o.displayName=i.l9.displayName;let c=a.forwardRef(({className:e,...t},r)=>(0,s.jsx)(i.UC,{ref:r,className:(0,n.cn)("mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",e),...t}));c.displayName=i.UC.displayName},21425:(e,t,r)=>{"use strict";r.d(t,{y:()=>z});var s=r(95155),a=r(15306),i=r(37596),n=r(4474),l=r(12115),d=r(99003),o=r(79792);let c=d.Op,u=l.createContext({}),m=({...e})=>(0,s.jsx)(u.Provider,{value:{name:e.name},children:(0,s.jsx)(d.xI,{...e})}),x=()=>{let e=l.useContext(u),t=l.useContext(f),{getFieldState:r,formState:s}=(0,d.xW)(),a=r(e.name,s);if(!e)throw Error("useFormField should be used within <FormField>");let{id:i}=t;return{id:i,name:e.name,formItemId:`${i}-form-item`,formDescriptionId:`${i}-form-item-description`,formMessageId:`${i}-form-item-message`,...a}},f=l.createContext({}),p=l.forwardRef(({className:e,...t},r)=>{let a=l.useId();return(0,s.jsx)(f.Provider,{value:{id:a},children:(0,s.jsx)("div",{ref:r,className:(0,i.cn)("space-y-2",e),...t})})});p.displayName="FormItem";let b=l.forwardRef(({className:e,...t},r)=>{let{error:a,formItemId:n}=x();return(0,s.jsx)(o.J,{ref:r,className:(0,i.cn)(a&&"text-destructive",e),htmlFor:n,...t})});b.displayName="FormLabel";let v=l.forwardRef(({...e},t)=>{let{error:r,formItemId:a,formDescriptionId:i,formMessageId:n}=x();return(0,s.jsx)("div",{ref:t,id:a,"aria-describedby":r?`${i} ${n}`:`${i}`,"aria-invalid":!!r,...e})});v.displayName="FormControl",l.forwardRef(({className:e,...t},r)=>{let{formDescriptionId:a}=x();return(0,s.jsx)("p",{ref:r,id:a,className:(0,i.cn)("text-sm text-muted-foreground",e),...t})}).displayName="FormDescription";let h=l.forwardRef(({className:e,children:t,...r},a)=>{let{error:n,formMessageId:l}=x(),d=n?String(n?.message):t;return d?(0,s.jsx)("p",{ref:a,id:l,className:(0,i.cn)("text-sm font-medium text-destructive",e),...r,children:d}):null});h.displayName="FormMessage";var g=r(39658),j=r(41406);function N({dict:e,emailForm:t,loading:r,onSubmitEmail:a}){return(0,s.jsx)(j.rd,{title:e?.profile?.emailInfo?.title||"이메일 관리",description:e?.profile?.emailInfo?.description||"계정에 연결된 이메일을 변경할 수 있습니다.",children:(0,s.jsx)(c,{...t,children:(0,s.jsx)("form",{onSubmit:t.handleSubmit(a),children:(0,s.jsx)(m,{control:t.control,name:"email",render:({field:t})=>(0,s.jsxs)(p,{className:"space-y-1.5",children:[(0,s.jsxs)("div",{className:"flex items-center justify-between gap-3",children:[(0,s.jsx)(b,{className:j.Fh,children:e?.profile?.emailInfo?.newEmail||"이메일"}),(0,s.jsx)(n.$,{type:"submit",variant:"link",size:"sm",className:j.zI,disabled:r,children:r?e?.common?.updating||"업데이트 중...":e?.profile?.emailInfo?.updateButton||"이메일 업데이트"})]}),(0,s.jsx)(v,{children:(0,s.jsx)(g.p,{...t,className:j.VU,type:"email",placeholder:e?.profile?.emailInfo?.emailPlaceholder||"새 이메일 주소"})}),(0,s.jsx)(h,{})]})})})})})}function y({dict:e,loading:t,passwordForm:r,onSubmitPassword:a}){return(0,s.jsx)(j.rd,{title:e?.profile?.passwordInfo?.title||"비밀번호 변경",description:e?.profile?.passwordInfo?.description||"계정 비밀번호를 변경할 수 있습니다.",children:(0,s.jsx)(c,{...r,children:(0,s.jsxs)("form",{onSubmit:r.handleSubmit(a),className:"space-y-4",children:[(0,s.jsx)(m,{control:r.control,name:"password",render:({field:r})=>(0,s.jsxs)(p,{className:"space-y-1.5",children:[(0,s.jsxs)("div",{className:"flex items-center justify-between gap-3",children:[(0,s.jsx)(b,{className:j.Fh,children:e?.profile?.passwordInfo?.newPassword||"새 비밀번호"}),(0,s.jsx)(n.$,{type:"submit",variant:"link",size:"sm",className:j.zI,disabled:t,children:t?e?.common?.updating||"업데이트 중...":e?.profile?.passwordInfo?.updateButton||"비밀번호 변경"})]}),(0,s.jsx)(v,{children:(0,s.jsx)(g.p,{...r,className:j.VU,type:"password",placeholder:e?.profile?.passwordInfo?.passwordPlaceholder||"새 비밀번호"})}),(0,s.jsx)(h,{})]})}),(0,s.jsx)(m,{control:r.control,name:"confirmPassword",render:({field:t})=>(0,s.jsxs)(p,{className:"space-y-1.5",children:[(0,s.jsx)(b,{className:j.Fh,children:e?.profile?.passwordInfo?.confirmPassword||"비밀번호 확인"}),(0,s.jsx)(v,{children:(0,s.jsx)(g.p,{...t,className:j.VU,type:"password",placeholder:e?.profile?.passwordInfo?.confirmPlaceholder||"새 비밀번호 확인"})}),(0,s.jsx)(h,{})]})})]})})})}function w({dict:e,loading:t,profileForm:r,onSubmitProfile:a}){return(0,s.jsx)(j.rd,{title:e?.profile?.profileInfo?.title||"프로필 정보",description:e?.profile?.profileInfo?.description||"프로필 정보를 수정할 수 있습니다.",children:(0,s.jsx)(c,{...r,children:(0,s.jsx)("form",{onSubmit:r.handleSubmit(a),children:(0,s.jsx)(m,{control:r.control,name:"name",render:({field:r})=>(0,s.jsxs)(p,{className:"space-y-1.5",children:[(0,s.jsxs)("div",{className:"flex items-center justify-between gap-3",children:[(0,s.jsx)(b,{className:j.Fh,children:e?.profile?.profileInfo?.name||"이름"}),(0,s.jsx)(n.$,{type:"submit",variant:"link",size:"sm",className:j.zI,disabled:t,children:t?e?.common?.updating||"업데이트 중...":e?.profile?.profileInfo?.updateButton||"프로필 업데이트"})]}),(0,s.jsx)(v,{children:(0,s.jsx)(g.p,{...r,className:j.VU,placeholder:e?.profile?.profileInfo?.namePlaceholder||"이름을 입력하세요"})}),(0,s.jsx)(h,{})]})})})})})}var k=r(72799);function I({subscriptionSummary:e,handleOpenSubscriptionDashboard:t}){return(0,s.jsxs)("section",{className:"border-t border-[var(--ui-border)] pt-6",children:[(0,s.jsx)("h3",{className:"text-sm font-semibold leading-5 text-[var(--ui-text)]",children:"구독 요약"}),(0,s.jsx)("p",{className:"mt-1 break-keep text-xs leading-5 text-[var(--ui-text-muted)]",children:"현재 플랜과 구독 기록을 확인하고 결제 관리로 이동하세요."}),(0,s.jsx)(k.q,{summary:e}),(0,s.jsx)(n.$,{type:"button",className:"mt-4 w-full sm:w-auto",onClick:t,children:"플랜 및 결제 관리"})]})}let F="rounded-none border-b-2 border-transparent bg-transparent px-0 pb-2.5 pt-0 text-sm font-medium text-[var(--ui-text-muted)] after:hidden data-[state=active]:border-[var(--ui-text)] data-[state=active]:bg-transparent data-[state=active]:font-semibold data-[state=active]:text-[var(--ui-text)]";function z({className:e,dict:t,emailForm:r,handleOpenSubscriptionDashboard:n,loading:l,onSubmitEmail:d,onSubmitPassword:o,onSubmitProfile:c,passwordForm:u,profileForm:m,subscriptionSummary:x}){return(0,s.jsxs)(a.tU,{defaultValue:"profile",className:(0,i.cn)("w-full",e),"aria-label":t?.profile?.title||"프로필 설정",children:[(0,s.jsxs)(a.j7,{className:"h-auto w-full justify-start gap-6 rounded-none border-b border-[var(--ui-border)] bg-transparent px-5 py-0",children:[(0,s.jsx)(a.Xi,{className:F,value:"profile",children:t?.profile?.tabs?.profile||"프로필"}),(0,s.jsx)(a.Xi,{className:F,value:"email",children:t?.profile?.tabs?.email||"이메일"}),(0,s.jsx)(a.Xi,{className:F,value:"password",children:t?.profile?.tabs?.password||"비밀번호"})]}),(0,s.jsx)(a.av,{value:"profile",className:"mt-6 px-5 pb-5",children:(0,s.jsxs)("div",{className:"space-y-6",children:[(0,s.jsx)(w,{dict:t,loading:l,profileForm:m,onSubmitProfile:c}

1),(0,s.jsx)(I,{subscriptionSummary:x,handleOpenSubscriptionDashboard:n})]})}),(0,s.jsx)(a.av,{value:"email",className:"mt-6 px-5 pb-5",children:(0,s.jsx)(N,{dict:t,emailForm:r,loading:l,onSubmitEmail:d})}),(0,s.jsx)(a.av,{value:"password",className:"mt-6 px-5 pb-5",children:(0,s.jsx)(y,{dict:t,loading:l,passwordForm:u,onSubmitPassword:o})})]})}},38291:(e,t,r)=>{"use strict";r.d(t,{E:()=>i});var s=r(95155);r(12115);var a=r(37596);let i=({label:e,tone:t="neutral",variant:r,size:i="sm",className:n,children:l,...d})=>{let o={default:"bg-gray-900 text-white",secondary:"bg-gray-100 text-gray-800 border border-gray-200",destructive:"bg-red-600 text-white",outline:"border border-gray-300 text-gray-700 bg-transparent dark:border-gray-600 dark:text-gray-300",premium:"bg-purple-600 text-white",new:"bg-emerald-600 text-white",hot:"bg-orange-600 text-white",beta:"bg-blue-600 text-white",discount:"bg-pink-600 text-white",trending:"bg-indigo-600 text-white"},c=r?o[r]??o.default:({neutral:"bg-gray-400 text-white",success:"bg-green-500 text-white",warning:"bg-orange-500 text-white",info:"bg-blue-500 text-white",critical:"bg-red-500 text-white"})[t];return(0,s.jsx)("span",{className:(0,a.cn)("inline-flex items-center justify-center rounded-full font-medium tracking-wide",c,{xs:"px-1.5 py-0.5 text-[10px] leading-none",sm:"px-2 py-0.5 text-[11px] leading-none",md:"px-2.5 py-1 text-xs leading-none"}[i],n),...d,children:l??e})};i.displayName="Badge"},39658:(e,t,r)=>{"use strict";r.d(t,{p:()=>n});var s=r(95155),a=r(12115),i=r(37596);let n=a.forwardRef(({className:e,type:t,...r},a)=>(0,s.jsx)("input",{type:t,className:(0,i.cn)("flex h-10 w-full rounded-[var(--ui-radius-control)] border border-input bg-[var(--ui-surface)] px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:bg-[var(--ui-disabled-bg)] disabled:text-[var(--ui-disabled-text)] aria-[invalid=true]:border-destructive md:text-sm",e),ref:a,...r}));n.displayName="Input"},41406:(e,t,r)=>{"use strict";r.d(t,{Fh:()=>a,VU:()=>i,rd:()=>l,zA:()=>d,zI:()=>n});var s=r(95155);let a="text-xs font-medium leading-5 text-[var(--ui-text-muted)]",i="h-10 border-[var(--ui-border)] text-sm text-[var(--ui-text)]",n="h-auto px-0 py-0 text-xs font-semibold disabled:bg-transparent disabled:text-[var(--ui-disabled-text)]";function l({title:e,description:t,children:r}){return(0,s.jsxs)("section",{children:[(0,s.jsx)("h3",{className:"text-sm font-semibold leading-5 text-[var(--ui-text)]",children:e}),(0,s.jsx)("p",{className:"mt-1 break-keep text-xs leading-5 text-[var(--ui-text-muted)]",children:t}),(0,s.jsx)("div",{className:"mt-4",children:r})]})}function d(){return(0,s.jsxs)("div",{className:"flex min-h-64 flex-col items-center justify-center gap-3 px-5 py-12 text-center",role:"status","aria-live":"polite",children:[(0,s.jsx)("span",{className:"size-6 animate-spin rounded-full border-2 border-[var(--ui-border)] border-t-[var(--ui-focus)]","aria-hidden":"true"}),(0,s.jsx)("p",{className:"text-sm text-[var(--ui-text-secondary)]",children:"프로필 정보를 불러오는 중입니다."})]})}},60776:(e,t,r)=>{"use strict";r.d(t,{LM:()=>n,yl:()=>a});var s=r(96253);function a(e){return e?.toUpperCase()??""}let i=s.z.object({currentPlan:s.z.string().trim().min(1),subscription:s.z.object({status:s.z.string().trim().min(1),currentPeriodEnd:s.z.string().nullable()}).nullable()});function n(e,{isLoading:t=!1,isError:r=!1}={}){let s=i.safeParse(e);return t||r||!s.success?{plan:null,status:null,recordedPeriodEnd:null,state:t?"loading":"unavailable"}:{plan:s.data.currentPlan.toLowerCase(),status:s.data.subscription?.status.toLowerCase()??null,recordedPeriodEnd:s.data.subscription?.currentPeriodEnd??null,state:"ready"}}},70147:(e,t,r)=>{"use strict";r.d(t,{F:()=>s.F});var s=r(18460)},72799:(e,t,r)=>{"use strict";r.d(t,{q:()=>l});var s=r(95155),a=r(38291),i=r(94384),n=r(60776);function l({summary:e}){if("ready"!==e.state)return(0,s.jsx)("p",{role:"status",className:"mt-4 text-sm text-[var(--ui-text-secondary)]",children:"loading"===e.state?"구독 정보를 불러오는 중입니다.":"구독 정보를 확인할 수 없습니다. 다시 시도해 주세요."});let t=(0,i.P)(e.status);return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)("dl",{className:"mt-4 grid grid-cols-1 divide-y divide-[var(--ui-border)] border-y border-[var(--ui-border)] sm:grid-cols-3 sm:divide-x sm:divide-y-0",children:[(0,s.jsxs)("div",{className:"min-w-0 py-3 sm:pr-4",children:[(0,s.jsx)("dt",{className:"text-xs text-[var(--ui-text-muted)]",children:"현재 플랜"}),(0,s.jsx)("dd",{className:"mt-1 break-words text-base font-bold text-[var(--ui-text)]",children:(0,n.yl)(e.plan)}),(0,s.jsx)("dd",{className:"mt-1 text-xs text-[var(--ui-text-muted)]",children:"구독 조회 기준"})]}),(0,s.jsxs)("div",{className:"min-w-0 py-3 sm:px-4",children:[(0,s.jsx)("dt",{className:"text-xs text-[var(--ui-text-muted)]",children:"구독 기록 상태"}),(0,s.jsx)("dd",{className:"mt-1",children:(0,s.jsx)(a.E,{variant:"outline",size:"md",className:t.className,children:t.label})})]}),(0,s.jsxs)("div",{className:"min-w-0 py-3 sm:pl-4",children:[(0,s.jsx)("dt",{className:"text-xs text-[var(--ui-text-muted)]",children:"기록된 기간 종료일"}),(0,s.jsx)("dd",{className:"mt-1 text-sm font-semibold text-[var(--ui-text)]",children:(0,i.D)(e.recordedPeriodEnd)})]})]}),(0,s.jsx)("p",{className:"mt-3 text-xs leading-5 text-[var(--ui-text-muted)]",children:"기간 종료일은 구독 기록이며, 현재 플랜의 이용 권한 만료를 뜻하지 않습니다."})]})}},79502:e=>{e.exports={root:"button_root__GE9GQ"}},79792:(e,t,r)=>{"use strict";r.d(t,{J:()=>n});var s=r(95155),a=r(12115),i=r(37596);let n=a.forwardRef(({className:e,...t},r)=>(0,s.jsx)("label",{ref:r,className:(0,i.cn)("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",e),...t}));n.displayName="Label"},94384:(e,t,r)=>{"use strict";function s(e){if(!e)return"정보 없음";let t=new Date(e);return Number.isNaN(t.getTime())?"정보 없음":t.toLocaleDateString("ko-KR",{year:"numeric",month:"long",day:"numeric"})}function a(e){let t="border-[var(--ui-border)] text-[var(--ui-text-secondary)] bg-[var(--ui-surface)]";

1switch(e){case"active":return{label:"활성",className:t};case"canceled":return{label:"해지됨",className:t};case"past_due":return{label:"결제 확인 필요",className:"border-[var(--ui-danger)] text-[var(--ui-danger)] bg-[var(--ui-surface)]"};case"trialing":return{label:"체험 중",className:t};case"inactive":return{label:"비활성",className:t};case null:return{label:"구독 기록 없음",className:t};default:return{label:"상태 확인 필요",className:t}}}r.d(t,{D:()=>s,P:()=>a})}}]);