https://docs.esignon.net/resource/react/static/js/598.b7614a01.chunk.js

1"use strict";(self.webpackChunkesignon_react=self.webpackChunkesignon_react||[]).push([[598],{18598:(e,n,i)=>{i.r(n),i.d(n,{default:()=>Q});var t=i(65043),o=i(97),r=i(86971),s=i(82274),c=i(62783),l=i(57950),a=i(12353),d=i(88911),h=i(81e3),u=i(64720),x=i(93020),p=i(72925),g=i(8963),m=i(87795),f=i(96420),k=i(93950),A=i.n(k),C=i(52662),j=i(25164),w=i(8316),v=i(79889),y=i.n(v),S=i(33937),L=i(85865),b=i(42472),M=i(8212),_=i(44967),E=i(70579);function I(e){let{row:n}=e;const{formatMessage:i}=(0,o.A)(),{text:t,color:c}=(0,m.tI)(n.step),l=(0,r.Zp)(),{changeSelectLinkManageId:u}=(0,s.A)(),x=(0,a.j)();return(0,E.jsxs)(d.A,{direction:"row",alignItems:"center",justifyContent:"center",sx:e=>({justifyContent:"space-between",height:89,borderBottom:"1px solid ".concat(e.palette.esignon.grey[500])}),onClick:()=>(e=>{const{link_manage_id:n}=e;u(n),l("/main/link/".concat(n))})(n),spacing:"0px",children:[(0,E.jsxs)(d.A,{direction:"column",spacing:"5px",sx:{width:"calc(100% - 32px)"},children:[(0,E.jsx)(L.A,{sx:{color:c,typography:"s12w500"},children:i({id:"Link.Menu.".concat(t)})}),(0,E.jsx)(L.A,{sx:{color:"esignon.text.main",typography:"s13w500",textAlign:"left",overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis",width:"100%"},children:n.link_manage_name}),(0,E.jsx)(L.A,{sx:{typography:"s13w400",color:"esignon.text.secondary"},children:"".concat(n.link_used_count,"/").concat(n.link_max_count)})]}),(0,E.jsx)(h.A,{onClick:e=>(async(e,n,i,t)=>{e.stopPropagation(),"Complete"!==n&&x((0,p.Dh)({content:(0,E.jsx)(_.A,{linkUrl:i,linkManageName:t})}))})(e,n.link_manage_status,n.link_url,n.link_manage_name),children:(0,E.jsx)(b.A,{fontSize:"small",sx:{color:"progress"===n.step?"primary.main":"esignon.grey.200","&:hover":{color:"progress"===n.step?"#006BB8":""}},component:M.A,viewBox:"0 0 24 24"})})]})}const K=(0,t.memo)(I);var Y=i(78185);function R(e){let{isLoading:n,count:i,emptyMessage:t}=e;const{formatMessage:r}=(0,o.A)();return(0,E.jsxs)(E.Fragment,{children:[n&&Array.from(new Array(10)).map(((e,n)=>(0,E.jsxs)(d.A,{direction:"row",alignItems:"center",sx:e=>({gridTemplateColumns:"1fr 24px",height:89,borderBottom:"1px solid ".concat(e.palette.esignon.grey[500])}),children:[(0,E.jsxs)(d.A,{direction:"column",spacing:"5px",sx:{width:"calc(100% - 32px)"},children:[(0,E.jsx)(Y.A,{width:"80px"}),(0,E.jsx)(Y.A,{width:Math.floor(160*Math.random())+100}),(0,E.jsx)(Y.A,{width:"50px"})]}),(0,E.jsx)(Y.A,{width:"20px",variant:"circular"})]},n))),!n&&0===i&&(0,E.jsx)(h.A,{sx:{textAlign:"center",py:"20px"},children:r({id:t})})]})}const T=(0,t.memo)(R);function z(){const{getInfiniteLinkManageList:e,selectedCondition:n,scroll:i,changeLinkScroll:o}=(0,s.A)(),{isAppVersion:r}=(0,m.kV)(),c=l.YK.of(n.linkSearchCondition),{data:a,isReachingEnd:h,size:u,setSize:x,isLoadingMore:p}=e(),g=(0,t.useMemo)((()=>(null==a?void 0:a.map((e=>(null==e?void 0:e.link_manage_list)||[])).reduce(((e,n)=>e.concat(n))))||[]),[a]),f=(0,t.useMemo)((()=>{var e;return parseInt((null==a||null===(e=a[0])||void 0===e?void 0:e.total)||"0",10)||0}),[a]),k=(0,t.useRef)(!1);(0,t.useEffect)((()=>{k.current=!1}),[g]);const A=new C.jS({fixedWidth:!0,defaultHeight:89}),v=y()((e=>{let{clientHeight:n,scrollHeight:t,scrollTop:s}=e;if(k.current)return;if(0===i&&o(void 0),"rn"===r){const e={action_id:"call_refresh",scrollTop:s},n=JSON.stringify(e);window.ReactNativeWebView.postMessage(n)}s+n>=t&&!h&&(k.current=!0,x(u+1))}),400),L=e=>{let{index:n,key:i,style:t,parent:o}=e;const r=g[n];return(0,E.jsx)(C.dl,{cache:A,parent:o,columnIndex:0,rowIndex:n,children:e=>{let{registerChild:n}=e;return(0,E.jsx)("div",{style:t,className:"row",ref:n,children:(0,E.jsx)(K,{row:r})})}},i)};return(0,E.jsxs)(d.A,{direction:"column",spacing:"0px",sx:{height:"calc(var(--vh, 1vh) - 220px)"},children:[(0,E.jsx)(S.A,{count:f}),(0,E.jsx)(d.A,{direction:"column",sx:{height:"100%",".ReactVirtualized__Grid::-webkit-scrollbar":{width:0}},children:(0,E.jsx)(w.t,{children:e=>{let{height:n,width:i}=e;return(0,E.jsx)(j.B8,{rowCount:g.length,width:i,height:n,deferredMeasurementCache:A,rowHeight:A.rowHeight,rowRenderer:L,overscanRowCount:5,onScroll:v,noRowsRenderer:()=>(0,E.jsx)(T,{isLoading:null!=p&&p,count:g.length,emptyMessage:"Link.Table.Empty.".concat(c.menuTitle)})})}})})]})}const H=(0,t.memo)(z);var O=i(94109),B=i(2050),D=i(28328),N=i(68834);const W=function(){const{formatMessage:e}=(0,o.A)(),{linkSubSearchCondition:n,selectedCondition:i,changeLinkSubCondition:r,changeLinkCondition:a}=(0,s.A)(),{drawerClose:d}=(0,c.A)("link"),u=(0,t.useCallback)((()=>{r({...n,step:l.YK.ALL.linkSearchCondition}),a(l.YK.ALL.linkSearchCondition),void 0!==d&&d()}),[r,a,i]),x=[{id:"all",info:l.YK.of("progress,complete"),onClick:u,selected:l.YK.ALL.linkSearchCondition===i.linkSearchCondition,disable:!1}];return(0,E.jsx)(h.A,{sx:{my:1.5},children:x.filter((e=>!1===e.disable)).map((n=>(0,E.jsx)(h.A,{sx:{display:"flex",justifyContent:"center",height:e=>e.spacing(4.5)},children:(0,E.jsxs)(D.A,{variant:"renewal",sx:{height:36,color:n.info.menuColor},onClick:n.onClick,selected:n.selected,children:[(0,E.jsx)(B.A,{sx:{minWidth:32},children:(0,E.jsx)(b.A,{component:n.info.menuIcon,sx:{color:n.info.menuColor}})}),(0,E.jsx)(N.Z,{primary:e({id:"Link.Menu.".concat(n.info.menuTitle)})})]})},n.id)))})};var P=i(35721),V=i(85473),Z=i(21337),F=i(79252);const G=function(){const{formatMessage:e}=(0,o.A)(),{linkSubSearchCondition:n,selectedCondition:i,changeLinkSubCondition:r,changeLinkCondition:a}=(0,s.A)(),{drawerClose:d}=(0,c.A)("link"),[h,u]=(0,t.useState)(!0),x=(0,m.uc)(),p="xs"===x||"sm"===x,g=(0,t.useCallback)((e=>{r({...n,step:l.YK.of(e).linkSearchCondition}),a(l.YK.of(e).linkSearchCondition),void 0!==d&&d()}),[r,a,i]),f=[{id:"progress",info:l.YK.of("progress"),onClick:()=>g("progress"),selected:l.YK.PROGRESS.linkSearchCondition===i.linkSearchCondition,disable:!1},{id:"complete",info:l.YK.of("complete"),onClick:()=>g("complete"),selected:l.YK.COMPLETE.linkSearchCondition===i.linkSearchCondition,disable:!1}];return(0,E.jsxs)(P.A,{sx:{bgcolor:"background.paper",pt:1.5,pb:.75},component:"nav","aria-labelledby":"nested-list-subheader",children:[(0,E.jsxs)(D.A,{variant:"renewal",sx:{...p&&{"&:hover":{backgroundColor:F.A.palette.background.default}},height:32},onClick:()=>{u(!h)},children:[(0,E.jsx)(N.Z,{sx:{"& .MuiTypography-root":{fontWeight:500}},primary:e({id:"Link.Menu.smart"})}),h?(0,E.jsx)(V.A,{}):(0,E.jsx)(Z.A,{})]}),h&&(0,E.jsx)(P.A,{id:"link-step-menu-container",component:"div",disablePadding:!0,children:f.filter((e=>!1===e.disable)).map((n=>(0,E.jsxs)(D.A,{variant:"renewal",sx:{height:36,color:n.info.menuColor},onClick:n.onClick,selected:n.selected,children:[(0,E.jsx)(B.A,{sx:{minWidth:32},children:(0,E.jsx)(b.A,{component:n.info.menuIcon,sx:{color:n.info.menuColor}})}),(0,E.jsx)(N.Z,{primary:e({id:"Link.Menu.Side.".concat(n.info.menuTitle)})})]})))})]})};function J(e){let{open:n}=e;const{drawerClose:i}=(0,c.A)("link"),{linkSubSearchCondition:o,changeLinkSubCondition:r,changeLinkCondition:a,changeSelectLinkManageId:d}=(0,s.A)(),u=A()((()=>{void 0!==i&&window.innerWidth>899&&i()}),50);(0,t.useEffect)((()=>{r({...o,step:l.YK.ALL.linkSearchCondition,linkManageName:"",confirmEmail:"",confirmNickname:"",creator:"",startDate:"",endDate:"",dateDiv:"startDate",dateRange:"all"}),a(l.YK.ALL.linkSearchCondition),d("")}),[]),(0,t.useEffect)((()=>(window.addEventListener("resize",u),()=>{window.removeEventListener("resize",u)})),[]);return(0,E.jsx)(h.A,{sx:{display:"flex",justifyContent:"center"},children:(0,E.jsx)(O.Ay,{sx:{"& .MuiPaper-root":{borderRadius:"8px 8px 0px 0px"}},anchor:"bottom",open:n,onClose:(x=!1,e=>{("keydown"!==e.type||"Tab"!==e.key&&"Shift"!==e.key)&&void 0!==i&&!1===x&&i()}),children:(0,E.jsxs)(h.A,{sx:{width:"100%",height:216,bgcolor:"background.paper",py:1.5},children:[(0,E.jsx)(W,{}),(0,E.jsx)(G,{})]})})});var x}const U=(0,t.memo)(J);function q(){var e;const{formatMessage:n}=(0,o.A)(),{open:i,drawerOpen:k}=(0,c.A)("link"),C=(0,r.zy)(),j=(0,a.j)(),{changeLinkSubCondition:w,changeLinkCondition:v,changeSelectLinkManageId:y,linkSubSearchCondition:S,getInfiniteLinkManageList:L,selectedCondition:b}=(0,s.A)(),{mutate:M}=L(),_=(0,t.useRef)(null),[I,K]=(0,t.useState)((null===(e=_.current)||void 0===e?void 0:e.offsetHeight)||0);(0,t.useEffect)((()=>{y("")}),[]),(0,t.useEffect)((()=>{null===C.state&&(v(l.YK.ALL.linkSearchCondition),w({...S,step:l.YK.ALL.linkSearchCondition})),M()}),[]),(0,t.useEffect)((()=>

1{"false"!==((0,m.I7)("linkChanger")||"true")&&(async()=>{const e=await j((0,g.CA)()).unwrap(),{data:n}=e;(n.body.listCount||0)>0&&Y()})()}),[]),(0,t.useEffect)((()=>{const e=new ResizeObserver(A()((()=>{var e,n;(null===(e=_.current)||void 0===e?void 0:e.offsetHeight)!==I&&K(null===(n=_.current)||void 0===n?void 0:n.offsetHeight)}),50));return e.observe(_.current),()=>{e.disconnect()}}),[I]);const Y=()=>{j((0,p.Dh)({content:(0,E.jsx)(x.A,{})}))};return(0,E.jsxs)(E.Fragment,{children:[(0,E.jsxs)(d.A,{direction:"column",spacing:"16px",height:"100%",children:[(0,E.jsx)(u.A,{drawerOpen:k,text:n({id:"Link.Menu.".concat(b.menuTitle)})},"link"),(0,E.jsx)(h.A,{sx:{display:"flex",alignItems:"center"},ref:_,children:(0,E.jsx)(f.A,{})}),(0,E.jsx)(H,{})]}),(0,E.jsx)(U,{open:i})]})}const Q=(0,t.memo)(q)}}]);