1import{i as ge,h as Ce,v as Ae,a as c,m as R,n as u,j as t,p as be,_ as je,M as fe}from"./BAV34SQA.js";import{Q as te,u as _,y as I,k$ as ve,o as ye,n as z,a4 as H,l0 as se,bZ as ae,aU as we,aa as Ie,q as Se,x as Me,g as Be,fi as Ne,dl as q,a7 as g,a8 as _e,dM as $,l1 as ke,l2 as Z,a6 as B,m as v,dD as k,aK as T,a5 as N,l3 as Ee,l4 as Fe,l5 as Pe,l6 as Te,je as De,l7 as Ge,l8 as V,l9 as X,la as ee,lb as Le,aC as $e,at as oe,lc as Re}from"./ILpXaSKq.js";import{u as Ue}from"./C8l6IY2P.js";import{bS as U}from"./DO3IEkff.js";import{b as Qe}from"./CiBdRJwn.js";import{u as We}from"./1Q-rQOX2.js";import{F as Ye}from"./CR2Jel70.js";import{I as ne,a as re}from"./FU7c3eMS.js";import{a as Oe}from"./DMk0c_Wi.js";import{T as Ke}from"./BNn7I5kk.js";import{u as Ve}from"./Cuq5NKh1.js";import{u as ze}from"./CFPK3UJS.js";import{S as He}from"./B8CVv6dn.js";import{t as Ze}from"./B4OmzE7z.js";import"./DcjO-8Sp.js";import"./Cw1sBk8H.js";import"./UHi_-Dcr.js";import"./CSXxEOMA.js";import"./DUKvJ0K4.js";import"./Dye6Zp7H.js";import"./BJ9p-46o.js";import"./BlTA6Smo.js";const Je=()=>{const e=ge();return{updateMyMembership:n=>{e.setQueryData(te.MY_MEMBERSHIP.myChannel,r=>({...r,...n}))}}},qe=async e=>{const{data:s}=await ae.editMyMembership(e);return s.result},Xe=e=>{const s=_(),{string:n}=I(),{updateMyMembership:r}=Je();return Ce(te.MY_MEMBERSHIP.myChannel,i=>qe({...i}),{retry:!1,onSuccess:i=>{r(i),s(H()),s(se()),s(z({message:n.result_saved}))},onError:i=>{var d,a,l,p,C,j,A,b,x;if(((l=(a=(d=i==null?void 0:i.response)==null?void 0:d.data)==null?void 0:a.error)==null?void 0:l.code)===ve.ê¸ì¹ì´){s(ye({openAlertType:"bannedTermGuide"}));return}s(z({message:`${n.result_failed} (Error : ${(x=(j=(C=(p=i==null?void 0:i.response)==null?void 0:p.data)==null?void 0:C.error)==null?void 0:j.code)!=null?x:(b=(A=i==null?void 0:i.response)==null?void 0:A.data)==null?void 0:b.statusCode})`}))}})},ie={root:"users",userCasts:e=>`${ie.root}/${e}/casts`},le={root:()=>["casts"],byUser:e=>[...le.root(),"user",e]},et=({uid:e,params:s})=>async({pageParam:n})=>{try{const{data:r}=n?await Ie(n):await Se.get(`${Me}${ie.userCasts(e)}`,s?{params:s}:void 0);return r}catch(r){throw Be(r),r}},tt=(e,s,n)=>{const r=le.byUser(e),o=Ae({queryKey:r,queryFn:et({uid:e,params:s}),enabled:e>0,getNextPageParam:a=>a!=null&&a.next?a.next:void 0,select:a=>({pages:a.pages.map(l=>{var p;return{...l,results:we((p=l==null?void 0:l.results)!=null?p:[])}}),pageParams:a.pageParams}),...n}),i=c.useMemo(()=>Qe({data:o.data})(),[o.data]),d=c.useMemo(()=>{var a,l,p;return o.hasNextPage&&((p=(l=(a=o.data)==null?void 0:a.pages)==null?void 0:l[0])==null?void 0:p.next)},[o.data,o.hasNextPage]);return{castList:i,error:o.error,fetchNextPage:o.fetchNextPage,refetch:o.refetch,hasNextPage:o.hasNextPage,isNext:d,isFetching:o.isFetching,isFetchingNextPage:o.isFetchingNextPage,status:o.status,isRefetching:o.isRefetching,isFetched:o.isFetched,isLoading:o.isLoading,remove:o.remove}},Q=e=>e.membershipChannel,st=U([Q],({imageFile:e,imageCroppedFile:s})=>!!e||!!s),at=U([Q],({castId:e,description:s})=>!!e||!!s),ot=U([Q],({castId:e})=>e!==null),nt=U([Q],({tempCastId:e})=>e!==null),ce=u.div` 2 width: 100%; 3 ${({theme:e})=>e.flexRowSet("flex-start","center","12px")}; 4 box-sizing: border-box; 5 6 ${({$type:e})=>e==="select"&&R` 7 &:hover { 8 cursor: pointer; 9 } 10 11 & * { 12 &:hover { 13 cursor: pointer; 14 } 15 } 16 `}; 17 18 & * { 19 box-sizing: border-box; 20 } 21 22 & .loading { 23 border-radius: ${({theme:e})=>e.layout.radius.m}; 24 width: 45px; 25 background: linear-gradient(to right, #dfdfdf 8%, #f0f0f0 18%, #dfdfdf 33%); 26 background-size: 800px 104px; 27 animation-duration: 2.5s; 28 29 &.text { 30 border-radius: ${({theme:e})=>e.layout.radius.xs}; 31 } 32 } 33`,de=u.div` 34 box-sizing: border-box; 35 width: 24px; 36 height: 24px; 37 aspect-ratio: 1 / 1; 38 39 position: relative; 40 41 & * { 42 box-sizing: border-box; 43 } 44 45 .border { 46 width: 100%; 47 height: 100%; 48 border-radius: 100%; 49 aspect-ratio: 1 / 1; 50 51 border: 2px solid ${({theme:e})=>e.colors.border.secondary}; 52 } 53 54 ${({isSelected:e})=>e&&R` 55 .border { 56 border: 2px solid ${({theme:s})=>s.colors.border.brand}; 57 } 58 &::before { 59 content: ''; 60 ${({theme:s})=>s.posCenter("absolute")}; 61 width: 12px; 62 height: 12px; 63 aspect-ratio: 1 / 1; 64 65 border-radius: 100%; 66 background-color: ${({theme:s})=>s.colors.fill.brand.default}; 67 } 68 `}; 69`,rt=u.div` 70 position: absolute; 71 top: 12px; 72 left: 12px; 73 background-color: ${({theme:e})=>e.colors.background.scrim200}; 74 padding: 3px 4px; 75 border-radius: 6px; 76 font-size: 10px; 77 line-height: 10px; 78 color: ${({theme:e})=>e.colors.text.fixed.white}; ; 79`,it=u.div` 80 width: 88px; 81 aspect-ratio: 1 / 1; 82 position: relative; 83 top: 0; 84 left: 0; 85 right: 0; 86 bottom: 0; 87 border-radius: ${({theme:e})=>e.layout.radius.ms}; 88 overflow: hidden; 89 90 & > img { 91 width: 100%; 92 height: 100%; 93 object-fit: cover; 94 } 95 96 // ì´ë¯¸ì§ ë머 97 &::before { 98 content: ''; 99 position: absolute; 100 width: 100%; 101 height: 100%; 102 top: 0; 103 left: 0; 104 background-color: ${({theme:e})=>e._colors.opacity.black_a_10}; 105 } 106`,pe=u.div` 107 flex: 1; 108 ${({theme:e})=>e.flexColumnSet("flex-start","flex-start","xs")}; 109 110 .count { 111 width: 100%; 112 ${({theme:e})=>e.flexRowSet("flex-start","center","s")}; 113 114 & > div { 115 ${({theme:e})=>e.flexRowSet("flex-start","center","xxs")}; 116 & > img { 117 width: 14px; 118 height: 14px; 119 } 120 } 121 } 122`,ue=c.forwardRef(({type:e,...s},n)=>{const{string:r}=I();return t.jsxs(ce,{ref:n,...s,children:[e==="select"&&t.jsx(de,{children:t.jsx("div",{className:"border"})}),t.jsx($,{className:"loading",width:"86px",height:"86px"}),t.jsxs(pe,{children:[t.jsx($,{className:"loading title text",width:"60%",height:"20px"}),t.jsx($,{className:"loading title text",width:"60%",height:"20px"}),t.jsxs("div",{className:"count",children:[t.jsxs("div",{children:[t.jsx("img",{src:ne,alt:r.common_play_count}),t.jsx($,{className:"loading text",width:"8px",height:"14px"})]}),t.jsxs("div",{children:[t.jsx("img",{src:re,alt:r.common_like}),t.jsx($,{className:"loading text",width:"8px",height:"14px"})]})]})]})]})}),xe=c.forwardRef(({info:e,isSelected:s,type:n="select",...r},o)=>{var A,b;const i=_(),{string:d}=I(),a=x=>{i(ke(x)),i(Z(x))},l=()=>{i(Z(null))},p=c.useMemo(()=>{var x;return Ne((x=e==null?void 0:e.duration)!=null?x:0)},[e]),C=c.useMemo(()=>{var x;return q((x=e==null?void 0:e.play_count)!=null?x:0)},[e]),j=c.useMemo(()=>{var x;return q((x=e==null?void 0:e.like_count)!=null?x:0)},[e]);return e?t.jsxs(ce,{ref:o,...n==="select"&&{onClick:()=>a(e==null?void 0:e.id)},...r,$type:n,children:[n==="select"&&t.jsx(de,{isSelected:s,children:t.jsx("div",{className:"border"})}),t.jsxs(it,{children:[p&&t.jsx(rt,{className:"time-badge",children:p}),t.jsx(Ye,{placeholderWithLogo:!1,size:"m",alt:e==null?void 0:e.title,img:e==null?void 0:e.img_url})]}),t.jsxs(pe,{children:[t.jsx("div",{className:"title",children:t.jsx(g,{value:(A=e==null?void 0:e.title)!=null?A:"CastTitle",variant:"ms500"})}),t.jsx("p",{className:"nickname",children:t.jsx(g,{value:(b=e==null?void 0:e.author.nickname)!=null?b:"user nickname",variant:"ms400",color:"tertiary",asElement:"span"})}),t.jsxs("div",{className:"count",children:[t.jsxs("div",{children:[t.jsx("img",{src:ne,alt:
122d.common_play_count}),t.jsx(g,{value:String(C),variant:"ms400",color:"tertiary",asElement:"span"})]}),t.jsxs("div",{children:[t.jsx("img",{src:re,alt:d.common_like}),t.jsx(g,{value:String(j),variant:"ms400",color:"tertiary",asElement:"span"})]})]})]}),n==="value"&&t.jsx(_e,{ghost:!0,onClick:l,title:d.common_again,children:t.jsx(be,{width:20,height:20})})]}):t.jsx(ue,{ref:o,type:n,...r})});u(B)` 123 margin-top: 20px; 124`;const he=u.h3` 125 ${({theme:e})=>e.textSet("m700")}; 126`,lt=u.div` 127 width: 100%; 128`,ct=u.div` 129 width: 100%; 130 ${({theme:e})=>e.textSet("ms700")}; 131 ${({theme:e})=>e.flexColumnSet("flex-start","flex-start","4px")}; 132`,dt=u.div` 133 width: 100%; 134 135 ${({theme:e})=>e.flexColumnSet("flex-start","flex-start","24px")}; 136`,pt=u.section` 137 width: 100%; 138 139 ${({theme:e})=>e.flexColumnSet("flex-start","flex-start","m")}; 140`;u.div` 141 width: 100%; 142 ${({theme:e})=>e.flexRowSet()}; 143`;u.label` 144 box-sizing: border-box; 145 width: 100%; 146 padding: ${({theme:e})=>e.layout.padding.m}; 147 position: relative; 148 border: 1px solid ${({theme:e})=>e._colors.grayscale.gray_20}; 149 border-radius: ${({theme:e})=>e.layout.radius.s}; 150`;const ut=u.textarea` 151 width: 100%; 152 height: 30px; 153 margin-top: 8px; 154 155 padding-bottom: 4px; 156 ${({theme:e})=>e._textSet("h4")}; 157 background: transparent; 158 text-align: start; 159 z-index: 1; 160 resize: none; 161 position: relative; 162 163 &::placeholder { 164 color: ${({theme:e})=>e._colors.grayscale.gray_30}; 165 } 166`;u(ut)` 167 height: ${({$height:e})=>e!=null?e:"auto"}; 168 ${({theme:e})=>e._textSet("subTitle")}; 169 margin-top: 0; 170 padding-bottom: 0; 171`;u.div` 172 position: absolute; 173 bottom: 16px; 174 175 // TODO : í ì¤í¸ 176 width: calc(100% - 32px); 177 text-align: right; 178 ${({theme:e})=>e.marginSet("left","auto")}; 179 ${({theme:e})=>e._textSet("body3","bold")}; 180 color: ${({theme:e})=>e._colors.grayscale.gray_30}; 181`;const xt=u.ul` 182 width: 100%; 183 184 margin-top: 16px; 185 ${({theme:e,isEmpty:s})=>e.flexColumnSet(s?"center":"flex-start",s?"center":"flex-start","10px")}; 186 187 ${({isEmpty:e})=>e&&R` 188 flex: 1 1; 189 `}; 190`;function ht(){return v(e=>{var s;return{loginUserId:(s=e.auth.userInfo.id)!=null?s:-1,currCastId:e.membershipChannel.castId}})}const mt=({goBack:e})=>{const{string:s}=I(),{loginUserId:n,currCastId:r}=ht(),{castList:o,fetchNextPage:i,isFetched:d,isFetching:a,hasNextPage:l}=tt(n,{page_size:6,type:0}),p=c.useCallback(()=>{l&&i()},[i,l]),{setObservationTarget:C}=We(p),j=v(ot),{data:A}=k(),{castId:b}=T(A),x=c.useMemo(()=>d&&(o==null?void 0:o.length)===0,[o.length,d]);return t.jsxs(t.Fragment,{children:[t.jsx(N.Header,{children:t.jsxs(B,{withinPadding:20,children:[t.jsx(B.Leading,{title:s.cast_survey_choice_back,onClick:e,children:t.jsx(je,{width:20,height:20,color:"fixedBlack"})}),t.jsx(B.Title,{children:t.jsxs(he,{children:[" ",s.plan_select_cast]})})]})}),t.jsxs(N.Contents,{children:[t.jsx(g,{value:s.plan_select_cast_description,variant:"s400",color:"secondary"}),t.jsxs(xt,{isEmpty:x,children:[x&&t.jsx(t.Fragment,{children:s.plan_setting_cast_empty}),o==null?void 0:o.map((y,w)=>{const E=w===o.length-1;return t.jsx(xe,{isSelected:(r!=null?r:b)===y.id,info:y,...E&&{ref:C}},y.id)}),a&&[...Array(6)].map((y,w)=>t.jsx(ue,{type:"select",className:"loading"},w))]})]}),t.jsx(N.Footer,{isActive:!0,children:t.jsx("div",{style:{width:"100%",display:"flex",justifyContent:"flex-end"},children:t.jsx(Ee,{color:"primary",outline:!0,disabled:!j,onClick:e,children:s.common_select_complete})})})]})},gt=({children:e})=>t.jsx(ct,{children:e}),Ct=({children:e})=>t.jsx(lt,{children:e}),At=({children:e})=>t.jsx(pt,{children:e}),f=Object.assign(At,{Title:gt,Contents:Ct}),bt=u.div` 191 ${({theme:e})=>e.flexRowSet("flex-start","center","12px")}; 192`,jt=u.label` 193 width: 44px; 194 height: 44px; 195 border-radius: ${({theme:e})=>e.layout.radius.circular}; 196 border: 1px solid ${({color:e,theme:s})=>e!=null?e:s.colors.icon.tertiary}; 197 background-color: ${({color:e,theme:s})=>e!=null?e:s.colors.text.fixed.white}; 198 position: relative; 199 200 & svg { 201 ${({theme:e})=>e.posCenter()}; 202 } 203 204 &:hover { 205 cursor: pointer; 206 } 207`;function ft(){return v(e=>{var s,n;return{colorCode:e.membershipChannel.colorCode,colorCodeList:(n=(s=e.commonConfig.serverSettings)==null?void 0:s.SUBSCRIPTION_COLOR_CODE)!=null?n:Oe}})}const vt=()=>{const{string:e}
207=I(),s=_(),{colorCodeList:n,colorCode:r}=ft(),{data:o,isFetched:i}=k(),{colorCode:d}=T(o),a=c.useCallback(l=>{s(Fe(l))},[s]);return c.useEffect(()=>{i&&(i&&d!==null||i&&d===null&&a(0))},[a,i,d]),t.jsxs(f,{children:[t.jsxs(f.Title,{children:[t.jsx(g,{value:e.plan_color,variant:"ms700"}),t.jsx(g,{value:e.plan_color_description,variant:"s400",color:"secondary"})]}),t.jsx(f.Contents,{children:t.jsx(bt,{children:n==null?void 0:n.map((l,p)=>t.jsxs(jt,{color:l,children:[t.jsx("button",{onClick:()=>a(p)}),(r!=null?r:d)===p&&t.jsx(fe,{size:"m",color:"fixedWhite"})]},l))})})]})};function yt(){return v(e=>({currDesc:e.membershipChannel.description}))}const wt=()=>{const e=_(),{string:s}=I(),{currDesc:n}=yt(),{data:r}=k(),{description:o}=T(r);return t.jsxs(f,{children:[t.jsxs(f.Title,{children:[t.jsx(g,{value:s.plan_introduction,variant:"ms700"}),t.jsx(g,{value:s.plan_introduction_placeholder,variant:"s400",color:"secondary"})]}),t.jsx(Ke,{height:"96px",maxLength:100,initValue:n||o,setInputValue:i=>{e(Pe(i))}})]})},It=e=>c.createElement("svg",{width:56,height:56,viewBox:"0 0 56 56",fill:"none",xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink",...e},c.createElement("rect",{width:56,height:56,fill:"url(#pattern0)"}),c.createElement("defs",null,c.createElement("pattern",{id:"pattern0",patternContentUnits:"objectBoundingBox",width:1,height:1},c.createElement("use",{xlinkHref:"#image0_12204_43992",transform:"scale(0.00925926)"})),c.createElement("image",{id:"image0_12204_43992",width:108,height:108,xlinkHref:"data:image/png;base64,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"}))),St=u.div` 208 width: 100%; 209 padding: ${({theme:e})=>e.layout.padding.xl} 0; 210 ${({theme:e})=>e.flexColumnSet("center","center","m")}; 211 212 .cropper { 213 width: 280px !important; 214 height: 280px !important; 215 margin: 0 auto; 216 overflow: hidden; 217 position: relative; 218 border-radius: 16px; 219 } 220`,Mt=u.label` 221 ${({theme:e})=>e.flexColumnSet("center","center")}; 222 width: 280px; 223 height: 280px; 224 padding: ${({theme:e})=>e.layout.padding.xxl} ${({theme:e})=>e.layout.padding.m}; 225 background-color: ${({theme:e})=>e.colors.fill.subtlePrimary.default}; 226 border: 1px solid ${({theme:e})=>e.colors.border.alpha.black100}; 227 border-radius: ${({theme:e})=>e.layout.radius.s}; 228 229 ${({isLoading:e})=>e&&R` 230 & * { 231 display: none; 232 } 233 `}; 234 235 & * { 236 text-align: center; 237 } 238 239 & > input { 240 display: none; 241 } 242`,Bt=u.div` 243 position: relative; 244 ${({theme:e})=>e.flexColumnSet(void 0,void 0,"ms")}; 245`,Nt=u.label` 246 display: inline-flex; 247 overflow: hidden; 248 border-radius: ${({theme:e})=>e.layout.radius.s}; 249 width: 280px; 250 border: 1px solid ${({theme:e})=>e.colors.border.alpha.black100}; 251 ${({theme:e})=>e.flexRowSet()}; 252 cursor: pointer; 253 & * { 254 cursor: pointer; 255 } 256 .file-path { 257 ${({theme:e})=>e.lineClamp(1)}; 258 } 259 .file-ex { 260 flex-shrink: 1; 261 } 262 .file-name { 263 display: flex; 264 flex: 1 1; 265 266 padding: 10px 12px; 267 } 268 269 .reselect { 270 padding: 10px 12px; 271 272 background-color: ${({theme:e})=>e.colors.fill.fixed.black.default}; 273 color: ${({theme:e})=>e.colors.fill.fixed.white.default}; 274 } 275 276 & > input { 277 display: none; 278 } 279`;function _t(){return v(e=>({imagePreview:e.membershipChannel.imagePreview,imageFile:e.membershipChannel.imageFile}))}const kt={aspect:1/1},Et=()=>{var D,G;const e=_(),{string:s}=I(),{imagePreview:n,imageFile:r}=_t(),{data:o,isFetched:i,isInitialLoading:d}=k(),{imageUrl:a}=T(o),[l,p]=c.useState(null),C=c.useMemo(()=>!!r||!!l,[r,l]),j=c.useMemo(()=>{var L;if(!l)return"";const h=(L=l==null?void 0:l.name)==null?void 0:L.split("/"),m=h[(h==null?void 0:h.length)-1];return(m==null?void 0:m.split("."))[0]},[l]),A=c.useMemo(()=>{var L;if(!l)return"";const h=(L=l==null?void 0:l.name)==null?void 0:L.split("/"),m=h[(h==null?void 0:h.length)-1];return(m==null?void 0:m.split("."))[1]},[l]),b=()=>{e(X(null)),e(ee(null)),e(V(null)),e(Le(null))},{onFilesChange:x,initEventValue:y,fileInfo:w}=Ve({setFile:h=>{e(X(h))},setPreview:h=>{e(V(h[0]))}},[n]),E=h=>{b(),x(h)},{crop:W,hasEdited:Y,handleChangeCrop:O,handleChangeRotation:K,handleChangeZoom:M,handleCompleteCrop:S,handleInteractionStart:F,handleInteractionEnd:P}=Te({cropFile:r!=null?r:l,option:kt,callback:{onInteractionEnd:({file:h,preview:m,crop:J})=>{e(ee(h)),e(V(m))}}});return c.useEffect(()=>{i&&a&&De(a,({imageFile:h})=>{p(h)})},[a,i]),t.jsxs(f,{children:[t.jsxs(f.Title,{children:[t.jsxs("p",{children:[t.jsx(g,{value:s.plan_cover_image,asElement:"span",variant:"ms700"}),t.jsx(g,{value:"*",asElement:"span",variant:"ms700",color:"danger"})]}),t.jsx(g,{asElement:"p",value:s.plan_cover_image_description,variant:"s400",color:"secondary"})]}),t.jsx(f.Contents,{children:t.jsxs(St,{children:[!C&&t.jsxs(Mt,{isLoading:d,children:[t.jsx(It,{}),t.jsx("input",{accept:".jpg,.jpeg",type:"file",name:"cover",onChange:E,onClick:y})]}),C&&t.jsx(Bt,{children:t.jsx(Ge,{className:"cropper",cropImage:W,hasEdited:Y,handleChangeCrop:O,handleChangeRotation:K,handleCompleteCrop:S,handleChangeZoom:M,handleInteractionStart:F,handleInteractionEnd:P})}),t.jsxs(Nt,{children:[t.jsx("input",{accept:".jpg,.jpeg",type:"file",onChange:E}),t.jsx("p",{className:"file-name",children:C?t.jsxs(t.Fragment,{children:[t.jsx("span",{className:"file-path",children:(D=w.name)!=null?D:j}),t.jsxs("span",{className:"file-ex",children:[`.${(G=w.type)!=null?G:A}`," "]})]}):s.live_broadcast_upload_image}),t.jsx("p",{className:"reselect",children:s.common_add})]})]})})]})};function me(){return v(e=>({membershipInfo:e.membershipChannel,modalCallback:e.modal.callback}))}const Ft=({goStep:e,closeModal:s})=>{const n=_(),{string:r}=I(),[o,i]=c.useState(!1),{disabledCast:d}=$e(),{membershipInfo:a,modalCallback:l}=me(),p=v(st),C=v(at),{data:j}=k(),{castId:A,description:b,imageUrl:x,colorCode:y}=T(j),w=c.useMemo(()=>!!A||!!b||!!x||!!y,[A,y,b,x]),E=c.useMemo(()=>w?C:p,[p,C,w]),{mutateAsync:W}=Xe(),Y=async M=>{if(!M)return null;i(!0);const{key:S,url:F,contentType:P}=(await ae.postPresignedUrl({type:"image",extension:"jpg"})).data.result;return await Re(F,M,P),S!=null?S:void 0},O=()=>{l&&(a!=null&&a.tempCastId)&&l({castId:a.tempCastId})},K=async()=>{var M,S,F,P,D,G,h;if(!o)try{const m=await Y(a.imagePreview&&((M=a.imageCroppedFile)!=null?M:a.imageFile));W({...(a==null?void 0:a.description)&&{description:Ze(a.description)},...(a==null?void 0:a.colorCode)!==null&&{colorCode:a.colorCode},...(a==null?void 0:a.tempCastId)!==null&&{castId:a.tempCastId},...m&&{imageKey:m}}),O()}catch(m){i(!1),n(z({message:`${r.result_failed} (Error : ${(h=(P=(F=(S=m==null?void 0:m.response)==null?void 0:S.data)==null?void 0:F.error)==null?void 0:P.code)!=null?h:(G=(D=m==null?void 0:m.response)==null?void 0:D.data)==null?void 0:G.statusCode})`}))}};return t.jsxs(t.Fragment,{children:[t.jsx(N.Header,{children:t.jsxs(B,{withinPadding:20,children:[t.jsx(B.Title,{children:t.jsx(he,{children:t.jsx(g,{value:r.plan_edit_your_plan,variant:"m700"})})}),t.jsx(B.Action,{title:r.common_close,onClick:s,children:t.jsx(He,{fill:"black"})})]})}),t.jsx(N.Contents,{children:t.jsxs(dt,{children:[t.jsx(Et,{}),t.jsx(vt,{}),t.jsx(wt,{}),!d&&t.jsx(Pt,{goStep:e})]})}),t.jsx(N.Footer,{isActive:!0,children:t.jsx("div",{style:{width:"100%",display:"flex",justifyContent:"flex-end"},children:t.jsx(oe,{disabled:!E,isLoading:o,title:r.common_save_short,outline:!0,onClick:K,children:r.common_save_short})})})]})},Pt=({goStep:e})=>{var p;const{string:s}=I(),{membershipInfo:n}=me(),{data:r,isFetched:o}=k(),{castId:i}=T(r),d=v(nt),a=c.useMemo(()=>!!(n!=null&&n.castId||i),[i,n]),{castData:l}=ze({castId:(p=n==null?void 0:n.castId)!=null?p:i},{enabled:a&&o});return t.jsxs(f,{children:[t.jsxs(f.Title,{children:[t.jsx("p",{children:t.jsx(g,{value:s.plan_select_cast,asElement:"span",variant:"ms700"})}),t.jsx(g,{value:s.plan_select_cast_description,variant:"s400",color:"secondary"})]}),d?t.jsx(xe,{info:l,type:"value"}):t.jsx(oe,{title:s.plan_select_cast,size:"small",color:"primary",outline:!0,onClick:()=>e("ëí ìºì¤í¸"),children:s.common_select})]})};function Tt(){return v(e=>({modalParams:e.modal.modalParams}))}const os=()=>{const e=_(),{modalParams:s}=Tt(),n=s==null?void 0:s.step,[r,o]=Ue(["íë í¸ì§","ëí ìºì¤í¸"],n!=null?n:"íë í¸ì§"),{data:i}=k(),d=c.useCallback(()=>{e(H())},[e]);return c.useEffect(()=>(e(Z(i==null?void 0:i.castId)),()=>{e(se())}),[i,e]),t.jsx(N,{maxWidth:"540px",minHeight:"1032px",maxHeight:"1150px",isDimmerClickable:!1,toggleShowOff:d,children:t.jsxs(r,{children:[t.jsx(r.Step,{name:"íë í¸ì§",children:t.jsx(Ft,{closeModal:()=>{e(H())},goStep:o})}),t.jsx(r.Step,{name:"ëí ìºì¤í¸",children:t.jsx(mt,{goBack:()=>o("íë í¸ì§")})})]})})};export{os as default}; 280//# sourceMappingURL=BzVdwP6L.js.map
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.