https://image.phonego.co.kr/static/react-page/5998.ccdd9ac6.js

1"use strict";(self.webpackChunkreact_page=self.webpackChunkreact_page||[]).push([["5998"],{58503:function(e,i,t){t.r(i),t.d(i,{default:function(){return k}});var n=t(52676),l=t(75271),r=t(64424),a=t(84474),o=t(50365),s=t(16751);let d="#1a4dad",c="#14171c",p="#616975",x="#ccd1db",h="#d1d6e0",f="#f5f7fa",g="#ebf2ff",m={1:{pad:"48px 56px 42px",gap:"14px"},2:{pad:"44px 50px 38px",gap:"12px"},3:{pad:"44px 50px 38px",gap:"12px"},4:{pad:"44px 50px 36px",gap:"11px"}},u=e=>({width:"794px",height:"1122px",backgroundColor:"#fff",padding:m[e].pad,display:"flex",flexDirection:"column",gap:m[e].gap,boxSizing:"border-box",overflow:"hidden"}),v=e=>({borderWidth:"1px",borderStyle:"solid",borderColor:e?"#ffbf7a":"#d6dbe3",backgroundColor:e?"#fff7eb":"#fff",borderRadius:"8px",padding:"12px",display:"flex",flexDirection:"column",gap:"5px",breakInside:"avoid",pageBreakInside:"avoid"}),j={borderWidth:"1px",borderStyle:"solid",borderColor:x,fontSize:"8px",padding:"6px",minHeight:"45px",display:"flex",alignItems:"center",justifyContent:"center",textAlign:"center",color:c,wordBreak:"break-word",overflowWrap:"anywhere",boxSizing:"border-box"},b=[118,122,158,70,56,158],y=e=>{if(null==e||""===e)return"-";let i="number"==typeof e?e:Number(e);return Number.isFinite(i)?`₩ ${i.toLocaleString("ko-KR")}`:String(e)},N=e=>{if(!e)return"-";let i=new Date(e);if(Number.isNaN(i.getTime()))return String(e);let t=new Intl.DateTimeFormat("ko-KR",{timeZone:"Asia/Seoul",year:"numeric",month:"2-digit",day:"2-digit",hour:"2-digit",minute:"2-digit",second:"2-digit",hour12:!1}).formatToParts(i),n=e=>{var i;return(null===(i=t.find(i=>i.type===e))||void 0===i?void 0:i.value)??""};return`${n("year")}.${n("month")}.${n("day")} ${n("hour")}:${n("minute")}:${n("second")} KST`};function S(e){let{caption:i}=e;return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)("div",{className:(0,a.iv)({display:"flex",alignItems:"center",gap:"10px"}),children:[(0,n.jsx)("p",{className:(0,a.iv)({flex:"1 0 0",minWidth:0,color:d,fontSize:"13px",fontWeight:700}),children:"phoneGO"}),(0,n.jsx)("p",{className:(0,a.iv)({color:p,fontSize:"8px",fontWeight:500}),children:i})]}),(0,n.jsx)("div",{className:(0,a.iv)({backgroundColor:d,height:"1px",width:"100%"})})]})}function W(e){let{n:i,total:t}=e;return(0,n.jsxs)("p",{className:(0,a.iv)({marginTop:"auto",color:p,fontSize:"8px",fontWeight:700}),children:[i," / ",t]})}function w(e){let{clause:i}=e;return(0,n.jsxs)("div",{style:v(i.emphasis),children:[(0,n.jsx)("p",{className:(0,a.iv)({fontSize:"10px",fontWeight:700,color:i.emphasis?"#eb6114":c}),children:i.title}),(0,n.jsx)("div",{className:(0,a.iv)({fontSize:"7.2px",color:c}),children:(i.body||[]).map((e,i)=>(0,n.jsx)("p",{className:(0,a.iv)({lineHeight:1.48,minHeight:"1em"}),children:e},i))})]})}function A(e,i,t){let n=(i,t)=>{let n=0,l=0;for(;i+l<e.length&&n+e[i+l]<=t;)n+=e[i+l],l+=1;return Math.max(1,l)},l=[],r=0;if(void 0!==t)l.push(t),r=t;else{let e=n(0,i.first??i.cont);l.push(e),r=e}for(;r<e.length;){let t=e.length-r;if(t<=n(r,i.last)){l.push(t);break}let a=Math.min(n(r,i.cont),t-1);l.push(Math.max(1,a)),r+=Math.max(1,a)}return l}function z(e){let{items:i,startIndex:t}=e;return(0,n.jsxs)("div",{children:[(0,n.jsx)("div",{className:(0,a.iv)({display:"flex"}),children:["신청번호","모델명","제품사양(비고)","약정 유형","기간","월 렌탈료"].map((e,i)=>(0,n.jsx)("div",{className:(0,a.iv)({backgroundColor:"#262e3d",color:"#fff",fontSize:"8px",fontWeight:700,height:"36px",display:"flex",alignItems:"center",justifyContent:"center",textAlign:"center",flexShrink:0,boxSizing:"border-box"}),style:{width:`${b[i]}px`},children:e},e))}),i.map((e,i)=>{let l=[e.capacity,e.color,e.grade].filter(Boolean).join(" / ")||"-",r=[e.reservation_identifier||"-",e.display_name||"-",l,e.rental_type||"-",e.months?`${e.months}개월`:"-",y(e.monthly_final_amount)];return(0,n.jsx)("div",{className:(0,a.iv)({display:"flex"}),"data-contract-item-row":"true",children:r.map((e,i)=>(0,n.jsx)("div",{"data-contract-identifier-cell":0===i?"true":void 0,className:(0,a.iv)(j),style:{width:`${b[i]}px`},children:e},i))},e.contract_item_id||`${t}-${i}`)})]})}function C(e){let{label:i,value:t}=e;return(0,n.jsxs)("div",{className:(0,a.iv)({display:"flex",borderWidth:"1px",borderStyle:"solid",borderColor:x,borderTopWidth:0}),children:[(0,n.jsx)("div",{className:(0,a.iv)({width:"150px",flexShrink:0,backgroundColor:f,height:"40px",display:"flex",alignItems:"center",paddingLeft:"12px",fontSize:"9px",fontWeight:700,color:c}),children:i}),(0,n.jsx)("div",{className:(0,a.iv)({flex:"1 0 0",minWidth:0,minHeight:"40px",display:"flex",alignItems:"center",padding:"6px 12px",fontSize:"9px",fontWeight:500,color:c,overflowWrap:"anywhere"}),children:null==t||""===t?"-":String(t)})]})}let _=`
2img[src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"] {
3  display: inline !important;
4}
5`;function k(){var e,i;let{applicationId:v}=(0,r.UO)(),j=(0,l.useRef)(null),[b,k]=(0,l.useState)(null),[R,I]=(0,l.useState)(null),[$,B]=(0,l.useState)(null),T=(0,l.useRef)(null),D=(0,l.useRef)(null),F=(0,l.useRef)(null),H=(0,l.useRef)(null),L=(0,l.useRef)(null),E=(0,l.useRef)(null),[M,O]=(0,l.useState)(!1),G=(0,l.useRef)(null);(0,l.useEffect)(()=>{let e=!1;return(async()=>{try{let i=await o.L.get(`/api/v1/b2b_rental/applications/${v}/contract-pdf/render`);!e&&k(i.data)}catch(i){!e&&I(i instanceof Error?i.message:"load failed")}})(),()=>{e=!0}},[v]);let q=null!==b&&null!==$&&M;if((0,l.useEffect)(()=>

5{if(!q||!j.current)return;let e=window.setTimeout(()=>{(async()=>{let e=await t.e("4220").then(t.t.bind(t,88792,23)),i=j.current;i&&await e.default().set({margin:0,filename:`b2b-contract-${v}.pdf`,image:{type:"jpeg",quality:.98},html2canvas:{scale:2,useCORS:!0,windowWidth:794},jsPDF:{unit:"mm",format:"a4",orientation:"portrait"},pagebreak:{mode:[]}}).from(i).save()})()},500);return()=>window.clearTimeout(e)},[q,v]),(0,l.useLayoutEffect)(()=>{var e;if(!b||null!==$)return;let i=b.items||[];if(0===i.length){B([[]]);return}let t=T.current,n=D.current;if(!t||!n)return;let l=t.getBoundingClientRect(),r=window.getComputedStyle(t),a=parseFloat(r.paddingBottom)||0,o=parseFloat(r.rowGap||r.gap)||0,s=(null===(e=F.current)||void 0===e?void 0:e.getBoundingClientRect().height)??0,d=n.getBoundingClientRect().top-l.top,c=Array.from(t.querySelectorAll("[data-contract-item-row]")).map(e=>e.getBoundingClientRect().height);if(c.length!==i.length)return;let p=l.height-a-d-36-s-12-3*o,x=901,h=0;B(A(c,{first:p,cont:901,last:901-s-12}).map(e=>{let t=i.slice(h,h+e);return h+=e,t}))},[b,$]),(0,l.useLayoutEffect)(()=>{var e;if(!b||null===$||M)return;if($.length<=1){O(!0);return}let i=H.current,t=L.current,n=j.current;if(!i||!t||!n)return;let l=b.items||[],r=Array.from(n.querySelectorAll("[data-contract-item-row]")).map(e=>e.getBoundingClientRect().height);if(r.length!==l.length)return;let a=i.getBoundingClientRect(),o=window.getComputedStyle(i),s=parseFloat(o.paddingBottom)||0,d=parseFloat(o.rowGap||o.gap)||0,c=(null===(e=E.current)||void 0===e?void 0:e.getBoundingClientRect().height)??0,p=t.getBoundingClientRect().top-a.top,x=a.height-s-p-36-12-2*d,h=0,f=A(r,{first:null,cont:x,last:x-c-d},$[0].length).map(e=>{let i=l.slice(h,h+e);return h+=e,i});O(!0),!(f.length===$.length&&f.every((e,i)=>e.length===$[i].length))&&B(f)},[b,$,M]),R)return(0,n.jsx)("main",{className:(0,a.iv)({padding:"24px"}),children:R});if(!b)return(0,n.jsx)("main",{className:(0,a.iv)({padding:"24px"}),children:"Loading contract…"});let K=b.corp||{},P=b.contact||{},Q=b.totals||{},U=b.identifiers||{},V=b.notes||{},Z=(null===(e=b.seal_revision)||void 0===e?void 0:e.read_handle)||null,J=b.contract_clauses||[],X=(null===(i=b.provider)||void 0===i?void 0:i.name)||"㈜피에로컴퍼니",Y=U.order_number||"-",ee=Array.isArray(U.reservation_identifiers)?U.reservation_identifiers:[],ei=e=>e.map(e=>J.find(i=>i.no===e)).filter(e=>!!e),et=ei([1,2,3]),en=ei([4,5,6]),el=ei([7,8]),er=ei([9,10,11]),ea=$??[b.items||[]],eo=ea[0]||[],es=Math.max(0,ea.length-1),ed=1+es+3,ec=(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)("div",{className:(0,a.iv)({backgroundColor:f,padding:"12px 14px",display:"flex",gap:"8px",alignItems:"center"}),children:[(0,n.jsx)("p",{className:(0,a.iv)({fontSize:"10px",fontWeight:700,color:c}),children:"총 월 구독료"}),(0,n.jsxs)("p",{className:(0,a.iv)({flex:"1 0 0",minWidth:0,textAlign:"right",fontSize:"11px",fontWeight:700,color:d}),children:[y(Q.monthly_final_total)," (VAT 포함)"]})]}),(0,n.jsx)("div",{className:(0,a.iv)({borderWidth:"1px",borderStyle:"solid",borderColor:x,padding:"12px 14px"}),children:(0,n.jsxs)("p",{className:(0,a.iv)({fontSize:"9px",fontWeight:500,color:c}),children:["납부 방법 ",V.payment_method||"-"]})})]}),ep=(0,a.iv)({display:"flex",flexDirection:"column"}),ex=(0,a.iv)({display:"flex",gap:"14px",alignItems:"flex-start",width:"100%"}),eh=(0,a.iv)({display:"flex",flexDirection:"column",gap:"9px",flex:"1 1 0",minWidth:0}),ef=(0,a.iv)({fontSize:"17px",fontWeight:700,color:c});return(0,n.jsxs)("main",{className:(0,a.iv)({margin:"0 auto",width:"794px"}),children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:_}}),(0,n.jsxs)("div",{ref:j,"data-contract-rendered":q?"true":void 0,children:[(0,n.jsxs)("section",{ref:T,style:u(1),"data-contract-page":"1",children:[(0,n.jsx)("div",{className:(0,a.iv)({display:"flex",alignItems:"center"}),children:(0,n.jsx)("p",{className:(0,a.iv)({flex:"1 0 0",color:d,fontSize:"15px",fontWeight:700}),children:"phoneGO"})}),(0,n.jsx)("div",{className:(0,a.iv)({backgroundColor:d,height:"2px",width:"100%"})}),(0,n.jsx)("p",{className:(0,a.iv)({fontSize:"28px",fontWeight:700,color:c,textAlign:"center"}),children:"법인 구독 계약서"}),(0,n.jsxs)("p",{className:(0,a.iv)({fontSize:"11px",fontWeight:500,color:p,textAlign:"center"}),children:[X," \xb7 법인 고객용"]}),(0,n.jsxs)("div",{className:(0,a.iv)({backgroundColor:g,borderRadius:"8px",padding:"10px 14px",display:"flex",alignItems:"center",gap:"10px",fontSize:"9px"}),children:[(0,n.jsx)("p",{className:(0,a.iv)({color:d,fontWeight:700,flexShrink:0}),children:b.document_label||"최종본"}),(0,n.jsxs)("p",{className:(0,a.iv)({flex:"1 0 0",minWidth:0,color:c,fontWeight:500}),children:["계약 체결 ",N(b.contract_concluded_on)]}),(0,n.jsx)("p",{className:(0,a.iv)({color:d,fontWeight:700,flexShrink:0}),children:"무결성 검증 완료"})]}),(0,n.jsx)("p",{className:(0,a.iv)({fontSize:"15px",fontWeight:700,color:c}),children:"1. 구독 계약자 정보"}),(0,n.jsxs)("div",{className:(0,a.iv)({borderTopWidth:"1px",borderTopStyle:"solid",borderTopColor:x}),children:[(0,n.jsx)(C,{label:"계약사(법인명)",value:K.name}),(0,n.jsx)(C,{label:"대표자",value:K.representative_name}),(0,n.jsx)(C,{label:"사업자등록번호",value:K.business_registration_number}),(0,n.jsx)(C,{label:"법인등록번호",value:K.corporate_registration_number}),(0,n.jsx)(C,{label:"연락처 / 담당자",value:`${P.phone||"-"} / ${P.name||"-"}`}),(0,n.jsx)(C,{label:"사업장 주소",value:K.address})]}),(0,n.jsx)("p",{className:(0,a.iv)({fontSize:"15px",fontWeight:700,color:c}),children:"2. 구독 상품 및 결제 정보"}),(0,n.jsx)("div",{ref:D}),(0,n.jsx)(z,{items:eo,startIndex:0}),1===ea.length&&(0,n.jsx)("div",{ref:F,className:ep,style:{gap:m[1].gap},children:ec}),(0,n.jsx)(W,{n:1,total:ed})]}),ea.slice(1).map((e,i)=>{let t=2+i,l=i===ea.length-2,r=ea.slice(0,i+1).reduce((e,i)=>e+i.length,0);return(0,n.jsxs)("section",{ref:0===i?H:void 0,style:u(2),"data-contract-page":String(t),children:[(0,n.jsx)(S,{caption:"법인 구독 계약서 \xb7 구독 상품"}),(0,n.jsx)("p",{className:(0,a.iv)({fontSize:"15px",fontWeight:700,color:c}),children:"2. 구독 상품 및 결제 정보 (계속)"}),(0,n.jsx)("div",{ref:0===i?L:void 0}),(0,n.jsx)(z,{items:e,startIndex:r}),l&&(0,n.jsx)("div",{ref:E,className:ep,style:{gap:m[2].gap},children:ec}),(0,n.jsx)(W,{n:t,total:ed})]},`items-${i}`)}),(0,n.jsxs)("section",{style:u(2),"data-contract-page":"2",children:[(0,n.jsx)(S,{caption:"법인 구독 계약서 \xb7 계약 약관"}),(0,n.jsx)("p",{className:ef,children:"계약 약관 제1조 ~ 제6조"}),(0,n.jsxs)("div",{className:ex,children:[(0,n.jsx)("div",{className:eh,

5children:et.map(e=>(0,n.jsx)(w,{clause:e},e.no))}),(0,n.jsx)("div",{className:eh,children:en.map(e=>(0,n.jsx)(w,{clause:e},e.no))})]}),(0,n.jsx)("div",{className:(0,a.iv)({backgroundColor:"#f7f9fa",padding:"10px 12px"}),children:(0,n.jsx)("p",{className:(0,a.iv)({fontSize:"7.5px",fontWeight:500,color:p}),children:V.integrity})}),(0,n.jsx)(W,{n:2+es,total:ed})]}),(0,n.jsxs)("section",{style:u(3),"data-contract-page":"3",children:[(0,n.jsx)(S,{caption:"법인 구독 계약서 \xb7 계약 약관"}),(0,n.jsx)("p",{className:ef,children:"계약 약관 제7조 ~ 제11조"}),(0,n.jsxs)("div",{className:ex,children:[(0,n.jsx)("div",{className:eh,children:el.map(e=>(0,n.jsx)(w,{clause:e},e.no))}),(0,n.jsxs)("div",{className:eh,children:[er.map(e=>(0,n.jsx)(w,{clause:e},e.no)),(0,n.jsxs)("div",{className:(0,a.iv)({backgroundColor:g,borderRadius:"8px",padding:"14px",display:"flex",flexDirection:"column",gap:"8px",breakInside:"avoid"}),children:[(0,n.jsx)("p",{className:(0,a.iv)({fontSize:"10px",fontWeight:700,color:d}),children:"계약 약관 최종 동의"}),(0,n.jsxs)("div",{className:(0,a.iv)({fontSize:"8px",fontWeight:500,color:c}),children:[(0,n.jsx)("p",{className:(0,a.iv)({lineHeight:1.48}),children:"계약자는 제1조부터 제11조까지 모든 내용을 확인하고 전자적 방식으로 동의했습니다."}),(0,n.jsxs)("p",{children:["동의 일시: ",N(b.contract_concluded_on)]})]})]})]})]}),(0,n.jsx)(W,{n:3+es,total:ed})]}),(0,n.jsxs)("section",{ref:G,style:u(4),"data-contract-page":String(4+es),children:[(0,n.jsx)(S,{caption:"법인 구독 계약서 \xb7 승낙 및 전자서명 증명"}),(0,n.jsx)("p",{className:(0,a.iv)({fontSize:"16px",fontWeight:700,color:c}),children:"채권양도 승낙서 및 위임장"}),(0,n.jsxs)("p",{className:(0,a.iv)({fontSize:"8px",fontWeight:500,color:p}),children:["구독 신청번호 ",Y," \xb7 계약건 ",ee.length,"건"]}),(0,n.jsx)("div",{className:(0,a.iv)({borderWidth:"1px",borderStyle:"solid",borderColor:h,borderRadius:"8px",padding:"14px",display:"flex",flexDirection:"column",gap:"7px"}),children:(b.assignment_clauses||[]).map((e,i)=>(0,n.jsx)("p",{className:(0,a.iv)({fontSize:"7.5px",color:c}),children:e},i))}),(0,n.jsxs)("div",{className:(0,a.iv)({display:"flex",gap:"14px",width:"100%"}),children:[(0,n.jsxs)("div",{className:(0,a.iv)({width:"340px",flexShrink:0,borderWidth:"1px",borderStyle:"solid",borderColor:h,borderRadius:"8px",padding:"14px",height:"170px",display:"flex",flexDirection:"column",gap:"7px"}),children:[(0,n.jsx)("p",{className:(0,a.iv)({fontSize:"10px",fontWeight:700,color:c}),children:"계약사 법인 날인"}),(0,n.jsxs)("p",{className:(0,a.iv)({fontSize:"9px",fontWeight:500,color:c}),children:[K.name||"-"," / 대표자 ",K.representative_name||"-"]}),Z?(0,n.jsx)("img",{src:Z,alt:`${K.name||"계약사"} 법인 인감`,"data-contractor-seal":"true",crossOrigin:"anonymous",width:70,height:70,className:(0,a.iv)({width:"70px",height:"70px",objectFit:"contain"}),draggable:!1}):(0,n.jsxs)("div",{"data-contractor-seal-placeholder":"true",className:(0,a.iv)({width:"70px",height:"70px",borderRadius:"35px",borderWidth:"2px",borderStyle:"solid",borderColor:x,display:"flex",alignItems:"center",justifyContent:"center",textAlign:"center",fontSize:"7px",fontWeight:700,color:p}),children:["전자서명",(0,n.jsx)("br",{}),"증적 보관"]})]}),(0,n.jsxs)("div",{className:(0,a.iv)({width:"340px",flexShrink:0,borderWidth:"1px",borderStyle:"solid",borderColor:h,borderRadius:"8px",padding:"14px",height:"170px",display:"flex",flexDirection:"column",gap:"7px"}),children:[(0,n.jsx)("p",{className:(0,a.iv)({fontSize:"10px",fontWeight:700,color:c}),children:"제공사 법인 날인"}),(0,n.jsx)("p",{className:(0,a.iv)({fontSize:"9px",fontWeight:500,color:c}),children:X}),(0,n.jsx)("img",{src:s.e,alt:`${X} 직인`,"data-provider-seal":"true",width:100,height:75,className:(0,a.iv)({width:"100px",height:"75px",objectFit:"contain"}),draggable:!1})]})]}),(0,n.jsx)("div",{className:(0,a.iv)({borderWidth:"1px",borderStyle:"solid",borderColor:"#0d8c57",borderRadius:"8px",padding:"12px 14px"}),children:(0,n.jsx)("p",{className:(0,a.iv)({fontSize:"9px",fontWeight:700,color:c}),children:V.verification})}),(0,n.jsx)("p",{className:(0,a.iv)({fontSize:"7px",color:p,lineHeight:1.48}),children:V.retention}),(0,n.jsx)(W,{n:4+es,total:ed})]})]})]})}}}]);