https://www.percenty.co.kr/static/js/async/791.ca6cb3f8bd.js

1"use strict";(self.rspackChunkjikguhagi_web=self.rspackChunkjikguhagi_web||[]).push([[791],{35722(e,n,r){r.r(n),r.d(n,{default:()=>eM});var l=r(51372),i=r(86070),t=r(30758),d=r(29962),s=r(2195),o=r(10049),a=r(43914),u=r(46132),c=r(98867),x=r(17711),p=r(40758);let h=(0,t.createContext)(void 0);function f(e){let{children:n,currentStage:r}=e;return(0,i.jsx)(h.Provider,{value:{currentStage:r},children:n})}f.Item=function(e){let{name:n,children:r}=e,l=(0,t.useContext)(h);if(!l)return(0,i.jsx)(i.Fragment,{children:"잘못 된 호출 입니다."});let{currentStage:d}=l;return d===n?(0,i.jsx)(i.Fragment,{children:r}):null};var g=r(18844),j=r(76865),v=r(10879),m=r(89592),b=r(57538),y=r(53252);let $={refunds_only:"환불만",returned_items_and_refunds:"반품 및 환불"},A={success_refund:"환불 완료",refused_by_seller:"환불 거절됨",close:"환불 종료",no_apply_refund:"환불 미신청",waiting_for_buyer_return:"구매자 반품 대기중",waiting_for_seller_agree:"판매자 환불 동의 대기중",waiting_for_seller_confirm:"판매자 환불 확인 대기중"},C={not_shipped:"배송되지 않음",shipped:"배송됨",no_goods_received:"미수령",received_the_goods:"수령완료",sent_back:"반송됨",seller_receipt_confirm:"판매자 수령확인"};var _=r(87622),z=r(86074),S=r(82159),w=r(62764),R=r(5155),I=r(60942),T=r(26617),O=r(5518),N=r(78167),L=r(42834);function k(){let e=(0,l._)(["\n    .ant-table-title {\n        padding: 0;\n    }\n"]);return k=function(){return e},e}function F(){let e=(0,l._)(["\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n"]);return F=function(){return e},e}function B(e){let{data:n,isLoading:r,error:l}=e;return(0,i.jsxs)(P,{rowKey:e=>"".concat(e.itemId,"__").concat(e.optionId),loading:r,dataSource:null==n?void 0:n.items,pagination:!1,scroll:{x:"max-content"},size:"small",locale:{emptyText:(0,i.jsxs)(D,{children:[(0,i.jsx)(w.A,{description:!1}),(0,i.jsx)("span",{children:l?(e=>{if(L.A.isAxiosError(e)){var n,r,l;if(null==(n=e.response)?void 0:n.data.msg.includes("已取消订单无法申请退款"))return"취소한 주문은 환불 정보조회가 불가능 합니다.";if(null==(r=e.response)?void 0:r.data.msg.includes("不允许申请退款"))return"환불 신청이 불가능한 상품입니다.(1)";if(null==(l=e.response)?void 0:l.data.msg.includes("系统异常"))return"환불 신청이 불가능한 상품입니다.(2)"}return"데이터를 불러오는데 실패하였습니다. 새로고침 후 다시 시도해 주세요"})(l):"환불 가능한 상품이 존재하지 않습니다."})]})},children:[(0,i.jsx)(R.A.Column,{title:(0,i.jsx)(i.Fragment,{children:"옵션 이미지"}),width:152,render:(e,n)=>(0,i.jsx)(I.A,{width:"152px",url:n.imgUrl}),onCell:()=>({style:{padding:0}}),onHeaderCell:()=>({style:{borderStartStartRadius:0,fontSize:12,fontWeight:500}})}),(0,i.jsx)(R.A.Column,{title:(0,i.jsx)(i.Fragment,{children:"옵션"}),render:(e,n)=>(0,i.jsxs)(T.A,{width:"440px",children:[(0,i.jsx)(p.az,{$mb:"4px",children:(0,i.jsx)(T.A.ColumnName,{title:n.name,maxWidth:"440px",minWidth:"221px"})}),(0,i.jsx)(p.az,{$mb:"4px",children:(0,i.jsx)(T.A.ColumnOption,{options:n.options})})]}),onCell:()=>({style:{padding:0}}),onHeaderCell:()=>({style:{borderStartStartRadius:0,fontSize:12,fontWeight:500}})}),(0,i.jsx)(R.A.Column,{title:(0,i.jsx)(i.Fragment,{children:"단가"}),width:140,render:(e,n)=>(0,i.jsx)(O.$E,{locateType:_.xn.CNY,oriPrice:n.oriPrice,salePrice:n.salePrice,width:"140px"}),onCell:()=>({style:{padding:0}}),onHeaderCell:()=>({style:{borderStartStartRadius:0,fontSize:12,fontWeight:500}})}),(0,i.jsx)(R.A.Column,{title:(0,i.jsx)(i.Fragment,{children:"수량"}),width:140,render:(e,n)=>(0,i.jsx)(N.A,{width:"140px",children:n.count}),onCell:()=>({style:{padding:0}}),onHeaderCell:()=>({style:{borderStartStartRadius:0,fontSize:12,fontWeight:500}})}),(0,i.jsx)(R.A.Column,{title:(0,i.jsx)(i.Fragment,{children:"총 금액"}),width:140,render:(e,r)=>{var l;return(0,i.jsx)(N.A,{children:(0,i.jsxs)("span",{children:[z.A.textCurrencyNotation(_.xn.CNY)+" ",null!=(l=null==n?void 0:n.totalRefundPrice)?l:0]})})},onCell:()=>({style:{padding:0}}),onHeaderCell:()=>({style:{borderStartStartRadius:0,fontSize:12,fontWeight:500}})}),(0,i.jsx)(R.A.Column,{title:(0,i.jsx)(i.Fragment,{children:"중국 내 배송비"}),width:140,render:()=>{var e;return(0,i.jsx)(N.A,{children:(0,i.jsxs)("span",{children:[z.A.textCurrencyNotation(_.xn.CNY)+" ",null!=(e=null==n?void 0:n.domesticPostFee)?e:0]})})},onCell:()=>({style:{padding:0}}),onHeaderCell:()=>({style:{borderStartEndRadius:0,fontSize:12,fontWeight:500}})})]})}let P=(0,b.Ay)(R.A)(k()),D=b.Ay.div(F());var W=r(23707),E=r(65907);function q(){let e=(0,l._)(["\n    border-top: 1px solid var(--neutral-5);\n    border-bottom: 1px solid var(--neutral-5);

1\n    margin-top: -1px;\n"]);return q=function(){return e},e}function M(){let e=(0,l._)(["\n    color: ",";\n    white-space: nowrap;\n"]);return M=function(){return e},e}function H(e){let{submitResponse:n,onChangeStep:r,onModalClose:l,onRefreshRefundInfo:d}=e,{mutate:a,isPending:u}=(0,y.I6)(),c=(0,t.useMemo)(()=>{if(n)return(0,j._)((0,g._)({},n.orderInfo),{totalRefundPrice:null==n?void 0:n.refundFee})},[n]);return(0,i.jsxs)(s.A,{vertical:!0,gap:24,children:[(0,i.jsxs)("div",{children:[(0,i.jsx)(p.az,{$mb:"16px",className:(0,m.oh)("H5SemiBold16"),children:"환불 요청 목록"}),(0,i.jsx)(B,{data:c})]}),(0,i.jsxs)("div",{children:[(0,i.jsxs)(p.pT,{align:"center",gap:12,$mb:"16px",children:[(0,i.jsx)(p.az,{className:(0,m.oh)("H5SemiBold16"),children:"환불 신청 정보"}),(0,i.jsx)(o.Ay,{icon:(0,i.jsx)(W.A,{}),onClick:()=>d(),children:"새로고침"})]}),(0,i.jsxs)(U,{$width:"100%",children:[(0,i.jsx)(p.az,{$padding:"16px 12px",$bgColor:"var(--neutral-3)",$width:"140px",children:"환불 상태"}),(0,i.jsx)(p.az,{$padding:"16px 12px",children:(null==n?void 0:n.refundState)?(0,i.jsxs)(p.pT,{align:"center",gap:6,children:[A[null==n?void 0:n.refundState],(0,i.jsx)(G,{color:z.A.colorTextFromGlobalOrdersRefundState(null==n?void 0:n.refundState),children:" ●"}),n.refundState===E.W7.refused_by_seller&&(0,i.jsx)(p.az,{className:(0,m.oh)("Body3Regular14","CharacterSecondary45"),children:"판매자의 환불 거부 시 환불 정보를 수정하면 재 신청이 진행됩니다."})]}):"-"})]}),(null==n?void 0:n.sellerRefuseReason)&&(0,i.jsxs)(U,{$width:"100%",children:[(0,i.jsx)(p.az,{$padding:"16px 12px",$bgColor:"var(--neutral-3)",$width:"140px",children:"환불 거부 사유"}),(0,i.jsx)(p.az,{$padding:"16px 12px",children:n.sellerRefuseReason})]}),(null==n?void 0:n.sellerRefuseReasonDesc)&&(0,i.jsxs)(U,{$width:"100%",children:[(0,i.jsx)(p.az,{$padding:"16px 12px",$bgColor:"var(--neutral-3)",$width:"140px",children:"환불 거부 메시지"}),(0,i.jsx)(p.az,{$padding:"16px 12px",children:n.sellerRefuseReasonDesc})]}),(0,i.jsxs)(U,{wrap:"wrap",$width:"100%",children:[(0,i.jsxs)(p.pT,{style:{flex:1,flexBasis:300},children:[(0,i.jsx)(p.az,{$padding:"16px 12px",$bgColor:"var(--neutral-3)",$width:"140px",children:"환불 번호"}),(0,i.jsx)(p.az,{style:{flex:1},$padding:"16px 12px",children:null==n?void 0:n.refundId})]}),(0,i.jsxs)(p.pT,{style:{flex:1,flexBasis:300},children:[(0,i.jsx)(p.az,{$padding:"16px 12px",$bgColor:"var(--neutral-3)",$width:"140px",children:"환불 유형"}),(0,i.jsx)(p.az,{style:{flex:1},$padding:"16px 12px",children:(null==n?void 0:n.refundType)?$[null==n?void 0:n.refundType]:"-"})]})]}),(0,i.jsxs)(U,{wrap:"wrap",$width:"100%",children:[(0,i.jsxs)(p.pT,{style:{flex:1,flexBasis:300},children:[(0,i.jsx)(p.az,{$padding:"16px 12px",$bgColor:"var(--neutral-3)",$width:"140px",children:"환불 현황"}),(0,i.jsx)(p.az,{style:{flex:1},$padding:"16px 12px",children:(null==n?void 0:n.goodsState)?C[null==n?void 0:n.goodsState]:"-"})]}),(0,i.jsxs)(p.pT,{style:{flex:1,flexBasis:300},children:[(0,i.jsx)(p.az,{$padding:"16px 12px",$bgColor:"var(--neutral-3)",$width:"140px",children:"환불 사유"}),(0,i.jsx)(p.az,{style:{flex:1},$padding:"16px 12px",translate:"yes",children:null==n?void 0:n.refundReason.description})]})]}),(0,i.jsxs)(U,{$width:"100%",children:[(0,i.jsx)(p.az,{$padding:"16px 12px",$bgColor:"var(--neutral-3)",$width:"140px",children:"환불 금액"}),(0,i.jsxs)(p.az,{$padding:"16px 12px",children:[z.A.textCurrencyNotation(_.xn.CNY)+" ",null==n?void 0:n.refundFee]})]}),(0,i.jsxs)(U,{$width:"100%",children:[(0,i.jsx)(p.az,{$padding:"16px 12px",$bgColor:"var(--neutral-3)",$width:"140px",children:"자세한 환불 사유"}),(0,i.jsx)(p.az,{$padding:"16px 12px",translate:"yes",children:null==n?void 0:n.refundDesc})]})]}),(0,i.jsxs)(p.pT,{gap:8,$mt:"16px",children:[(0,i.jsx)(o.Ay,{size:"large",onClick:()=>{(null==n?void 0:n.refundId)?a({refundId:null==n?void 0:n.refundId},{onSuccess:()=>{v.Ay.success("환불 신청 철회가 완료되었습니다.",2),l()},onError:e=>{if(L.A.isAxiosError(e)){var n;if(null==(n=e.response)?void 0:n.data.msg.includes("현재 상태에서 환불을 지원하지 않습니다"))return void v.Ay.error("환불 신청 철회가 불가능한 상품입니다.");v.Ay.error("환불 신청 철회 중 오류가 발생했습니다.")}}}):v.Ay.error("환불 신청 철회 실패: 환불 정보가 없습니다.")},loading:u,children:"환불 신청 철회"}),(0,i.jsx)(S.A,{size:"large",onClick:()=>{(null==n?void 0:n.refundId)?r(n):v.Ay.error("환불 수정이 불가능합니다.")},children:"환불 정보 수정"})]})]})}let U=(0,b.Ay)(p.pT)(q()),G=b.Ay.span(M(),e=>{var n;return null!=(n=e.color)?n:"rgba(0, 0, 0, 0.85)"});function Y(){let e=(0,l._)(["\n    border-top: 1px solid var(--neutral-5);\n    border-bottom: 1px solid var(--neutral-5);

1\n    margin-top: -1px;\n"]);return Y=function(){return e},e}function K(){let e=(0,l._)(["\n    color: ",";\n    white-space: nowrap;\n"]);return K=function(){return e},e}function Z(e){let{refundOrder:n}=e,r=(0,t.useMemo)(()=>{if(n)return(0,j._)((0,g._)({},n.orderInfo),{totalRefundPrice:n.refundFee})},[n]);return(0,i.jsxs)(s.A,{vertical:!0,children:[(0,i.jsxs)(p.az,{$height:"252px",$mb:"16px",children:[(0,i.jsx)(p.az,{$mb:"16px",className:(0,m.oh)("H5SemiBold16"),children:"환불 요청 목록"}),(0,i.jsx)(B,{data:r})]}),(0,i.jsxs)(p.az,{children:[(0,i.jsx)(p.az,{className:(0,m.oh)("H5SemiBold16"),$mb:"16px",children:"환불 신청 목록"}),(0,i.jsxs)(J,{$width:"100%",children:[(0,i.jsx)(p.az,{$padding:"16px 12px",$bgColor:"var(--neutral-3)",$width:"140px",children:"환불 상태"}),(0,i.jsx)(p.az,{$padding:"16px 12px",children:(null==n?void 0:n.refundState)?(0,i.jsxs)(i.Fragment,{children:[A[null==n?void 0:n.refundState],(0,i.jsx)(Q,{color:z.A.colorTextFromGlobalOrdersRefundState(null==n?void 0:n.refundState),children:" ●"})]}):"-"})]}),(0,i.jsxs)(J,{wrap:"wrap",$width:"100%",children:[(0,i.jsxs)(p.pT,{style:{flex:1,flexBasis:300},children:[(0,i.jsx)(p.az,{$padding:"16px 12px",$bgColor:"var(--neutral-3)",$width:"140px",children:"환불 번호"}),(0,i.jsx)(p.az,{style:{flex:1},$padding:"16px 12px",children:null==n?void 0:n.refundId})]}),(0,i.jsxs)(p.pT,{style:{flex:"1",flexBasis:300},children:[(0,i.jsx)(p.az,{$padding:"16px 12px",$bgColor:"var(--neutral-3)",$width:"140px",children:"총 환불액"}),(0,i.jsx)(p.az,{style:{flex:1},$padding:"16px 12px",children:(null==n?void 0:n.refundFee)&&"CNY "+(null==n?void 0:n.refundFee)})]})]}),(0,i.jsxs)(J,{wrap:"wrap",$width:"100%",children:[(0,i.jsxs)(p.pT,{style:{flex:"1",flexBasis:300},children:[(0,i.jsx)(p.az,{$padding:"16px 12px",$bgColor:"var(--neutral-3)",$width:"140px",children:"배송상태"}),(0,i.jsx)(p.az,{style:{flex:"1"},$padding:"16px 12px",children:(null==n?void 0:n.goodsState)?C[null==n?void 0:n.goodsState]:"-"})]}),(0,i.jsxs)(p.pT,{style:{flex:"1",flexBasis:300},children:[(0,i.jsx)(p.az,{$padding:"16px 12px",$bgColor:"var(--neutral-3)",$width:"140px",children:"환불 사유"}),(0,i.jsx)(p.az,{style:{flex:1},$padding:"16px 12px",translate:"yes",children:null==n?void 0:n.refundReason.description})]})]}),(0,i.jsxs)(J,{$width:"100%",children:[(0,i.jsx)(p.az,{$padding:"16px 12px",$bgColor:"var(--neutral-3)",$width:"140px",translate:"yes",children:"자세한 환불 사유"}),(0,i.jsx)(p.az,{$padding:"16px 12px",children:null==n?void 0:n.refundDesc})]})]})]})}let J=(0,b.Ay)(p.pT)(Y()),Q=b.Ay.span(K(),e=>{var n;return null!=(n=e.color)?n:"rgba(0, 0, 0, 0.85)"});var V=r(95364),X=r(39826),ee=r(13876),en=r(17173),er=r(69935),el=r(42528),ei=r(2309),et=r(40371);function ed(){let e=(0,l._)(["\n    color: var(--character-disabled-placeholder-25);\n"]);return ed=function(){return e},e}function es(){let e=(0,l._)(["\n    border-radius: 8px;\n    background-color: var(--neutral-3);\n    padding: 16px 16px 24px 16px;\n"]);return es=function(){return e},e}function eo(){let e=(0,l._)(["\n    padding: 0;\n"]);return eo=function(){return e},e}function ea(){let e=(0,l._)(["\n    font-size: 16px;\n    font-weight: 600;\n    color: var(--neutral-13);\n"]);return ea=function(){return e},e}function eu(){let e=(0,l._)(["\n    border: 1px solid var(--neutral-5);\n    background-color: var(--neutral-1);\n    padding: 0.3125rem 0.75rem;\n    border-radius: 0.375rem;\n    height: 2rem;\n    box-sizing: border-box;\n"]);return eu=function(){return e},e}let{TextArea:ec}=V.A;function ex(e){var n,r,l,s,o,a,u;let{subOrderId:c,onClickSubmitRefund:x,onChangeSubmitRefundLoading:h,state:f,onChangeSubmitRefundDisabled:v,refundId:b,isModifyingRefund:$,onChangeRefundType:A}=e,{message:C}=d.A.useApp(),[_,z]=(0,t.useState)([]),[S,w]=(0,t.useState)(E.f4.refunds_only),[R,I]=(0,t.useState)(()=>f!==et.W.instruct?E.q2.no_goods_received:E.q2.not_shipped),[T,O]=(0,t.useState)(""),[N,L]=(0,t.useState)(),[k,F]=(0,t.useState)(void 0),{data:P,isLoading:D,error:W}=(0,y.Dw)({goodsState:R,reasonId:T,refundType:S,subOrderId:c}),{mutate:q}=(0,y.s5)(),{mutate:M}=(0,y.mx)(),[H,U]=(0,t.useState)(!1),G=(0,t.useMemo)(()=>{var e,n;if(null==P?void 0:P.data)return(0,j._)((0,g._)({},null==P||null==(e=P.data)?void 0:e.orderInfo),{totalRefundPrice:null==P||null==(n=P.data)?void 0:n.refundFee})},[P]),Y=(0,t.useMemo)(()=>{var e;return null==P||null==(e=P.data)?void 0:e.availableRefundReasonList.map(e=>({value:e.reasonId,label:(0,i.jsx)("span",{translate:"yes",children:e.description}),key:e.description}))},[null==P?void 0:P.data]),K=(0,t.useCallback)(e=>null==e?void 0:e.map(async e=>{try{var n,r,l;let i;if(!(e.originFileObj instanceof Blob))return;(null==(n=e.type)?void 0:n.includes("jpg"))&&(null==(r=e.type)?void 0:r.includes("jpeg"))&&(null==(l=e.type)?void 0:l.includes("png"))||(i=await el.A.convertToJpeg(e.originFileObj));let t=await el.A.compressImage(null!=i?i:e.originFileObj,{maxWidth:500,maxSizeMB:1,maxIteration:10});return ei.A.uploadImage(t.blob,{isImage:!0,resizeByWidth:!0,isTemp:!0})}catch(e){return}}),[]),Z=(0,t.useCallback)(async(e,n,r)=>{if(!n)return;let{imageUrls:l}=e;if(!l||(null==l?void 0:l.length)===0){h(!0),M((0,j._)((0,g._)({},e),{imageUrls:void 0,refundId:n}),{onSuccess:e=>{var n;let{data:l}=e;null==r||null==(n=r.onSucess)||n.call(r,l),C.success("환불 신청이 완료되었습니다"),console.log("[TAOWORLD] Refund modify request completed (1)")},onSettled:()=>{h(!1)},onError:e=>{C.error("환불 신청 중 오류가 발생했습니다. 새로고침 후 다시 시도해주세요."),console.error("[TAOWORLD] Refund modify request (1) ".concat(n),e)}});return}let i=K(l),t=await Promise.all(null!=i?i:[]);return t.some(e=>void 0===e)?void C.error("이미지 업로드에 실패했습니다. 새로고침 후 다시 시도해주세요."):(h(!0),M((0,j._)((0,g._)({},e),{imageUrls:t,refundId:n}),{onSuccess:e=>{var n;let{data:l}=e;null==r||null==(n=r.onSucess)||n.call(r,l),C.success("환불 신청이 완료되었습니다."),console.log("[TAOWORLD] Refund modify request completed (2)")},onError:e=>{C.error("환불 신청 중 오류가 발생했습니다. 새로고침 후 다시 시도해주세요."),console.error("[TAOWORLD] Refund modify request (2) ".concat(n),e)},onSettled:()=>{h(!1)}}))},[C,h,K,M]),J=(0,t.useCallback)(async(e,n)=>{let{imageUrls:r}=e;if(!r||(null==r?void 0:r.length)===0)return h(!0),q((0,j._)((0,g._)({},e),{imageUrls:void 0}),{onSuccess:e=>{var r;let{data:l}=e;null==n||null==(r=n.onSucess)||r.call(n,l),C.success("환불 신청이 완료되었습니다"),console.log("[TAOWORLD] Refund request successful (1)")},onSettled:()=>{h(!1)},onError:e=>{C.error("환불 신청 중 오류가 발생했습니다. 새로고침 후 다시 시도해주세요."),console.error("[TAOWORLD] Refund request error (1) ".concat(b),e)}});let l=K(r),i=await Promise.all(null!=l?l:[]);i.some(e=>void 0===e)?C.error("이미지 업로드에 실패했습니다. 새로고침 후 다시 시도해주세요."):(h(!0),q((0,j._)((0,g._)({},e),{imageUrls:i}),{onSuccess:e=>{var r;let{data:l}=e;null==n||null==(r=n.onSucess)||r.call(n,l),C.success("환불 신청이 완료되었습니다"),console.log("[TAOWORLD] Refund request successful (2)")},onError:e=>{C.error("환불 신청 중 오류가 발생했습니다. 새로고침 후 다시 시도해주세요."),console.error("[TAOWORLD] Refund request error (2) ".concat(b),e)},onSettled:()=>{h(!1)}}))},[C,h,q,K,b]),Q=(0,t.useCallback)(async(e,n)=>{let{goodsState:r,reasonId:l,refundType:i,subOrderId:t,refundFee:d}=e;r&&l&&i&&t&&d&&($?await Z(e,b,n):await J(e,n))},[Z,J,b,$]);(0,t.useEffect)(()=>{x(e=>{let{onSuccess:n}=e;T&&k?Q({goodsState:R,reasonId:T,refundType:S,subOrderId:c,refundFee:k,imageUrls:_},{onSucess:n}):U(!0)})},[Q,x,T,R,S,c,P,_,k]),(0,t.useEffect)(function(){v(D||null!==W||""===T)},[D,v,W,T]),(0,t.useEffect)(function(){var e,n;F(null!=(e=null==P||null==(n=P.data)?void 0:n.refundFee)?e:0)},[null==P||null==(l=P.data)?void 0:l.refundFee]);let V=(0,i.jsxs)("button",{style:{border:0,background:"none"},type:"button",children:[(0,i.jsx)(er.A,{}),(0,i.jsx)("div",{style:{marginTop:8},children:"Upload"})]});return(0,i.jsx)(i.Fragment,{children:(0,i.jsxs)(ef,{children:[(0,i.jsxs)(p.az,{$height:"252px",$mb:"16px",children:[(0,i.jsx)(eg,{children:"환불 요청 목록"}),(0,i.jsx)(B,{error:W,data:G,isLoading:D})]}),P&&(0,i.jsxs)(eh,{children:[(0,i.jsxs)(p.pT,{$mb:"16px",align:"center",gap:6,children:[(0,i.jsx)(eg,{children:"환불 신청ì

1„œ 작성"}),(0,i.jsx)(p.az,{className:(0,m.oh)("Body3Regular14","CharacterSecondary45"),children:"환불/반품 신청은 배송 시점부터 25일간 가능합니다"})]}),(0,i.jsxs)(p.pT,{gap:4,vertical:!0,$mb:"24px",children:[(0,i.jsx)("span",{children:"환불 유형"}),(0,i.jsxs)(X.A.Group,{value:S,onChange:e=>{A(e.target.value),w(e.target.value),O("")},children:[(0,i.jsx)(X.A.Button,{value:E.f4.refunds_only,children:"환불만"}),f!==et.W.instruct&&(0,i.jsx)(X.A.Button,{onClick:()=>{I(E.q2.received_the_goods)},value:E.f4.returned_items_and_refunds,children:"반품 및 환불"})]})]}),f!==et.W.instruct&&S!==E.f4.returned_items_and_refunds&&(0,i.jsxs)(p.pT,{gap:4,vertical:!0,$mb:"24px",children:[(0,i.jsx)("span",{children:"상품 현황"}),(0,i.jsxs)(X.A.Group,{value:R,onChange:e=>I(e.target.value),children:[(0,i.jsx)(X.A.Button,{value:E.q2.received_the_goods,children:"상품을 수령함"}),(0,i.jsx)(X.A.Button,{value:E.q2.no_goods_received,children:"상품을 수령하지 않음"})]})]}),(0,i.jsxs)(p.pT,{gap:4,vertical:!0,$mb:"24px",children:[(0,i.jsx)("span",{children:"환불 사유"}),(0,i.jsx)(ee.A,{status:H&&null===T?"error":void 0,onChange:e=>{O(e),U(!1)},options:Y,placeholder:"사유 선택",value:T})]}),(0,i.jsxs)(p.pT,{$width:"100%",gap:4,vertical:!0,$mb:"24px",children:[(0,i.jsx)("span",{children:"환불 금액"}),(0,i.jsx)(ej,{type:"number",readOnly:!(null==P||null==(s=P.data)?void 0:s.canEditableRefundFee),onChange:e=>{var n,r,l,i;Number(e.target.value)>(null!=(n=null==P||null==(l=P.data)?void 0:l.maxRefundFee)?n:0)||Number(e.target.value)<(null!=(r=null==P||null==(i=P.data)?void 0:i.minRefundFee)?r:0)||F(Number(e.target.value))},placeholder:null!=(n=null==P||null==(a=P.data)||null==(o=a.refundFee)?void 0:o.toString())?n:"",value:k},null==P||null==(u=P.data)?void 0:u.refundFee)]}),(0,i.jsxs)(p.pT,{gap:4,vertical:!0,$mb:"24px",children:[(0,i.jsx)("span",{children:"(선택) 자세한 환불 사유"}),(0,i.jsx)(ec,{onChange:e=>{let n=e.target.value;e.target.value.length>200&&(e.target.value=n.slice(0,200)),L(e.target.value)},maxLength:200,rows:4,placeholder:"환불 사유 (최대 200자)"}),(0,i.jsx)(ep,{justify:"end",children:"".concat(null!=(r=null==N?void 0:N.length)?r:0," / 200")})]}),(0,i.jsxs)(p.pT,{gap:4,vertical:!0,$mb:"24px",children:[(0,i.jsx)("span",{children:"이미지 업로드"}),(0,i.jsx)(en.A,{beforeUpload:()=>!1,accept:"image/*",listType:"picture-card",fileList:_,onChange:e=>{let{fileList:n}=e;z(n)},multiple:!0,maxCount:1,showUploadList:{showDownloadIcon:!1},children:_.length>=1?null:V})]})]})]})})}let ep=(0,b.Ay)(p.pT)(ed()),eh=b.Ay.div(es()),ef=b.Ay.div(eo()),eg=b.Ay.div(ea()),ej=(0,b.Ay)(V.A)(eu());var ev=r(54979),em=r(35440),eb=r(55792);function ey(){let e=(0,l._)(["\n    border-top: 1px solid var(--neutral-5);\n    border-bottom: 1px solid var(--neutral-5);\n    margin-top: -1px;\n"]);return ey=function(){return e},e}function e$(e){var n,r,l,d,a,u,c,x,h,f;let{submitResponse:b,onRefreshRefundInfo:$,onModalClose:A}=e,{mutate:C,isPending:_}=(0,y.I6)(),z=(0,t.useMemo)(()=>{if(b)return(0,j._)((0,g._)({},b.orderInfo),{totalRefundPrice:null==b?void 0:b.refundFee})},[b]);return(0,i.jsxs)(s.A,{vertical:!0,gap:12,children:[(0,i.jsxs)("div",{children:[(0,i.jsx)(p.az,{$mb:"16px",className:(0,m.oh)("H5SemiBold16"),children:"환불 요청 목록"}),(0,i.jsx)(B,{data:z})]}),(0,i.jsxs)("div",{children:[(0,i.jsxs)(p.pT,{align:"center",$mb:"16px",gap:12,children:[(0,i.jsx)(p.az,{className:(0,m.oh)("H5SemiBold16"),children:"환불 신청 목록"}),(0,i.jsx)(o.Ay,{icon:(0,i.jsx)(W.A,{}),onClick:()=>$(),children:"새로고침"})]}),(0,i.jsxs)(eA,{wrap:"wrap",$width:"100%",children:[(0,i.jsxs)(p.pT,{style:{flex:1,flexBasis:300},children:[(0,i.jsx)(p.az,{$padding:"16px 12px",$bgColor:"var(--neutral-3)",$width:"140px",children:"수취인"}),(0,i.jsx)(p.az,{style:{flex:1},$padding:"16px 12px",children:null!=(n=null==b||null==(c=b.logisticsInfo.receiverAddress)?void 0:c.name)?n:"-"})]}),(0,i.jsxs)(p.pT,{style:{flex:1,flexBasis:300},children:[(0,i.jsx)(p.az,{$padding:"16px 12px",$bgColor:"var(--neutral-3)",$width:"140px",children:"수취인 연락처"}),(0,i.jsx)(p.az,{style:{flex:1},$padding:"16px 12px",children:null!=(r=null==b||null==(x=b.logisticsInfo.receiverAddress)?void 0:x.phoneNumber)?r:""})]})]}),(0,i.jsxs)(eA,{$width:"100%",children:[(0,i.jsx)(p.az,{$padding:"16px 12px",$bgColor:"var(--neutral-3)",$width:"140px",children:"반송 주소"}),(0,i.jsx)(p.az,{$padding:"16px 12px",children:null==b||null==(h=b.logisticsInfo.receiverAddress)?void 0:h.detailAddress})]}),(0,i.jsxs)(eA,{$width:"100%",children:[(0,i.jsx)(p.az,{$padding:"16px 12px",$bgColor:"var(--neutral-3)",$width:"140px",children:"환불 사유"}),(0,i.jsx)(p.az,{$padding:"16px 12px",children:null!=(l=null==b?void 0:b.refundReason.description)?l:""})]}),(0,i.jsxs)(eA,{wrap:"wrap",$width:"100%",children:[(0,i.jsxs)(p.pT,{style:{flex:1,flexBasis:300},children:[(0,i.jsx)(p.az,{$padding:"16px 12px",$bgColor:"var(--neutral-3)",$width:"140px",children:"반품 택배사"}),(0,i.jsx)(p.az,{style:{flex:1},$padding:"16px 12px",children:null!=(d=null==b||null==(f=b.logisticsInfo.logisticsCompanyInfo)?void 0:f.name)?d:""})]}),(0,i.jsxs)(p.pT,{style:{flex:1,flexBasis:300},children:[(0,i.jsx)(p.az,{$padding:"16px 12px",$bgColor:"var(--neutral-3)",$width:"140px",children:"반품 송장번호"}),(0,i.jsx)(p.az,{style:{flex:1},$padding:"16px 12px",children:null!=(a=null==b?void 0:b.logisticsInfo.logisticsNumber)?a:""})]})]}),(0,i.jsxs)(eA,{$width:"100%",children:[(0,i.jsx)(p.az,{$padding:"16px 12px",$bgColor:"var(--neutral-3)",$width:"140px",children:"반품 사유"}),(0,i.jsx)(p.az,{$padding:"16px 12px",translate:"yes",children:null!=(u=null==b?void 0:b.logisticsInfo.goodsDescription)?u:""})]})]}),(0,i.jsx)(p.pT,{gap:8,children:(0,i.jsx)(o.Ay,{size:"large",onClick:()=>{(null==b?void 0:b.refundId)?C({refundId:null==b?void 0:b.refundId},{onSuccess:()=>{v.Ay.success("환불 신청 철회가 완료되었습니다. (2)",2),A()},onError:e=>{if(L.A.isAxiosError(e)){var n;if(null==(n=e.response)?void 0:n.data.msg.includes("현재 상태에서 환불을 지원하지 않습니다"))return void v.Ay.error("환불 신청 철회가 불가능한 상품입니다. (2)");v.Ay.error("환불 신청 철회 중 오류가 발생했습니다. (2)")}}}):v.Ay.error("환불 신청 철회 실패: 환불 정보가 없습니다. (2)")},loading:_,children:"반품 철회"})})]})}let eA=(0,b.Ay)(p.pT)(ey());var eC=r(80024);function e_(){let e=(0,l._)(["\n    padding: 0;\n"]);return e_=function(){return e},e}function ez(){let e=(0,l._)(["\n    font-size: 16px;\n    font-weight: 600;\n    color: var(--neutral-13);\n    margin-bottom: 16px;\n"]);return ez=function(){return e},e}function eS(){let e=(0,l._)(["\n    border-radius: 8px;\n    background-color: var(--neutral-3);\n    padding: 16px 16px 24px 16px;\n"]);return eS=function(){return e},e}function ew(){let e=(0,l._)(["\n    border: 1px solid var(--neutral-5);\n    background-color: var(--conditional-table-filter-hover);\n    padding: 0.3125rem 0.75rem;\n    border-radius: 0.375rem;\n    height: 2rem;\n    box-sizing: border-box;\n"]);return ew=function(){return e},e}function eR(e){var n,r,l,d,s,o,a,u,c,x,h;let{refundLogisticRenderData:f,onChangeReturnRequiredData:v,renderOrderLoading:m,renderOrderError:b,requiredData:y,isSubmited:$}=e,A=(0,t.useMemo)(()=>

1{if(f)return(0,j._)((0,g._)({},f.refundOrderInfo.orderInfo),{totalRefundPrice:null==f?void 0:f.refundOrderInfo.refundFee})},[f]),C=(0,t.useMemo)(()=>null==f?void 0:f.logisticsCompanyGroupInfoList.map(e=>({label:e.title,title:e.title,options:e.companyInfoList.map(e=>({label:e.name,value:e.code}))})),[null==f?void 0:f.logisticsCompanyGroupInfoList]);return(0,i.jsx)(i.Fragment,{children:(0,i.jsxs)(eI,{children:[(0,i.jsxs)(p.az,{$height:"252px",$mb:"16px",children:[(0,i.jsx)(eT,{children:"환불 요청 목록"}),(0,i.jsx)(B,{error:b,isLoading:m,data:A})]}),(0,i.jsxs)(eO,{children:[(0,i.jsx)(p.az,{$mb:"24px",children:(0,i.jsx)(eT,{children:"반품 신청서 작성"})}),(0,i.jsxs)(p.az,{$mb:"24px",children:[(0,i.jsx)(p.az,{$mb:"4px",children:"수취인"}),(0,i.jsx)(eN,{children:null!=(n=null==f||null==(o=f.refundOrderInfo.logisticsInfo)||null==(s=o.receiverAddress)?void 0:s.name)?n:""})]}),(0,i.jsxs)(p.az,{$mb:"24px",children:[(0,i.jsx)(p.az,{$mb:"4px",children:"수취인 연락처"}),(0,i.jsx)(eN,{children:null!=(r=null==f||null==(u=f.refundOrderInfo.logisticsInfo)||null==(a=u.receiverAddress)?void 0:a.phoneNumber)?r:""})]}),(0,i.jsxs)(p.az,{$mb:"24px",children:[(0,i.jsx)(p.az,{$mb:"4px",children:"반송 주소"}),(0,i.jsx)(eN,{children:null!=(l=null==f||null==(x=f.refundOrderInfo.logisticsInfo)||null==(c=x.receiverAddress)?void 0:c.detailAddress)?l:""})]}),(0,i.jsxs)(p.az,{$mb:"24px",children:[(0,i.jsx)(p.az,{$mb:"4px",children:"환불 사유 "}),(0,i.jsx)(eN,{translate:"yes",children:null==f?void 0:f.refundOrderInfo.refundReason.description})]}),(0,i.jsxs)(p.az,{$mb:"24px",children:[(0,i.jsx)(p.az,{$mb:"4px",children:"반품 택배사"}),(0,i.jsx)(ee.A,{status:$&&void 0===y.logisticsCompanyCode?"error":void 0,onChange:e=>{v("logisticsCompanyCode",e)},style:{width:"100%"},options:C,placeholder:"선택"})]}),(0,i.jsxs)(p.az,{$mb:"24px",children:[(0,i.jsx)(p.az,{$mb:"4px",children:"반품 송장번호"}),(0,i.jsx)(V.A,{status:$&&(void 0===y.refundLogisticNumber||0===y.refundLogisticNumber.length)?"error":void 0,onChange:e=>v("refundLogisticNumber",e.target.value)})]}),(0,i.jsxs)(p.az,{$mb:"24px",children:[(0,i.jsx)(p.az,{$mb:"4px",children:"배대지 연락처"}),(0,i.jsx)(V.A,{status:$&&((null==(h=y.buyerPhoneNumber)?void 0:h.length)===0||null===y.buyerPhoneNumber)?"error":void 0,onChange:e=>v("buyerPhoneNumber",e.target.value),value:null!=(d=y.buyerPhoneNumber)?d:""})]}),(0,i.jsxs)(p.az,{$mb:"24px",children:[(0,i.jsx)(p.az,{$mb:"4px",children:"반품 사유"}),(0,i.jsx)(eC.A,{onChange:e=>{let n=e.target.value;e.target.value.length>200&&(e.target.value=n.slice(0,200)),v("returnReason",e.target.value)},maxLength:200,rows:4,placeholder:"환불 사유 (최대 200자)",showCount:!0})]})]})]})})}let eI=b.Ay.div(e_()),eT=b.Ay.div(ez()),eO=b.Ay.div(eS()),eN=b.Ay.div(ew());var eL=r(83592),ek=r(63685),eF=r(60838),eB=r(84140);let eP=["GLOBAL_ORDER_REFUND_LOGISTIC_RENDER"],eD=["GLOBAL_ORDER_REFUND_LOGISTIC_SUBMIT"];function eW(e){var n,r;let{refundOrder:l,setSubmitReturnInfoFunc:s,onRefreshRefundInfo:o,onModalClose:a}=e,{data:u,isLoading:c,error:x}=function(e){let{refundId:n}=e;return(0,eL.I)({queryKey:[...eP,n],queryFn:async()=>eF.A.renderLogisticsRequest({params:{store:eB.Z.TAOBAO},body:{refundId:n}}),retry:0,staleTime:0})}({refundId:null!=(n=null==l?void 0:l.refundId)?n:""}),h=null==u?void 0:u.data,{mutate:v}=(0,ek.n)({mutationKey:[...eD],mutationFn:async e=>eF.A.logisticsSubmitRequest({params:{store:eB.Z.TAOBAO},body:e}),retry:0}),{message:m}=d.A.useApp(),[b,y]=(0,t.useState)(!1),[$,A]=(0,t.useState)({refundLogisticNumber:void 0,returnReason:void 0,logisticsCompanyCode:void 0,buyerPhoneNumber:null}),C=(0,t.useCallback)(e=>{v(e,{onSuccess:()=>{o()},onError:()=>{m.error("반품 배송정보 제출 중 오류가 발생했습니다. 채널톡으로 문의 주세요.")}})},[v,m,o]);return(0,t.useEffect)(()=>{var e;(null==h||null==(e=h.refundOrderInfo.logisticsInfo)?void 0:e.buyerPhoneNumber)&&A(e=>{var n,r;return(0,j._)((0,g._)({},e),{buyerPhoneNumber:null!=(n=null==(r=h.refundOrderInfo.logisticsInfo)?void 0:r.buyerPhoneNumber)?n:null})})},[h]),(0,t.useEffect)(()=>{var e;$.refundLogisticNumber&&0!==$.refundLogisticNumber.length&&$.logisticsCompanyCode&&(null==h?void 0:h.refundOrderInfo)&&$.buyerPhoneNumber&&(null==(e=$.buyerPhoneNumber)?void 0:e.length)!==0?s(()=>{var e;y(!1),C({buyerPhoneNumber:$.buyerPhoneNumber,goodsDescription:null!=(e=null==$?void 0:$.returnReason)?e:"",logisticsCompanyCode:$.logisticsCompanyCode,logisticsNumber:$.refundLogisticNumber,refundId:null==h?void 0:h.refundOrderInfo.refundId})}):s(()=>{y(!0)})},[$,C,h,s]),(0,i.jsxs)(f,{currentStage:(r=null==l?void 0:l.refundState)===E.W7.waiting_for_buyer_return?31:r===E.W7.waiting_for_seller_confirm?32:404,children:[(0,i.jsx)(f.Item,{name:31,children:(0,i.jsx)(eR,{requiredData:$,renderOrderError:x,renderOrderLoading:c,onChangeReturnRequiredData:(e,n)=>{A((0,j._)((0,g._)({},$),{[e]:n}))},refundLogisticRenderData:h,isSubmited:b})}),(0,i.jsx)(f.Item,{name:32,children:(0,i.jsx)(e$,{onModalClose:a,onRefreshRefundInfo:o,submitResponse:l})}),(0,i.jsx)(f.Item,{name:404,children:(0,i.jsx)(p.pT,{justify:"center",align:"center",children:"잘못 된 접근입니다. 채널톡으로 문의 바랍니다."})})]})}function eE(){let e=(0,l._)(["\n    .ant-steps-item-active {\n        .ant-steps-item-icon {\n            background-color: var(--primary-color-primary);\n        }\n    }\n    font-weight: 400;\n"]);return eE=function(){return e},e}let eq=(0,b.Ay)(c.A)(eE()),eM=function(e){var n,r;let{isOpen:l,onClose:c,subOrderId:h,step:g,orderNum:j,state:v,refundOrder:m,onConfirmRefund:b}=e,$=(0,t.useRef)(null),A=(0,t.useRef)(null),[C,_]=(0,t.useState)(!1),[z,w]=(0,t.useState)(!1),{message:R}=d.A.useApp(),I=(0,ev.jE)(),[T,O]=(0,t.useState)(g),[N,L]=(0,t.useState)(1===g?E.f4.refunds_only:null!=(n=null==m?void 0:m.refundType)?n:E.f4.refunds_only),[k,F]=(0,t.useState)(m),{mutate:B,isPending:P}=(0,y.Lf)(),{mutate:D,isPending:W}=(0,y.I6)(),q=()=>{j&&h&&B({orderNum:j,subOrderId:h},{onSuccess:e=>{let{data:n}=e;F(n),O(eb.A.getRefundStage({refundState:null==n?void 0:n.refundState}))}})},M=(0,t.useCallback)(e=>{$.current=e},[]),U=(0,t.useCallback)(e=>{A.current=e},[]),G=(0,t.useCallback)(e=>{_(e)},[]),Y=(0,t.useCallback)(e=>{w(e)},[]),K=(0,t.useMemo)(()=>{var e;return(0,i.jsxs)(s.A,{justify:"center",align:"center",children:[(0,i.jsx)(p.az,{$width:"auto",$margin:"0 auto",children:(0,i.jsx)(eq,{size:"small",current:(e=T,N===E.f4.refunds_only&&4===e?2:e-1),items:N===E.f4.refunds_only?[{title:"환불 신청"},{title:"환불 진행"},{title:"환불 완료"}]:[{title:"환불 신청"},{title:"환불 진행"},{title:"반품 정보"},{title:"환불 완료"}],direction:"horizontal"})}),(0,i.jsx)(p.az,{children:(0,i.jsx)("button",{onClick:c,style:{padding:0,border:"none",backgroundColor:"transparent",curs

1or:"pointer",fontSize:"16px"},children:(0,i.jsx)(x.A,{})})})]})},[c,T,N]);return(0,i.jsx)(a.A,{closable:!1,motion:{motionAppear:!1,motionLeave:!1},push:!1,rootClassName:"Center_Drawer_1200px",open:l,title:K,footer:(r=null==k?void 0:k.refundState)&&r!==E.W7.close&&r!==E.W7.no_apply_refund?r===E.W7.waiting_for_buyer_return?(0,i.jsxs)(p.pT,{justify:"space-between",children:[(0,i.jsx)(o.Ay,{loading:W,onClick:()=>{(null==k?void 0:k.refundId)?D({refundId:k.refundId},{onSuccess:()=>{R.success("환불 신청 철회가 완료되었습니다."),c()}}):R.error("환불 ID가 없습니다.")},children:"반품 철회"}),(0,i.jsxs)(p.pT,{gap:8,children:[(0,i.jsx)(o.Ay,{onClick:c,children:"취소"}),(0,i.jsx)(S.A,{disabled:z,loading:C,onClick:()=>{A.current?A.current():R.error("반송 주소 신청에 실패 하였습니다. 새로고침 후 다시 시도해주세요.")},children:"정보 제출하기"})]})]}):(0,i.jsx)(s.A,{justify:"flex-end",children:(0,i.jsx)(o.Ay,{onClick:c,children:"닫기"})}):(0,i.jsxs)(s.A,{gap:8,justify:"end",children:[(0,i.jsx)(o.Ay,{onClick:c,children:"취소"}),(0,i.jsx)(S.A,{disabled:z,loading:C,onClick:()=>{$.current?null==$||$.current({onSuccess:e=>{O(2),F(e),setTimeout(()=>{I.resetQueries({queryKey:[em.i]})},2e3),null==b||b()}}):R.error("환불 요청에 실패했습니다. 새로고침 후 다시 시도해주세요.")},children:"환불 요청하기"})]}),children:(0,i.jsx)(u.A,{spinning:P,children:(0,i.jsxs)(f,{currentStage:T,children:[(0,i.jsx)(f.Item,{name:1,children:(0,i.jsx)(ex,{isModifyingRefund:eb.A.isModifyRefund(null==k?void 0:k.refundState),onChangeSubmitRefundLoading:G,onChangeSubmitRefundDisabled:Y,onClickSubmitRefund:M,subOrderId:h,state:v,refundId:null==k?void 0:k.refundId,onChangeRefundType:e=>{L(e)}})}),(0,i.jsx)(f.Item,{name:2,children:(0,i.jsx)(H,{onRefreshRefundInfo:q,onModalClose:c,onChangeStep:e=>{O(1),F(e)},submitResponse:k})}),(0,i.jsx)(f.Item,{name:3,children:(0,i.jsx)(eW,{onModalClose:c,onRefreshRefundInfo:q,setSubmitReturnInfoFunc:U,refundOrder:k})}),(0,i.jsx)(f.Item,{name:4,children:(0,i.jsx)(Z,{refundOrder:k})})]})})})}}}]);