https://www.mieum.kr/static/js/2693.9b424863.chunk.js

1"use strict";(self.webpackChunkshop_react_web=self.webpackChunkshop_react_web||[]).push([[2693],{37990:(e,t,i)=>{i.d(t,{A:()=>s});var o=i(23175),n=i(70579);const s=e=>{let{width:t=24,height:i=24,$widthWt:s,$heightWt:a,bgColor:r="var(--color-gray-500)"}=e;return(0,n.jsx)(o.E,{xmlns:"http://www.w3.org/2000/svg",width:t,height:i,$widthWt:s,$heightWt:a,viewBox:"0 0 24 24",fill:"none",children:(0,n.jsxs)("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,n.jsxs)("g",{clipPath:"url(#clip0_5244_28098)",children:[(0,n.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12ZM7.93511 7.93513C8.16943 7.70081 8.54932 7.70081 8.78364 7.93513L11.9297 11.0812L15.0757 7.93513C15.3101 7.70081 15.6899 7.70081 15.9243 7.93513C16.1586 8.16944 16.1586 8.54934 15.9243 8.78366L12.7782 11.9297L15.9242 15.0757C16.1586 15.31 16.1586 15.6899 15.9242 15.9243C15.6899 16.1586 15.31 16.1586 15.0757 15.9243L11.9297 12.7782L8.78366 15.9243C8.54935 16.1586 8.16945 16.1586 7.93513 15.9243C7.70082 15.6899 7.70082 15.31 7.93513 15.0757L11.0812 11.9297L7.93511 8.78366C7.7008 8.54934 7.7008 8.16944 7.93511 7.93513Z",fill:r}),(0,n.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.0812 11.9297L7.93511 8.78366C7.7008 8.54934 7.7008 8.16944 7.93511 7.93513C8.16943 7.70081 8.54932 7.70081 8.78364 7.93513L11.9297 11.0812L15.0757 7.93513C15.3101 7.70081 15.6899 7.70081 15.9243 7.93513C16.1586 8.16944 16.1586 8.54934 15.9243 8.78366L12.7782 11.9297L15.9242 15.0757C16.1586 15.31 16.1586 15.6899 15.9242 15.9243C15.6899 16.1586 15.31 16.1586 15.0757 15.9243L11.9297 12.7782L8.78366 15.9243C8.54935 16.1586 8.16945 16.1586 7.93513 15.9243C7.70082 15.6899 7.70082 15.31 7.93513 15.0757L11.0812 11.9297ZM23.5 12C23.5 18.3513 18.3513 23.5 12 23.5C5.64873 23.5 0.5 18.3513 0.5 12C0.5 5.64873 5.64873 0.5 12 0.5C18.3513 0.5 23.5 5.64873 23.5 12ZM12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z",fill:"white"})]}),(0,n.jsx)("defs",{children:(0,n.jsx)("clipPath",{id:"clip0_5244_28098",children:(0,n.jsx)("rect",{width:"24",height:"24",fill:"white"})})})]})})}},44342:(e,t,i)=>{i.d(t,{A:()=>s});var o=i(23175),n=i(70579);const s=e=>{let{width:t=24,height:i=24,$widthWt:s,$heightWt:a,stroke:r="var(--color-gray-500)"}=e;const l=t/20;return(0,n.jsxs)(o.E,{width:t,height:i,$widthWt:s,$heightWt:a,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,n.jsx)("path",{d:"M7 12H17",stroke:r,strokeWidth:l,strokeLinecap:"round"}),(0,n.jsx)("path",{d:"M12 7V17",stroke:r,strokeWidth:l,strokeLinecap:"round"})]})}},88173:(e,t,i)=>{i.d(t,{A:()=>s});var o=i(97605),n=i(70579);const s=e=>{let{children:t}=e;return(0,n.jsx)(o.pT,{display:"block",height:"100vh",$widthMd:"100dvw",$overflowY:"auto",padding:"82px 40px",$paddingWt:"82px 24px 24px",background:"var(--color-gray-50)",children:(0,n.jsx)(o.pT,{$maxWidth:"1456px",$minWidth:"720px",width:"100%",direction:"column",align:"start",margin:"0 auto",children:t})})}},2515:(e,t,i)=>{i.d(t,{A:()=>d});var o=i(65043),n=i(86178),s=i.n(n),a=i(7685),r=i(56743),l=i(69428);const d=(e,t,i)=>{(0,o.useEffect)((()=>{var o,n;if(!e)return;if(!t)return;const d=null!==(o=null===(n=t.paymentMethodList.filter((e=>e.isDeposit))[0])||void 0===n?void 0:n.type)&&void 0!==o?o:r.gb.CARD,c=t.customerCashInfo.useAmount&&[{type:r.y9.CASH,useValue:t.customerCashInfo.useAmount,isRegistered:!0,remainingAmount:t.customerCashInfo.hasAmount}]||[],p=t.useCustomerPassList.map((e=>({couponId:e.originId,type:r.y9.PASS,name:e.name,useValue:e.useCount,isRegistered:!0,remainingCount:e.editableAvailableCount,passCount:e.firstChargeAmount,couponLinkedProductInfoList:{perPassAmount:e.amountPerPassCoupon}}))),u=t.customerCashInfo.useAmount&&[{type:r.y9.CASH,useValue:t.customerCashInfo.useAmount,isRegistered:!0,remainingAmount:t.customerCashInfo.hasAmount}]||[],h=t.useCustomerPassList.map((e=>({couponId:e.originId,type:r.y9.PASS,name:e.name,useValue:0,isRegistered:!0,remainingCount:e.editableAvailableCount,passCount:e.firstChargeAmount,couponLinkedProductInfoList:{perPassAmount:e.amountPerPassCoupon}}))),m=l.JJ.map((e=>{var i,o,n;const s=t.paymentMethodList.find((t=>t.type===e&&!t.isDeposit));return{id:null===s||void 0===s?void 0:s.id,type:e,amount:null!==(i=null===s||void 0===s?void 0:s.amount)&&void 0!==i?i:void 0,isDeposit:!1,shopPaymentManualMethodId:null!==(o=null===s||void 0===s?void 0:s.shopPaymentManualMethodId)&&void 0!==o?o:void 0,name:null!==(n=null===s||void 0===s?void 0:s.typeConvertName)&&void 0!==n?n:""}})),x=t.paymentMethodList.find((e=>e.type===r.gb.ETC&&!e.isDeposit));var g;x&&m.push({id:x.id,type:r.gb.ETC,amount:x.amount,isDeposit:!1,shopPaymentManualMethodId:x.shopPaymentManualMethodId,name:null!==(g=x.typeConvertName)&&void 0!==g?g:""});const v=t.shopPaymentTreatmentList.map((e=>({id:e.shopServeId,name:e.name,duration:e.duration,count:e.count,amount:e.capturedAmount,existingShopServeAmount:e.serveAmount,paymentDiscountMethod:e.appliedDiscountPercent?r.LS.PERCENT:r.LS.FIXED_AMOUNT,discountValue:e.appliedDiscountPercent?e.appliedDiscountPercent:e.appliedDiscountAmount}))),j=t.shopPaymentTreatmentList.map((e=>({id:e.shopServeId,name:e.name,duration:e.duration,originalDuration:e.duration,count:e.count,amount:(0,a.nm)(e.capturedAmount),originalAmount:e.serveAmount}))),f={customerId:t.customerId,staffId:t.staffId,reservationStartTime:(0,a._V)(t.reservationStartDateTime,{includeDate:!1,includeTime:!0}),reservationEndTime:(0,a._V)(t.reservationEndDateTime,{includeDate:!1,includeTime:!0}),reservationDate:null===t.reservationStartDateTime?null:new Date(t.reservationStartDateTime),paymentDate:new Date(t.paymentCreatedAt),paymentHour:s()(null===t||void 0===t?void 0:t.paymentCreatedAt).format("HH"),paymentMin:s()(null===t||void 0===t?void 0:t.paymentCreatedAt).format("mm"),deposit:t.deposit,depositMethod:d,couponData:[...c,...p],paymentAmount:t.paymentAmount,paymentMethodList:m,serveList:v,treatmentList:j,paymentDiscountType:t.paymentDiscountType,paymentDiscountMethod:t.paymentDiscountMethod,discountValue:t.discountValue,memo:t.paymentMemo,discountAmount:t.discountAmount,resetCouponData:[...u,...h]};i(f,{keepDirty:!1})}),[t])}},65418:(e,t,i)=>{i.r(t),i.d(t,{default:()=>W});var o=i(97605),n=i(61158),s=i(59116),a=i(99829),r=i(71761),l=i(74567),d=i(399),c=i(33356),p=i(2515),u=i(24858),h=i(69428),m=i(73216),x=i(56743),g=i(28568),v=i(65043),j=i(88173),f=i(14281),y=i(28111),C=i(86047),A=i(42176),w=i(81365),T=i(7685),M=i(18681),$=i(62991),D=i(10664),k=i(70579);const W=()=>{const{paymentDetail:e,putPaymentStatus:t,paymentsParams:i}=(0,r.A)(),W=(0,m.Zp)(),I=(0,C.A)((e=>e.setModalReservationId)),{customerDetailInfoData:S,setCustomerId:L,handleCustomerMemoSubmit:b,handleDeleteCustomerMemo:P}=(0,w.A)(),E=(0,u.mN)({defaultValues:h.UN}),{reset:O}=E;(0,p.A)(!0,e,O);const N=!!(null!==e&&void 0!==e&&e.shopPaymentTreatmentList&&(null===e||void 0===e?void 0:e.shopPaymentTreatmentList.length)<1&&null!==e&&void 0!==e&&e.deposit),H=x.gi.CANCELED===(null===e||void 0===e?void 0:e.status),[R,V]=(0,v.useState)(!1),[z,B]=(0,v.useState)(!1),[F,_]=(0,v.useState)(!1),[Z,U]=(0,v.useState)(!1),[J,Y]=(0,v.useState)(x.y9.OVERALL);return(0,v.useEffect)((()=>{z&&e&&I(e.reservationId)}),[z]),(0,v.useEffect)((()=>{L(null===e||void 0===e?void 0:e.customerId)}),[null===e||void 0===e?void 0:e.customerId]),(0,k.jsxs)(k.Fragment,{children:[(0,k.jsxs)(j.A,{children:[(0,k.jsxs)(o.pT,{width:"inherit",justify:"space-between",margin:"0 auto 16px auto",children:[(0,k.jsx)(n.A,{title:H?"\ucde8\uc18c \ub9e4\ucd9c \uc870\ud68c":"\ub9e4\ucd9c \uc870\ud68c",backMode:"formHasStep"}),(0,k.jsx)(f.A,{isCanceled:H,onClickEdit:()=>{if(H)return W("/payments/treatment/".concat(null===e||void 0===e?void 0:e.id),{state:{isCanceled:H,isRecreate:!0}});W("/payments/treatment/".concat(null===e||void 0===e?void 0:e.id))},onClickDelete:()=>V(!0)})]}),(0,k.jsxs)(o.pT,{gap:"24px",$gapWt:"20px",width:"100%",align:"start",$directionWt:"column",children:[(0,k.jsxs)(o.pT,{width:"100%",direction:"column",children:[(0,k.jsx)(a.A,{paymentDetail:e,isCanceled:H,setReservationDetailModal:B}),(null===e||void 0===e?void 0:e.paymentMemo)&&(0,k.jsxs)(o.He,{padding:"12px",display:"flex",direction:"column",gap:"4px",margin:"12px 0 0",children:[(0,k.jsx)(l.A,{}),(0,k.jsx)(d.x5,{color:"var(--color-gray-600)",children:null===e||void 0===e?void 0:e.paymentMemo})]}),!N&&(0,k.jsxs)(o.pT,{direction:"column",width:"100%",gap:"12px",align:"start",margin:"16px 0 0",$marginWt:"20px 0 0",children:[(0,k.jsx)(d.ld,{fontSize:s.$N.size18,$fontSizeWt:s.$N.size16,$lineHeight:s.kj.height26,$lineHeightWt:s.kj.height24,$fontWeightWt:s.sO.regular,children:H?"\ucde8\uc18c\ub0b4\uc5ed":"\ud310\ub9e4\ub0b4\uc5ed"}),(0,k.jsx)(o.He,{padding:"0 20px",direction:"column",align:"start",children:null===e||void 0===e?void 0:e.shopPaymentTreatmentList.map(((t,i)=>{const o=i===(null===e||void 0===e?void 0:e.shopPaymentTreatmentList.length)-1;return(0,k.jsx)(c.A,{data:t,isLast:o},t.id)}))})]})]}),(0,k.jsx)(u.Op,{...E,children:(0,k.jsx)(o.pT,{direction:"column",width:"100%",$maxWidth:"420px",$maxWidthWt:"unset",align:"start",ga

1p:"20px",children:(0,k.jsx)(D.A,{paymentDetail:e,isOnlyDeposit:N,isFromPage:!0,isCanceled:H})})})]})]}),(0,k.jsx)(g.A,{description:H?"\ucde8\uc18c\ub41c \ub9e4\ucd9c\uc744 \uc0ad\uc81c\ud560\uae4c\uc694?":"\ub4f1\ub85d\ub41c \ub9e4\ucd9c\uc744 \ucde8\uc18c\ud560\uae4c\uc694?",caption:H?"\uc0ad\uc81c\ub41c \ub9e4\ucd9c\uc740 \ubcf5\uad6c\ud560 \uc218 \uc5c6\uc5b4\uc694":"\ucde8\uc18c\ub41c \ub0b4\uc5ed\uc740 \uc7ac\ub4f1\ub85d\uc774 \uac00\ub2a5\ud574\uc694",onSubmit:()=>{t(null===e||void 0===e?void 0:e.id,{status:H?x.gi.DELETED:x.gi.CANCELED,comeFrom:"PAYMENT"},i,(()=>{V(!1),W("/payments")}))},modal:R,setModal:V}),(0,k.jsx)(y.A,{selectedCustomer:null===e||void 0===e?void 0:e.customerId,modal:z,setModal:B,setSelectedTab:Y,setOpenCouponModal:_,setCustomerOpenMemo:U}),(0,k.jsx)(M.A,{type:"\uc8fc\uc694\uc815\ubcf4",inputLength:$.b8.defaultMax,modal:Z,setModal:U,description:null===S||void 0===S?void 0:S.memo,onSubmit:b,handleDeleteMemo:P}),(0,k.jsx)(A.A,{modal:F,setModal:_,totalRemainingAmount:(0,T.nm)(null===S||void 0===S?void 0:S.cashCoupon),totalRemainingCount:(0,T.nm)(null===S||void 0===S?void 0:S.passCoupon),selectedTab:J,customerId:null===e||void 0===e?void 0:e.customerId})]})}},48125:(e,t,i)=>{i.d(t,{A:()=>D});var o=i(97605),n=i(399),s=i(19966),a=i(7685),r=i(65043),l=i(59116),d=i(48120),c=i(11177),p=i(56743),u=i(76172),h=i(11289),m=i(35509),x=i(44342),g=i(11062),v=i(71761),j=i(13203),f=i(92062),y=i(6263),C=i(23178),A=i(49153),w=i(71867),T=i(73216),M=i(12213),$=i(70579);const D=e=>{const{selectedCustomer:t,setCustomerMode:i,customerDetailInfoData:D,renderCustomerImage:k,isViewDetail:W,setIsViewDetail:I,isFromChat:S,isBackDisabled:L,setOpenCouponModal:b,setSelectedTab:P,setCustomerOpenMemo:E,isReadOnly:O,setCreateCouponPaymentModal:N,openDetailInfo:H,setOpenDetailInfo:R,selectedTabforNavigate:V}=e,z=(0,T.Zp)(),{hasCouponList:B}=(0,y.A)(),{setToast:F}=(0,C.W)(),{reservationDetailData:_}=(0,c.A)(),{customerTotalPayments:Z,setPaymentsTotalParams:U,setIsFetchPaymentTotal:J}=(0,v.A)(),Y=(0,M.f)(V),[Q,X]=(0,r.useState)(!1),q=(null===_||void 0===_?void 0:_.status)===p.sp.REVENUE;(0,r.useEffect)((()=>{U((e=>({...e,sci:t})))}),[t]),(0,r.useEffect)((()=>{J(!0)}),[]),(0,r.useEffect)((()=>()=>{I(!1)}),[I]);const G=()=>!S||H;return(0,$.jsx)($.Fragment,{children:"unknown"===t?(0,$.jsxs)(o.pT,{direction:"column",width:"100%",$minWidthMd:"calc(100vw - 448px)",margin:"48px 0 0 0",gap:"16px",children:[k("unknown"),(0,$.jsx)(n.ld,{fontSize:l.$N.size18,$fontSizeWt:l.$N.size16,$lineHeight:l.kj.height30,$lineHeightWt:l.kj.height24,color:"var(--color-gray-600)",children:"\ubbf8\uc9c0\uc815"}),(0,$.jsx)(s.JC,{onClick:()=>{q||null===i||void 0===i||i("start")},children:(0,$.jsxs)(o.pT,{gap:"2px",children:["\uace0\uac1d\uc120\ud0dd",(0,$.jsx)(x.A,{stroke:"var(--color-gray-600)"})]})})]}):(0,$.jsx)($.Fragment,{children:(0,$.jsxs)(o.pT,{$displayWt:W?"none":"",$minWidth:"360px",$minWidthMd:"calc(100vw - 448px)",height:"100%",direction:"column",margin:"0 auto",padding:O?"0":S?"16px 16px 8px":"20px 20px 16px",$paddingWt:S?"0 16px 8px":"",align:"start",justify:"start",gap:"8px",$gapWt:S?"12px":"",$marginMd:"0",width:"100%",children:[(0,$.jsx)(o.pT,{justify:"start",width:"100%",align:"start",children:(0,$.jsxs)(o.pT,{gap:"12px",justify:"start",width:"100%",$paddingWt:S?"6px 0":"",children:[(0,$.jsxs)(o.pT,{direction:"column",align:"start",width:"100%",gap:"4px",children:[(0,$.jsxs)(o.pT,{justify:"space-between",width:"100%",children:[(0,$.jsxs)(o.pT,{gap:"2px",width:"max-content",justify:"flex-start",onClick:e=>{q||L||O&&!Y||(e.stopPropagation(),Y?z("/customer/detail/".concat(t)):S?null===i||void 0===i||i(p.BS.SEARCH):null===i||void 0===i||i("start"))},$hasCursor:q,onMouseEnter:()=>{q||(0,u.RN)()||L||X(!0)},onMouseLeave:()=>{(0,u.RN)()||L||X(!1)},children:[(0,$.jsx)(A.A,{name:(null===D||void 0===D?void 0:D.name)||"",gender:null===D||void 0===D?void 0:D.gender,isDeleted:!(null===D||void 0===D||!D.isDeleted),$fontSize:l.$N.size14,$lineHeight:l.kj.height22,$fontWeight:l.sO.semiBold,$hasCursor:Y,showClickableStyle:Y}),!O&&(0,$.jsx)(o.pT,{width:"24px",height:"24px",radius:d.A.corner50,$hasCursor:!0,background:Q?"var(--color-gray)":"unset",children:(0,$.jsx)(g.A,{width:24})})]}),(0,$.jsx)(n.x5,{color:"var(--color-gray-500)",$whiteSpace:"nowrap",children:D&&(0,a.n4)(D.tel)})]}),(0,$.jsxs)(o.pT,{justify:"space-between",width:"100%",children:[(0,$.jsxs)(o.pT,{gap:"2px",children:[(0,$.jsx)(h.A,{}),(0,$.jsxs)(n.x5,{color:"var(--color-gray-600)",fontWeight:l.sO.medium,children:["\ucd1d ",(0,a.nm)(Z),"\uc6d0"]})]}),(0,$.jsx)(o.pT,{gap:"4px",children:(null===D||void 0===D?void 0:D.recentVisitedAt)&&(0,$.jsx)($.Fragment,{children:(0,$.jsxs)(n.x5,{color:"var(--color-gray-300)",fontSize:l.$N.size12,$lineHeight:l.kj.height20,$whiteSpace:"nowrap",children:[(0,a.yQ)(null===D||void 0===D?void 0:D.recentVisitedAt)," \ubc29\ubb38"]})})})]})]}),S&&(0,$.jsx)(w.A,{isOpen:!!H,onClick:()=>null===R||void 0===R?void 0:R((e=>!e))})]})}),(0,$.jsxs)(o.pT,{display:G()?"flex":"none",width:"100%",direction:"column",justify:"flex-start",align:"start",ga

1p:"8px",padding:"12px",border:"1px solid var(--color-gray-200)",$maxWidth:O?"100%":S?"404px":"320px",$maxWidthWt:S?"unset":"",radius:d.A.corner12,onClick:()=>null===E||void 0===E?void 0:E(!0),$hasCursor:!0,children:[(0,$.jsxs)(o.pT,{width:"max-content",gap:"2px",padding:"2px 6px",radius:d.A.corner8,background:"var(--color-gray-100)",children:[(0,$.jsx)(f.A,{stroke:"var(--color-gray-700-main)"}),(0,$.jsx)(n.x5,{fontSize:l.$N.size12,$lineHeight:l.kj.height20,children:"\uc8fc\uc694\uc815\ubcf4"})]}),(0,$.jsx)(n.x5,{color:"var(--color-gray-600)",fontSize:l.$N.size12,$lineHeight:l.kj.height20,className:"ellipsis-multi-line customer-memo",children:(null===D||void 0===D?void 0:D.memo)||"\uc8fc\uc694 \uc815\ubcf4\ub97c \uc785\ub825\ud574 \uc8fc\uc138\uc694"})]}),G()&&(0,$.jsx)(j.A,{cashCoupon:(null===D||void 0===D?void 0:D.cashCoupon)||0,passCoupon:(null===D||void 0===D?void 0:D.passCoupon)||0,setOpenCouponModal:b,setSelectedTab:P,isFromChat:S}),(0,$.jsxs)(m.bM,{type:"button",gap:"0",display:O||!G()?"none":"",radius:d.A.corner12,fontSize:l.$N.size14,$lineHeight:l.kj.height22,$activeTransform:"none",onClick:()=>{B?null===N||void 0===N||N(!0):F("\ud310\ub9e4 \uc911\uc778 \ud68c\uc6d0\uad8c\uc774 \uc5c6\uc5b4\uc694. [\ud68c\uc6d0\uad8c] \uba54\ub274\ub97c \ud655\uc778\ud574 \uc8fc\uc138\uc694.","warning")},children:["\ud68c\uc6d0\uad8c \ud310\ub9e4",(0,$.jsx)(x.A,{stroke:"var(--color-primary-500-main)"})]})]})})})}},28111:(e,t,i)=>{i.d(t,{A:()=>$});var o=i(65043),n=i(48120),s=i(39263),a=i(97605),r=i(1262),l=i(35509),d=i(92633),c=i(48125),p=i(24678),u=i(399),h=i(59116),m=i(94839),x=i(7685),g=i(70579);const v=e=>{var t;const{staffName:i,staffMainColor:o,deposit:s,reservationChannel:r}=e;return(0,g.jsxs)(g.Fragment,{children:[(0,g.jsxs)(a.pT,{gap:"16px",justify:"flex-start",children:[(0,g.jsx)(a.pT,{width:"64px",height:"64px",padding:"12px",background:"#".concat(o),radius:n.A.corner50,children:(0,g.jsx)(u.V9,{color:"var(--color-white)",children:(0,x.Od)(i)})}),(0,g.jsxs)(a.pT,{direction:"column",gap:"4px",align:"flex-start",children:[(0,g.jsx)(u.ld,{color:"var(--color-gray-600)",fontWeight:h.sO.semiBold,children:i}),(0,g.jsx)(u.x5,{color:"var(--color-gray-300)",children:"\ub2f4\ub2f9\uc790"})]})]}),(0,g.jsx)(a.WZ,{background:"var(--color-gray-200)",margin:"16px 0"}),(0,g.jsxs)(a.pT,{direction:"column",gap:"12px",align:"flex-start",children:[(0,g.jsxs)(a.pT,{gap:"24px",children:[(0,g.jsx)(u.ld,{color:"var(--color-gray-400)",width:"80px",fontWeight:h.sO.regular,children:"\uc608\uc57d\uae08"}),(0,g.jsxs)(u.ld,{color:"var(--color-gray-600)",children:[(0,x.nm)(s),"\uc6d0"]})]}),(0,g.jsxs)(a.pT,{gap:"24px",children:[(0,g.jsx)(u.ld,{color:"var(--color-gray-400)",width:"80px",fontWeight:h.sO.regular,children:"\uc720\uc785\uacbd\ub85c"}),(0,g.jsx)(u.ld,{color:"var(--color-gray-600)",children:null===(t=m.Ro.find((e=>e.value===r)))||void 0===t?void 0:t.text})]})]})]})};var j=i(93934),f=i(11177),y=i(5571),C=i(77993),A=i(86047),w=i(81365),T=i(80663),M=i(79230);const $=e=>{const{modal:t,setModal:i,selectedCustomer:$,setOpenCouponModal:D,setSelectedTab:k,setCustomerOpenMemo:W,setSelectedIndex:I,setImageModal:S,setIsDetailViewMode:L,setImageHistoryList:b,selectedTabforNavigate:P}=e,{modalReservationDetailData:E}=(0,f.A)(),{customerDetailInfoData:O,setCustomerId:N}=(0,w.A)(),{scrollBoxRef:H,isScrollable:R,checkScroll:V}=(0,T.A)(),z=(0,A.A)((e=>e.setModalReservationId));(0,d.A)(t);const B=()=>{z(null),i(!1)};if((0,o.useEffect)((()=>{$&&N($)}),[$,N]),(0,o.useEffect)((()=>{V()}),[t]),(0,o.useEffect)((()=>{E&&(null===b||void 0===b||b(E.imageList))}),[E]),!E)return null;const{startTime:F,endTime:_,staffName:Z,treatmentList:U,deposit:J,reservationChannel:Y,memo:Q,totalCost:X,imageList:q,status:G,staffMainColor:K}=E;return(0,g.jsx)(g.Fragment,{children:t?(0,g.jsx)(s.hE,{onClick:B,style:{zIndex:p.A.zIndexPopUp},children:(0,g.jsxs)(s.lT,{$maxWidth:"1120px",$maxWidthWt:"560px",$maxHeight:"unset",padding:R?"28px 8px 0 0":"28px 0 0",radius:n.A.corner24,onClick:e=>e.stopPropagation(),overflow:"hidden",children:[(0,g.jsxs)(a.pT,{padding:"0 24px",children:[(0,g.jsx)(s.wt,{children:"\uc608\uc57d\uc0c1\uc138"}),(0,g.jsx)(l.Oi,{type:"button",onClick:B,children:(0,g.jsx)(r.A,{stroke:"var(--color-gray-500)"})})]}),(0,g.jsx)(a.Z6,{$maxHeight:"calc(100vh - 160px)",height:"100%",padding:R?"16px 8px 24px 24px":"16px 24px 24px",ref:H,children:(0,g.jsxs)(a.pT,{gap:"24px",align:"flex-start",$directionWt:"column",children:[(0,g.jsxs)(a.He,{padding:"16px 20px",children:[(0,g.jsxs)(a.pT,{justify:"flex-start",ga

1p:"8px",margin:"0 0 8px",children:[(0,g.jsx)(u.ld,{fontWeight:h.sO.semiBold,color:"var(--color-gray-600)",children:"".concat((0,x._V)(F,{includeTime:!0})," ~ ").concat((0,x._V)(_,{includeDate:!1,includeTime:!0}))}),(0,g.jsx)(u.ld,{fontWeight:h.sO.regular,color:"var(--color-gray-400)",children:"(".concat((0,x.I9)(F,_),")")})]}),$?(0,g.jsx)(c.A,{isViewDetail:!1,setIsViewDetail:i,isReadOnly:!0,selectedCustomer:$,customerDetailInfoData:O,renderCustomerImage:()=>(0,g.jsx)(g.Fragment,{}),setOpenCouponModal:D,setSelectedTab:k,setCustomerOpenMemo:W,selectedTabforNavigate:P}):(0,g.jsxs)(a.pT,{gap:"12px",justify:"flex-start",children:[(0,g.jsx)(a.pT,{width:"64px",height:"64px",radius:n.A.corner50,background:"var(--color-primary-50)",children:(0,g.jsx)(M.A,{stroke:"var(--color-primary-500-main)"})}),(0,g.jsx)(u.ld,{fontWeight:h.sO.semiBold,color:"var(--color-gray-600)",children:"\ubbf8\uc9c0\uc815"})]}),(0,g.jsxs)(a.pT,{justify:"space-between",margin:"16px 0 0",children:[(0,g.jsx)(u.x5,{color:"var(--color-gray-500)",children:"\uc608\uc57d\uc0c1\ud0dc \uc124\uc815"}),(0,g.jsx)(a.pT,{gap:"8px",children:m.BM.slice(0,4).map((e=>(0,g.jsx)(a.pT,{border:"1px solid var(--color-gray-200)",background:e.type===G?"var(--color-primary-50)":"",padding:"4px 16px",radius:n.A.corner20,children:(0,g.jsx)(u.x5,{fontWeight:h.sO.medium,color:e.color,children:e.label})},e.type)))})]})]}),(0,g.jsxs)(a.pT,{direction:"column",width:"100%",gap:"24px",children:[(0,g.jsx)(a.He,{padding:"16px 20px",children:(0,g.jsx)(v,{staffName:Z,staffMainColor:K,reservationChannel:Y,deposit:J})}),(0,g.jsxs)(a.He,{padding:"8px 20px 16px",display:"flex",gap:"16px",direction:"column",children:[U.length>0&&(0,g.jsx)("div",{children:U.map((e=>(0,g.jsx)(y.A,{field:{keyName:String(e.id),name:e.name,count:e.count,amount:(0,x.nm)(e.amount),duration:e.duration,id:e.id,originalDuration:e.serveDuration,originalAmount:e.serveAmount}},e.id)))}),q&&q.length>0&&(0,g.jsx)(C.A,{setSelectedIndex:null!==I&&void 0!==I?I:()=>{},setImageModal:null!==S&&void 0!==S?S:()=>{},setIsDetailViewMode:null!==L&&void 0!==L?L:()=>{},isFromCustomerPage:!1,isFromModal:!0,imageList:null!==q&&void 0!==q?q:[]}),Q&&(0,g.jsx)(j.A,{title:"\uc608\uc57d\uba54\ubaa8",contents:Q,isReadOnly:!0}),(0,g.jsxs)(a.pT,{width:"100%",justify:"space-between",children:[(0,g.jsx)(u.ld,{color:"var(--color-gray-600)",fontWeight:h.sO.semiBold,children:"\ucd5c\uc885 \uacb0\uc81c \uae08\uc561"}),(0,g.jsxs)(u.ld,{color:"var(--color-primary-500-main)",fontWeight:h.sO.semiBold,children:[(0,x.nm)(X),"\uc6d0"]})]})]})]})]})})]})}):""})}},61158:(e,t,i)=>{i.d(t,{A:()=>d});var o=i(73216),n=i(97605),s=i(399),a=i(8720),r=i(59116),l=i(70579);const d=e=>{const{title:t,hasOnlyTitle:i,backMode:d,setModal:c,onClose:p}=e,u=(0,o.Zp)();return(0,l.jsxs)(n.pT,{justify:"start",gap:"8px",children:[!i&&(0,l.jsx)(a.A,{width:"30px",height:"30px",$widthWt:"24px",$heightWt:"24px",handleBack:()=>{p?p():"formBack"===d?null===c||void 0===c||c(!0):u(-1)}}),(0,l.jsx)(s.V9,{fontSize:r.$N.size24,$lineHeight:r.kj.height32,$fontSizeWt:r.$N.size20,$lineHeightWt:r.kj.height28,$whiteSpace:"nowrap",children:t})]})}}}]);
2//# sourceMappingURL=2693.9b424863.chunk.js.map