1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1326],{9444:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/rewards/corporate/group",function(){return t(44550)}])},13198:function(e,n,t){"use strict";t.d(n,{Z:function(){return Z}});var r=t(87462),l=t(63366),o=t(67294),a=t(86010),i=t(94780),s=t(13447),d=t(30270),u=t(1588),c=t(34867);function m(e){return(0,c.ZP)("MuiCardContent",e)}(0,u.Z)("MuiCardContent",["root"]);var p=t(85893);let x=["className","component"],h=e=>{let{classes:n}=e;return(0,i.Z)({root:["root"]},m,n)},g=(0,s.ZP)("div",{name:"MuiCardContent",slot:"Root",overridesResolver:(e,n)=>n.root})(()=>({padding:16,"&:last-child":{paddingBottom:24}}));var Z=o.forwardRef(function(e,n){let t=(0,d.Z)({props:e,name:"MuiCardContent"}),{className:o,component:i="div"}=t,s=(0,l.Z)(t,x),u=(0,r.Z)({},t,{component:i}),c=h(u);return(0,p.jsx)(g,(0,r.Z)({as:i,className:(0,a.Z)(c.root,o),ownerState:u,ref:n},s))})},52974:function(e,n,t){"use strict";var r=t(87462),l=t(63366),o=t(67294),a=t(86010),i=t(94780),s=t(27260),d=t(13447),u=t(30270),c=t(38676),m=t(81055),p=t(85893);let x=["className","id"],h=e=>{let{classes:n}=e;return(0,i.Z)({root:["root"]},c.a,n)},g=(0,d.ZP)(s.Z,{name:"MuiDialogTitle",slot:"Root",overridesResolver:(e,n)=>n.root})({padding:"16px 24px",flex:"0 0 auto"}),Z=o.forwardRef(function(e,n){let t=(0,u.Z)({props:e,name:"MuiDialogTitle"}),{className:i,id:s}=t,d=(0,l.Z)(t,x),c=h(t),{titleId:Z=s}=o.useContext(m.Z);return(0,p.jsx)(g,(0,r.Z)({component:"h2",className:(0,a.Z)(c.root,i),ownerState:t,ref:n,variant:"h6",id:Z},d))});n.Z=Z},90569:function(e,n,t){"use strict";var r=t(63366),l=t(87462),o=t(67294),a=t(95408),i=t(98700),s=t(39707),d=t(4953),u=t(13447),c=t(30270),m=t(85893);let p=["component","direction","spacing","divider","children"],x=e=>({row:"Left","row-reverse":"Right",column:"Top","column-reverse":"Bottom"})[e],h=(0,u.ZP)("div",{name:"MuiStack",slot:"Root",overridesResolver:(e,n)=>[n.root]})(e=>{let{ownerState:n,theme:t}=e,r=(0,l.Z)({display:"flex",flexDirection:"column"},(0,a.k9)({theme:t},(0,a.P$)({values:n.direction,breakpoints:t.breakpoints.values}),e=>({flexDirection:e})));if(n.spacing){let e=(0,i.hB)(t),l=Object.keys(t.breakpoints.values).reduce((e,t)=>(("object"==typeof n.spacing&&null!=n.spacing[t]||"object"==typeof n.direction&&null!=n.direction[t])&&(e[t]=!0),e),{}),o=(0,a.P$)({values:n.direction,base:l}),s=(0,a.P$)({values:n.spacing,base:l});"object"==typeof o&&Object.keys(o).forEach((e,n,t)=>{if(!o[e]){let r=n>0?o[t[n-1]]:"column";o[e]=r}}),r=(0,d.Z)(r,(0,a.k9)({theme:t},s,(t,r)=>({"& > :not(style) + :not(style)":{margin:0,["margin".concat(x(r?o[r]:n.direction))]:(0,i.NA)(e,t)}})))}return(0,a.dt)(t.breakpoints,r)}),g=o.forwardRef(function(e,n){let t=(0,c.Z)({props:e,name:"MuiStack"}),a=(0,s.Z)(t),{component:i="div",direction:d="column",spacing:u=0,divider:x,children:g}=a,Z=(0,r.Z)(a,p);return(0,m.jsx)(h,(0,l.Z)({as:i,ownerState:{direction:d,spacing:u},ref:n},Z,{children:x?function(e,n){let t=o.Children.toArray(e).filter(Boolean);return t.reduce((e,r,l)=>(e.push(r),l<t.length-1&&e.push(o.cloneElement(n,{key:"separator-".concat(l)})),e),[])}(g,x):g}))});n.Z=g},16372:function(e,n,t){"use strict";t.d(n,{Z:function(){return Z}});var r=t(87462),l=t(63366),o=t(67294),a=t(86010),i=t(94780),s=t(30270),d=t(13447),u=t(1588),c=t(34867);function m(e){return(0,c.ZP)("MuiTableContainer",e)}(0,u.Z)("MuiTableContainer",["root"]);var p=t(85893);let x=["className","component"],h=e=>{let{classes:n}=e;return(0,i.Z)({root:["root"]},m,n)},g=(0,d.ZP)("div",{name:"MuiTableContainer",slot:"Root",overridesResolver:(e,n)=>n.root})({width:"100%",overflowX:"auto"});var Z=o.forwardRef(function(e,n){let t=(0,s.Z)({props:e,name:"MuiTableContainer"}),{className:o,component:i="div"}=t,d=(0,l.Z)(t,x),u=(0,r.Z)({},t,{component:i}),c=h(u);return(0,p.jsx)(g,(0,r.Z)({ref:n,as:i,className:(0,a.Z)(c.root,o),ownerState:u},d))})},70416:function(e,n,t){"use strict";t.d(n,{Z:function(){return j}});var r=t(87462),l=t(63366),o=t(67294),a=t(86010),i=t(94780),s=t(11362),d=t(30270),u=t(13447),c=t(1588),m=t(34867);function p(e){return(0,m.ZP)("MuiTableHead",e)}(0,c.Z)("MuiTableHead",["root"]);var x=t(85893);let h=["className","component"],g=e=>{let{classes:n}=e;return(0,i.Z)({root:["root"]},p,n)},Z=(0,u.ZP)("thead",{name:"MuiTableHead",slot:"Root",overridesResolver:(e,n)=>n.root})({display:"table-header-group"}),f={variant:"head"},v="thead";var j=o.forwardRef(function(e,n){let t=(0,d.Z)({props:e,name:"MuiTableHead"}),{className:o,component:i=v}=t,u=(0,l.Z)(t,h),c=(0,r.Z)({},t,{component:i}),m=g(c);return(0,x.jsx)(s.Z.Provider,{value:f,children:(0,x.jsx)(Z,(0,r.Z)({as:i,className:(0,a.Z)(m.root,o),ref:n,role:i===v?null:"rowgroup",ownerState:c},u))})})},64805:function(e,n,t){"use strict";t.d(n,{B:function(){return l}});var r=t(17232);
1let l=(e,n)=>{let t=window.URL.createObjectURL(new Blob([e])),l=document.createElement("a");l.href=t,l.setAttribute("download","".concat(n,"_").concat((0,r.Z)(new Date,"yyyyMMdd"),".xlsx")),document.body.appendChild(l),l.click(),document.body.removeChild(l)}},44550:function(e,n,t){"use strict";t.r(n),t.d(n,{default:function(){return er}});var r=t(85893),l=t(83995),o=t(20702),a=t(13198),i=t(70140),s=t(67294),d=t(4480),u=t(21086),c=t(24490),m=t(69369),p=e=>{let{labels:n,searchFilter:t,actions:l}=e;return(0,r.jsx)(u.Z,{display:"flex",flexdirection:"column",alignitems:"stretch",handleSubmit:l.onSubmit,handleReset:l.onReset,children:(0,r.jsxs)(u.Z,{display:"grid",columnsrepeat:"1fr 1fr auto auto",children:[(0,r.jsx)(m.Z,{name:"groupId",label:n.label.groupId,value:t.groupId||"",onChange:l.onChangeFilter}),(0,r.jsx)(m.Z,{name:"groupName",label:n.label.groupName,value:t.groupName||"",onChange:l.onChangeFilter}),(0,r.jsx)(c.Z,{type:"submit",children:n.common.button.search}),(0,r.jsx)(c.Z,{type:"reset",variant:"outlined",children:n.common.button.reset})]})})},x=t(66666),h=t(65827);let g={groupId:"",groupName:""};var Z=()=>{let e=(0,x.L)(),[n,t]=(0,s.useState)(g),l=(0,d.rb)(h.mm),o=(0,d.Zl)(h.mm),{refetch:a}=(0,h.Ro)();return(0,s.useEffect)(()=>()=>l(),[l]),(0,r.jsx)(p,{labels:e,searchFilter:n,actions:{onChangeFilter:e=>{let{name:n,value:r}=e.target;t(e=>({...e,[n]:r}))},onSubmit:e=>{e.preventDefault();let{groupId:t,groupName:r}=n;o(e=>{let n={...e,page:0};return t?n.groupId=t:delete n.groupId,r?n.groupName=r:delete n.groupName,n}),a()},onReset:e=>{e.preventDefault(),t(g),l()}}})},f=t(50277),v=t(11084),j=t(93607),b=t(27260),y=t(90569),C=t(83022),w=t(8681),N=e=>{let{isOpen:n,labels:t,onConfirm:l,onCancel:o}=e,a=t.label.confirmDelete,i=(0,r.jsxs)(j.Z,{sx:{padding:"2rem"},children:[(0,r.jsx)(b.Z,{variant:"body1",children:a}),(0,r.jsxs)(j.Z,{sx:{display:"flex",gap:"1rem",justifyContent:"flex-end",marginTop:"2rem"},children:[(0,r.jsx)(c.Z,{variant:"outlined",onClick:o,children:t.common.button.cancel}),(0,r.jsx)(c.Z,{onClick:l,children:t.common.button.delete})]})]});return(0,r.jsx)(C.default,{isOpen:n,maxWidth:"sm",ContextBody:(0,r.jsxs)(y.Z,{children:[(0,r.jsx)(w.Z,{message:t.common.button.delete,handleClose:o}),i]}),handleClose:o})},S=t(6955),R=t(75673),k=t(16574),D=t(75732),I=e=>{let{isOpen:n,labels:t,groupId:o,groupName:a,isDeleteDisabled:i=!1,onGroupNameChange:s,onDelete:d,onUpdate:u,onClose:p}=e,{permissionCheck:x}=(0,D.b)(),h=x(k.BX.update),g=x(k.BX.delete),Z=(0,r.jsxs)(j.Z,{sx:{padding:"2rem"},children:[(0,r.jsxs)(j.Z,{sx:{display:"flex",justifyContent:"space-between",alignItems:"center",marginBottom:"2rem"},children:[(0,r.jsx)(b.Z,{variant:"h6",children:t.common.button.detail}),(0,r.jsx)(S.Z,{"aria-label":"close",onClick:p,sx:{padding:0,color:"var(--Gray-80)"},children:(0,r.jsx)(R.Z,{icon:"mdi:close"})})]}),(0,r.jsxs)(l.ZP,{container:!0,spacing:3,children:[(0,r.jsx)(l.ZP,{item:!0,xs:12,children:(0,r.jsx)(m.Z,{label:t.label.groupId,value:o,disabled:!0,readOnly:!0})}),(0,r.jsx)(l.ZP,{item:!0,xs:12,children:(0,r.jsx)(m.Z,{label:t.label.groupName,value:a,onChange:s})})]}),(0,r.jsxs)(j.Z,{sx:{display:"flex",gap:"1rem",justifyContent:"flex-end",marginTop:"2rem"},children:[(0,r.jsx)(c.Z,{variant:"outlined",onClick:p,children:t.common.button.cancel}),(0,r.jsx)(c.Z,{onClick:u,disabled:!h,children:t.common.button.update}),(0,r.jsx)(c.Z,{variant:"outlined",color:"success",onClick:d,disabled:i||!g,children:t.common.button.delete})]})]});return(0,r.jsx)(C.default,{isOpen:n,maxWidth:"sm",handleClose:p,ContextBody:Z})},P=t(1954),O=t(36214),M=t(81933),T=t(17491),B=t(30545);let E=e=>{if(!e)return"-";let n=(0,B.Om)(new Date(e));return null!=n?n:e},A={paddingLeft:"16px",paddingRight:"16px",whiteSpace:"normal",overflow:"visible",textOverflow:"clip"};var L=e=>{let{labels:n,gridRef:t,groupList:l,pageable:o,handlePagination:a,handleOpenRegisterModal:i,handleOpenDetail:s,handleOpenDateListModal:d,handleExcelDownload:u,isLoading:m}=e,{permissionCheck:p}=(0,D.b)(),x=p(k.BX.create),h=p(k.BX.download),g=p(k.BX.update),Z=[{field:"no",headerName:n.common.label.number,flex:1,minWidth:80,sortable:!0,cellStyle:A},{field:"id",headerName:n.label.id,flex:1,minWidth:80,sortable:!0,cellStyle:A},{field:"groupName",headerName:n.label.groupName,flex:3,minWidth:140,sortable:!0,cellStyle:A,cellRenderer:e=>{let n=e.data;return n?g?(0,r.jsx)("span",{role:"button",tabIndex:0,onClick:()=>s(n),onKeyDown:e=>"Enter"===e.key&&s(n),style:{cursor:"pointer",color:"var(--primary-main, #1976d2)",textDecoration:"underline"},children:n.groupName}):(0,r.jsx)("span",{children:n.groupName}):null}},{field:"domainCount",headerName:n.label.connectedDomainCount,flex:1,minWidth:120,sortable:!0,cellStyle:A},{field:"createdAt",headerName:n.label.registerDate,flex:2,minWidth:140,sortable:!0,cellStyle:A,cellRenderer:e=>{let n=e.data;if(!n)return null;let t=E(n.createdAt);return(0,r.jsx)("span",{role:"button",tabIndex:0,onClick:()=>d(n),onKeyDown:e=>"Enter"===e.key&&d(n),style:{cursor:"pointer",color:"var(--primary-main, #1976d2)",textDecoration:"underline"},children:t})}}];return m?(0,r.jsx)(T.G,{}):(0,r.jsx)(M.Z,{pageable:o,handlePagination:a,rightComponent:(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(c.Z,{className:"sm",variant:"outlined",startIcon:(0,r.jsx)(P.JO,{icon:"mdi:plus"}),onClick:i,disabled:!x,children:n.common.button.register}),(0,r.jsx)(c.Z,{className:"sm",variant:"outlined",color:"gray-color",startIcon:(0,r.jsx)(P.JO,{icon:"ri:download-l
1ine"}),onClick:u,disabled:!h,children:n.common.button.excelDownload})]}),children:(0,r.jsx)(O.n,{gridRef:t,gridColumn:Z,rowData:l,defaultColDef:{suppressSizeToFit:!1}})})},_=e=>{let{isOpen:n,labels:t,groupName:o,onGroupNameChange:a,onRegister:i,onClose:s}=e,d=(0,r.jsxs)(j.Z,{sx:{padding:"2rem"},children:[(0,r.jsxs)(j.Z,{sx:{display:"flex",justifyContent:"space-between",alignItems:"center",marginBottom:"2rem"},children:[(0,r.jsx)(b.Z,{variant:"h6",children:t.common.button.register}),(0,r.jsx)(S.Z,{"aria-label":"close",onClick:s,sx:{padding:0,color:"var(--Gray-80)"},children:(0,r.jsx)(R.Z,{icon:"mdi:close"})})]}),(0,r.jsx)(l.ZP,{container:!0,spacing:3,children:(0,r.jsx)(l.ZP,{item:!0,xs:12,md:12,children:(0,r.jsx)(m.Z,{label:t.label.groupName,value:o,onChange:a})})}),(0,r.jsxs)(j.Z,{sx:{display:"flex",gap:"1rem",justifyContent:"flex-end",marginTop:"2rem"},children:[(0,r.jsx)(c.Z,{variant:"outlined",onClick:s,children:t.common.button.cancel}),(0,r.jsx)(c.Z,{onClick:i,children:t.common.button.register})]})]});return(0,r.jsx)(C.default,{isOpen:n,maxWidth:"sm",handleClose:s,ContextBody:d})},W=t(17e3),F=t(16372),U=t(93018),X=t(16399),H=t(70416),G=t(33720),J=t(52720),K=t(65);let $=e=>{if(!e)return"";let n=(0,B.ne)(new Date(e));return null!=n?n:e},q=(e,n)=>{switch(e){case"register":return n.typeRegister;case"update":return n.typeUpdate;case"delete":return n.typeDelete;default:return"-"}},z=e=>{var n;return"delete"===e.type?"-":null!==(n=e.groupName)&&void 0!==n?n:"-"};var Q=e=>{let{isOpen:n,labels:t,history:l,onClose:o}=e,a={typeRegister:t.label.typeRegister,typeUpdate:t.label.typeUpdate,typeDelete:t.label.typeDelete},i=(0,r.jsx)(j.Z,{sx:{padding:"2rem"},children:l.length?(0,r.jsx)(F.Z,{component:U.Z,variant:"outlined",sx:{maxHeight:360},children:(0,r.jsxs)(X.Z,{size:"small",stickyHeader:!0,children:[(0,r.jsx)(H.Z,{children:(0,r.jsxs)(G.Z,{children:[(0,r.jsx)(J.Z,{sx:{whiteSpace:"nowrap"},children:t.label.dateTime}),(0,r.jsx)(J.Z,{sx:{whiteSpace:"nowrap"},children:t.label.typeLabel}),(0,r.jsx)(J.Z,{sx:{whiteSpace:"nowrap"},children:t.label.processingContent}),(0,r.jsx)(J.Z,{sx:{whiteSpace:"nowrap"},children:t.label.processor})]})}),(0,r.jsx)(K.Z,{children:l.map((e,n)=>{var t;return(0,r.jsxs)(G.Z,{children:[(0,r.jsx)(J.Z,{sx:{whiteSpace:"nowrap"},children:$(e.createdAt)}),(0,r.jsx)(J.Z,{sx:{whiteSpace:"nowrap"},children:q(e.type,a)}),(0,r.jsx)(J.Z,{sx:{whiteSpace:"nowrap"},children:z(e)}),(0,r.jsx)(J.Z,{sx:{whiteSpace:"nowrap"},children:null!==(t=e.processor)&&void 0!==t?t:"-"})]},"".concat(e.createdAt,"-").concat(n))})})]})}):(0,r.jsx)(b.Z,{variant:"body2",color:"text.secondary",children:t.label.noHistoryMessage})});return(0,r.jsx)(C.default,{isOpen:n,maxWidth:"md",ContextBody:(0,r.jsxs)(y.Z,{children:[(0,r.jsx)(w.Z,{message:t.label.groupHistoryTitle,handleClose:o}),i]}),handleClose:o})},V=t(47515),Y=t(64334);let ee=e=>e.map(e=>{let n="";try{var t;let r=JSON.parse(e.data);n=String(null!==(t=r.groupName)&&void 0!==t?t:"")}catch(e){}return{type:"DELETE"===e.eventName?"delete":"UPDATE"===e.eventName?"update":"register",createdAt:e.createdAt,groupName:n||void 0,processor:e.insertUser}});var en=e=>{var n;let{groupId:t,onClose:l}=e,o=(0,x.L)(),{getRefreshTokenAction:a}=(0,Y.ZU)(V.fw),{data:i}=(0,W.a)({queryKey:["rewardsGroupLogs",t],queryFn:()=>t?a(t):Promise.resolve(null),enabled:!!t}),d=null!==(n=null==i?void 0:i.data)&&void 0!==n?n:Array.isArray(i)?i:null,u=(0,s.useMemo)(()=>t&&d&&Array.isArray(d)?ee(d):[],[t,d]);return(0,r.jsx)(Q,{isOpen:!!t,labels:o,history:u,onClose:l})},et=()=>{var e,n,t,l;let o=(0,x.L)(),{loginInfo:a}=(0,d.sJ)(Y.Cl),i=(0,s.useRef)(null),[u,c]=(0,s.useState)(null),[m,p]=(0,s.useState)(null),[g,Z]=(0,s.useState)(!1),[j,b]=(0,s.useState)(""),[y,C]=(0,s.useState)(!1),[w,S]=(0,s.useState)(null),[R,k]=(0,s.useState)(null),[D,P]=(0,s.useState)(""),[O,M]=(0,s.use
1State)(!1),[T,B]=(0,s.useState)(null),{groupList:E,pageable:A,paginationAction:W,refetch:F,isLoading:U}=(0,h.Ro)(),{detailItem:X,isLoading:H}=(0,h.Tn)(null!==(e=null==R?void 0:R.groupId)&&void 0!==e?e:null);(0,s.useEffect)(()=>{X&&P(X.groupName)},[X]);let{createGroup:G,isCreating:J}=(0,h.K8)({onSuccess:F,close:()=>{Z(!1),b(""),C(!1),S(null)}}),{updateGroup:K,isUpdating:$}=(0,h.WA)({onSuccess:F,close:()=>{k(null),P(""),M(!1),B(null)}}),{deleteGroup:q,isDeleting:z}=(0,h._i)({onSuccess:F,close:()=>{c(null),k(null),P("")}}),Q=(0,h.In)(o,F);return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(f.Z,{isLoading:J||$||z||Q.isLoading||!!R&&H}),(0,r.jsx)(L,{labels:o,gridRef:i,groupList:E,pageable:A,handlePagination:W,handleOpenRegisterModal:()=>{b(""),Z(!0)},handleOpenDetail:e=>{k(e),P(e.groupName)},handleOpenDateListModal:e=>{p(e)},handleExcelDownload:Q.handleExcelDownload,isLoading:U}),(0,r.jsx)(N,{isOpen:!!u,labels:o,onConfirm:()=>{if(u){var e;q({groupId:u.groupId,userName:null!==(e=null==a?void 0:a.nativeName)&&void 0!==e?e:""})}},onCancel:()=>{c(null)}}),(0,r.jsx)(_,{isOpen:g,labels:o,groupName:j,onGroupNameChange:e=>b(e.target.value),onRegister:()=>{let e=j.trim();e&&(S(e),C(!0))},onClose:()=>{Z(!1),b(""),C(!1),S(null)}}),(0,r.jsx)(v.Z,{isOpen:y,labels:o,variant:"register",onConfirm:()=>{var e;w&&G({groupName:w,userName:null!==(e=null==a?void 0:a.nativeName)&&void 0!==e?e:""})},onCancel:()=>{C(!1),S(null)}}),(0,r.jsx)(v.Z,{isOpen:O,labels:o,variant:"update",onConfirm:()=>{T&&K(T)},onCancel:()=>{M(!1),B(null)}}),(0,r.jsx)(I,{isOpen:!!R,labels:o,groupId:null!==(n=null==R?void 0:R.groupId)&&void 0!==n?n:"",groupName:D,isDeleteDisabled:(null!==(t=null==R?void 0:R.domainCount)&&void 0!==t?t:0)>0,onGroupNameChange:e=>P(e.target.value),onDelete:()=>{R&&(k(null),P(""),c(R))},onUpdate:()=>{var e;if(!R)return;let n=D.trim();n&&(B({groupId:R.groupId,params:{groupName:n,userName:null!==(e=null==a?void 0:a.nativeName)&&void 0!==e?e:""}}),M(!0))},onClose:()=>{k(null),P("")}}),(0,r.jsx)(en,{groupId:null!==(l=null==m?void 0:m.groupId)&&void 0!==l?l:null,onClose:()=>{p(null)}})]})},er=()=>{let{permissionCheck:e}=(0,D.b)();return(0,r.jsxs)(l.ZP,{className:"match-height",container:!0,spacing:6,children:[(0,r.jsx)(i.Z,{title:{pageId:"common",category:"label",keyId:"groupManagement"}}),e(k.BX.read)&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(l.ZP,{item:!0,xs:12,md:12,children:(0,r.jsx)(o.Z,{children:(0,r.jsx)(a.Z,{children:(0,r.jsx)(Z,{})})})}),(0,r.jsx)(l.ZP,{item:!0,xs:12,md:12,children:(0,r.jsx)(o.Z,{children:(0,r.jsx)(a.Z,{children:(0,r.jsx)(et,{})})})})]})]})}},79669:function(){},10079:function(){}},function(e){e.O(0,[9774,2153,4885,1846,9936,3995,5698,6512,7009,7232,5736,8054,3195,6457,4760,6569,2888,179],function(){return e(e.s=9444)}),_N_E=e.O()}]);
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.