1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6598],{81356:function(e,t,a){a.d(t,{J:function(){return T}});var l=a(67294),n=a(33264),r=a(70681),o=a(43936),s=a(78409),i=a(60912),d=a(69080),c=Object.defineProperty,u=Object.getOwnPropertySymbols,m=Object.prototype.hasOwnProperty,p=Object.prototype.propertyIsEnumerable,x=(e,t,a)=>t in e?c(e,t,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[t]=a,v=(e,t)=>{for(var a in t||(t={}))m.call(t,a)&&x(e,a,t[a]);if(u)for(var a of u(t))p.call(t,a)&&x(e,a,t[a]);return e},h=(e,t)=>{var a={};for(var l in e)m.call(e,l)&&0>t.indexOf(l)&&(a[l]=e[l]);if(null!=e&&u)for(var l of u(e))0>t.indexOf(l)&&p.call(e,l)&&(a[l]=e[l]);return a};let f={type:"default"},g=(0,l.forwardRef)((e,t)=>{let a=(0,n.N4)("MonthPicker",f,e),{type:r,defaultValue:o,value:s,onChange:c,__staticSelector:u,getMonthControlProps:m,allowSingleDateInRange:p,allowDeselect:x,onMouseLeave:g,onMonthSelect:y}=a,j=h(a,["type","defaultValue","value","onChange","__staticSelector","getMonthControlProps","allowSingleDateInRange","allowDeselect","onMouseLeave","onMonthSelect"]),{onDateChange:b,onRootMouseLeave:w,onHoveredDateChange:N,getControlProps:O}=(0,i.D)({type:r,level:"month",allowDeselect:x,allowSingleDateInRange:p,value:s,defaultValue:o,onChange:c,onMouseLeave:g});return l.createElement(d.f,v({ref:t,minLevel:"year",__updateDateOnMonthSelect:!1,__staticSelector:u||"MonthPicker",onMouseLeave:w,onMonthMouseEnter:(e,t)=>N(t),onMonthSelect:e=>{b(e),null==y||y(e)},getMonthControlProps:e=>v(v({},O(e)),null==m?void 0:m(e))},j))});g.displayName="@mantine/dates/MonthPicker";var y=a(81354),j=Object.defineProperty,b=Object.defineProperties,w=Object.getOwnPropertyDescriptors,N=Object.getOwnPropertySymbols,O=Object.prototype.hasOwnProperty,D=Object.prototype.propertyIsEnumerable,C=(e,t,a)=>t in e?j(e,t,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[t]=a,S=(e,t)=>{for(var a in t||(t={}))O.call(t,a)&&C(e,a,t[a]);if(N)for(var a of N(t))D.call(t,a)&&C(e,a,t[a]);return e},P=(e,t)=>b(e,w(t)),E=(e,t)=>{var a={};for(var l in e)O.call(e,l)&&0>t.indexOf(l)&&(a[l]=e[l]);if(null!=e&&N)for(var l of N(e))0>t.indexOf(l)&&D.call(e,l)&&(a[l]=e[l]);return a};let I={type:"default",valueFormat:"MMMM YYYY",closeOnChange:!0,sortDates:!0,dropdownType:"popover"},T=(0,l.forwardRef)((e,t)=>{let a=(0,n.N4)("MonthPickerInput",I,e),{type:i,value:d,defaultValue:c,onChange:u,valueFormat:m,labelSeparator:p,locale:x,classNames:v,styles:h,unstyled:f,closeOnChange:j,variant:b,size:w,dropdownType:N,sortDates:O,minDate:D,maxDate:C}=a,T=E(a,["type","value","defaultValue","onChange","valueFormat","labelSeparator","locale","classNames","styles","unstyled","closeOnChange","variant","size","dropdownType","sortDates","minDate","maxDate"]),{calendarProps:M,others:_}=(0,r.M)(T),{_value:k,setValue:F,formattedValue:A,dropdownHandlers:Y,dropdownOpened:L,onClear:R,shouldClear:B}=(0,o.u)({type:i,value:d,defaultValue:c,onChange:u,locale:x,format:m,labelSeparator:p,closeOnChange:j,sortDates:O});return l.createElement(s.i,S({formattedValue:A,dropdownOpened:L,dropdownHandlers:Y,classNames:v,styles:h,unstyled:f,__staticSelector:"MonthPickerInput",ref:t,onClear:R,shouldClear:B,value:k,type:i,variant:b,size:w,dropdownType:N},_),l.createElement(g,P(S({},M),{type:i,value:k,defaultDate:Array.isArray(k)?k[0]||(0,y.S)({maxDate:C,minDate:D}):k||(0,y.S)({maxDate:C,minDate:D}),onChange:F,locale:x,classNames:v,styles:h,unstyled:f,__staticSelector:"MonthPickerInput",__stopPropagation:"popover"===N,variant:b,size:w,minDate:D,maxDate:C})))});T.displayName="@mantine/dates/MonthPickerInput"},69819:function(e,t,a){a.d(t,{w:function(){return T}});var l=a(67294),n=a(33264),r=a(70681),o=a(43936),s=a(78409),i=a(60912),d=a(69080),c=Object.defineProperty,u=Object.getOwnPropertySymbols,m=Object.prototype.hasOwnProperty,p=Object.prototype.propertyIsEnumerable,x=(e,t,a)=>t in e?c(e,t,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[t]=a,v=(e,t)=>{for(var a in t||(t={}))m.call(t,a)&&x(e,a,t[a]);if(u)for(var a of u(t))p.call(t,a)&&x(e,a,t[a]);return e},h=(e,t)=>{var a={};for(var l in e)m.call(e,l)&&0>t.indexOf(l)&&(a[l]=e[l]);if(null!=e&&u)for(var l of u(e))0>t.indexOf(l)&&p.call(e,l)&&(a[l]=e[l]);return a};let f={type:"default"},g=(0,l.forwardRef)((e,t)=>{let a=(0,n.N4)("YearPicker",f,e),{type:r,defaultValue:o,value:s,onChange:c,__staticSelector:u,getYearControlProps:m,allowSingleDateInRange:p,allowDeselect:x,onMouseLeave:g,onYearSelect:y}=a,j=h(a,["type","defaultValue","value","onChange","__staticSelector","getYearControlProps","allowSingleDateInRange","allowDeselect","onMouseLeave","onYearSelect"]),{onDateChange:b,onRootMouseLeave:w,onHoveredDateChange:N,getControlProps:O}=(0,i.D)({type:r,level:"year",allowDeselect:x,allowSingleDateInRange:p,value:s,defaultValue:o,onChange:c,onMouseLeave:g});return l.createElement(d.f,v({ref:t,minLevel:"decade",__updateDateOnYearSelect:!1,__staticSelector:u||"YearPicker",onMouseLeave:w,onYearMouseEnter:(e,t)=>N(t),onYearSelect:e=>{b(e),null==y||y(e)},getYearControlProps:e=>v(v({},O(e)),null==m?void 0:m(e))},j))});g.displayName="@mantine/dates/YearPicker";var y=a(81354),j=Object.defineProperty,b=Object.defineProperties,w=Object.getOwnPropertyDescriptors,N=Object.getOwnPropertySymbols,O=Object.prototype.hasOwnProperty,D=Object.prototype.propertyIsEnumerable,C=(e,t,a)=>t in e?j(e,t,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[t]=a,S=(e,t)=>{for(var a in t||(t={}))O.call(t,a)&&C(e,a,t[a]);if(N)for(var a of N(t))D.call(t,a)&&C(e,a,t[a]);return e},P=(e,t)=>b(e,w(t)),E=(e,t)=>{var a={};for(var l in e)O.call(e,l)&&0>t.indexOf(l)&&(a[l]=e[l]);if(null!=e&&N)for(var l of N(e))0>t.indexOf(l)&&D.call(e,l)&&(a[l]=e[l]);return a};let I={type:"default",valueFormat:"YYYY",closeOnChange:!0,sortDates:!0,dropdownType:"popover"},T=(0,l.forwardRef)((e,t)=>{let a=(0,n.N4)("YearPickerInput",I,e),{type:i,value:d,defaultValue:c,onChange:u,valueFormat:m,labelSeparator:p,locale:x,classNames:v,styles:h,unstyled:f,closeOnChange:j,size:b,variant:w,dropdownType:N,sortDates:O,minDate:D,maxDate:C}=a,T=E(a,["type","value","defaultValue","onChange","valueFormat","labelSeparator","locale","classNames","styles","unstyled","closeOnChange","size","variant","dropdownType","sortDates","minDate","maxDate"]),{calendarProps:M,others:_}=(0,r.M)(T),{_value:k,setValue:F,formattedValue:A,dropdownHandlers:Y,dropdownOpened:L,onClear:R,shouldClear:B}=(0,o.u)({type:i,value:d,defaultValue:c,onChange:u,locale:x,format:m,labelSeparator:p,closeOnChange:j,sortDates:O});return l.createElement(s.i,S({formattedValue:A,dropdownOpened:L,dropdownHandlers:Y,classNames:v,styles:h,unstyled:f,__staticSelector:"YearPickerInput",ref:t,onClear:R,shouldClear:B,value:k,type:i,size:b,variant:w,dropdownType:N},_),l.createElement(g,P(S({},M),{size:b,variant:w,type:i,value:k,defaultDate:Array.isArray(k)?k[0]||(0,y.S)({maxDate:C,minDate:D}):k||(0,y.S)({maxDate:C,minDate:D}),onChange:F,locale:x,classNames:v,styles:h,unstyled:f,__staticSelector:"YearPickerInput",__stopPropagation:"popover"===N,minDate:D,maxDate:C})))});T.displayName="@mantine/dates/YearPickerInput"},61752:function(e,t,a){a.d(t,{Z:function(){return d}});var l=a(85893),n=a(63301),r=a(92132),o=a(9008),s=a.n(o),i=a(11163),d=e=>{var t;let{title:a="DEFAULT_TITLE_SEO",description:o="DEFAULT_DESCRIPTION_SEO",ogImage:d="/images/codelearn-thumbn
1ail-seo.png",course:c=null,share:u=null,children:m=(0,l.jsx)(l.Fragment,{})}=e,{t:p}=(0,r.$G)(),x=(0,i.useRouter)(),v=c?{"@context":"https://schema.org","@type":"Course",name:p(a),description:o,image:null==c?void 0:c.thumbnail,offers:{"@type":"Offer",url:"".concat("https://codelearn.io","/learning/").concat(null==c?void 0:c.permalink),price:null==c?void 0:c.priceAfterDiscount,priceCurrency:null==c?void 0:c.priceCurrency,itemCondition:"https://schema.org/NewCondition",availability:"https://schema.org/InStock",seller:{"@type":"Organization",name:"Codelearn"}},aggregateRating:{"@type":"AggregateRating",ratingValue:null==c?void 0:c.averageRate,bestRating:null==c?void 0:c.bestRating,ratingCount:null==c?void 0:c.ratingCount}}:u?{"@context":"https://schema.org","@type":"BlogPosting",headline:p(a),author:{"@type":"Person",name:null==u?void 0:u.ownerName},datePublished:(0,n.U$)(null==u?void 0:u.publishTime),image:"".concat("https://s3-hfx03.fptcloud.com/codelearnstorage"+(null==u?void 0:u.imageUrl)),publisher:{"@type":"Organization",name:"Codelearn",logo:{"@type":"ImageObject",url:"".concat("https://codelearn.io/images/codelearn.png")}},keywords:null==u?void 0:null===(t=u.tags)||void 0===t?void 0:t.join(", "),description:o,interactionStatistic:[{"@type":"InteractionCounter",interactionType:{"@type":"https://schema.org/CommentAction"},userInteractionCount:null==u?void 0:u.userInteractionCount},{"@type":"InteractionCounter",interactionType:{"@type":"https://schema.org/ShareAction"},userInteractionCount:null==u?void 0:u.shareCount},{"@type":"InteractionCounter",interactionType:{"@type":"https://schema.org/WatchAction"},userInteractionCount:null==u?void 0:u.viewCount}],commentCount:null==u?void 0:u.commentCount,aggregateRating:{"@type":"AggregateRating",ratingValue:null==u?void 0:u.averageRate,reviewCount:null==u?void 0:u.ratingCount}}:null;return(0,l.jsxs)(s(),{children:[(0,l.jsx)("title",{children:a?p(a)+" | CodeLearn":"CodeLearn"}),v&&(0,l.jsx)("script",{type:"application/ld+json",dangerouslySetInnerHTML:{__html:JSON.stringify(v)}}),(0,l.jsx)("link",{rel:"canonical",href:"".concat("https://codelearn.io"+x.asPath)}),(0,l.jsx)("meta",{name:"viewport",content:"width=device-width, initial-scale=1, maximum-scale=1,user-scalable=0"}),(0,l.jsx)("meta",{name:"google-signin-client_id",content:"16523143533-ovv9lj8c7i8sv36sv3lguom0msmdk8ah.apps.googleusercontent.com"}),(0,l.jsx)("meta",{name:"description",content:p(o)}),(0,l.jsx)("meta",{name:"twitter:title",content:p(a)}),(0,l.jsx)("meta",{name:"twitter:card",content:"summary"}),(0,l.jsx)("meta",{name:"twitter:description",content:p(o)}),(0,l.jsx)("meta",{name:"twitter:image",content:d}),(0,l.jsx)("meta",{name:"twitter:description",content:p(o)}),(0,l.jsx)("meta",{name:"twitter:site",content:"@Codelearn.io"}),(0,l.jsx)("meta",{name:"twitter:creator",content:"@Codelearn.io"}),(0,l.jsx)("meta",{property:"og:title",content:p(a)}),(0,l.jsx)("meta",{property:"og:description",content:p(o)}),(0,l.jsx)("meta",{property:"og:image",content:d}),(0,l.jsx)("meta",{property:"og:image:width",content:"1200"}),(0,l.jsx)("meta",{property:"og:image:height",content:"630"}),(0,l.jsx)("meta",{property:"og:image:type",content:"image/jpeg"}),(0,l.jsx)("meta",{property:"fb:app_id",content:"540883753774783"}),m]})}},50317:function(e,t,a){var l,n,r,o,s,i,d,c;a.d(t,{$f:function(){return n},PB:function(){return m},Pe:function(){return o},Yi:function(){return r}}),(s=l||(l={}))[s.FPT_PAY=1]="FPT_PAY",s[s.COUPON=0]="COUPON",s[s.VIETQR=2]="VIETQR",s[s.INTERNATIONAL_CARD=5]="INTERNATIONAL_CARD",s[s.DOMESTIC_CARD=4]="DOMESTIC_CARD",s[s.MOBILE_BANKING=6]="MOBILE_BANKING",s[s.SHOPEE=7]="SHOPEE",s[s.MOMO=8]="MOMO",s[s.VIETTEL_MONEY=9]="VIETTEL_MONEY",s[s.ZALO_PAY=10]="ZALO_PAY",s[s.CODELEARN=11]="CODELEARN",(i=n||(n={}))[i.FOR_PURCHASE=1]="FOR_PURCHASE",i[i.FOR_ACTIVE=2]="FOR_ACTIVE",i[i.REDUCE_MONEY=3]="REDUCE_MONEY",(d=r||(r={}))[d.Other=0]="Other",d[d.ANDROID=1]="ANDROID",d[d.IOS=2]="IOS";let u=[{label:"FPT Pay",type:1,icon:"/images/payment/fpt_pay_3.png"},{label:"VietQR",type:2,icon:"/images/payment/vietqr_3.png"},{label:"Coupon",type:0,icon:"/images/payment/coupon.png"},{label:"International card",type:5,icon:"/images/payment/international_card_3.png"},{label:"Domestic card",type:4,icon:"/images/payment/card_3.png"},{label:"Mobile Banking",type:6,icon:"/images/payment/mobilebanking_3.png"},{label:"Shopee Pay",type:7,icon:"/images/payment/sp_pay_3.png"},{label:"Momo",type:8,icon:"/images/payment/momo_3.png"},{label:"Zalopay",type:10,icon:"/images/payment/zalo_pay_3.png"},{label:"CodeLearn Pay",type:11,icon:"/images/codelearn.png"}];function m(e){return u.find(t=>t.type===e)}(c=o||(o={}))[c.ByCode=1]="ByCode",c[c.ByXp=2]="ByXp",c[c.ByGold=3]="ByGold",c[c.ByAdmin=4]="ByAdmin",c[c.ByOrder=5]="ByOrder"},15439:function(e,t,a){a.d(t,{Z:function(){return _}});var l=a(85893),n=a(37238),r=a(99412),o=a(19353),s=a(11163),i=a(67294),d=a(63301),c=a(92132),u=a(95681),m=()=>{var e;let{t}=(0,c.$G)(),{ordersData:a}=(0,i.useContext)(u.L),n=null==a?void 0:null===(e=a.metaData)||void 0===e?void 0:e.data,r=[{bg:"#4058C0",bgTop:"#506CF0",summary:d.DL.formatNumber((null==n?void 0:n.totalSuccessOrderAmount)||0)+" VNÄ",label:t("Total value of successful payment transactions")},{bg:"#0F9A78",bgTop:"#13C296",summary:d.DL.formatNumber((null==n?void 0:n.totalOrderAmount)||0)+" VNÄ",label:t("Total transaction value")},{bg:"#CC8400",bgTop:"#FFA500",summary:(null==n?void 0:n.totalSuccessOrder)||0,label:t("Total number of successful payment transactions")},{bg:"#2B2B2B",bgTop:"#2B3B4B",summary:(null==n?void 0:n.totalOrder)||0,label:t("Total number of transactions")}];return(0,l.jsx)("div",{className:"grid lg:grid-cols-4 gap-6 text-white",children:r.map(e=>(0,l.jsxs)("div",{style:{backgroundColor:e.bg},className:"bg-[#006EB5] shadow-lg overflow-hidden",children:[(0,l.jsx)("div",{style:{backgroundColor:e.bgTop},className:"h-[50px] font-bold flex items-center justify-center",children:e.summary}),(0,l.jsx)("div",{className:"p-4 h-[80px] text-sm font-semibold flex items-center justify-center text-center",children:e.label})]},e.bg))})},p=a(72583),x=a(20966),v=a(81088),h=a(69069),f=a(2664),g=a(87092),y=a(17789),j=a(22870),b=a(6564),w=a(33949),N=a(50317),O=a(96486),D=a.n(O),C=a(41664),S=a.n(C),P=a(7118),E=e=>{var t,a,n,u,m,p,x,h,f,O,C,E;let{isAdmin:I,data:T,handleClickItem:M,setTimeClickTest:_}=e,[k,F]=(0,i.useState)((null==T?void 0:T.isTest)||!1),{t:A}=(0,c.$G)(),Y=(0,s.useRouter)(),L=(0,o.pB)([r.Z.ManagerContent]),R=D().sumBy(T.orderItems,e=>e.price*(100-e.discount)*e.number/100),B={totalAmountBeforeDiscount:D().sumBy(T.orderItems,e=>e.price*e.number),totalDiscount:D().sumBy(T.orderItems,e=>e.price*e.discount*e.number/100),totalAmountBeforeDiscountVoucher:R,totalAmount:null==T?void 0:T.totalAmount};return(0,l.jsxs)("div",{className:"w-full m-auto bg-[#FFFFFF] rounded-md shadow-[0px_5px_12px_0px_#0000001A]",children:[(0,l.jsxs)("div",{className:"flex flex-wrap justify-between px-4 py-[18px] gap-2",children:[(0,l.jsxs)("div",{className:"flex flex-wrap gap-2",children:[Y.pathname.includes("/management")&&(null==T?void 0:null===(t=T.user)||void 0===t?void 0:t.userId)?(0,l.jsxs)("span",{className:"text-base font-semibold [&>a]:text-[#506CF0] [&>a]:underline",children:[A("Customer"),": ",(0,l.jsx)(S(),{href:"#",children:null==T?void 0:null===(a=T.user)||void 0===a?void 0:a.userName})]}):(0,l.jsx)(l.Fragment,{}),(0,l.jsxs)("span",{className:"text-base font-semibold [&>a]:text-[#506CF0] [&>a]:underline",children:[A("Order"),":"," ",(0,l.jsx)(S(),{href:"/payment/orders".concat("/payment"===Y.pathname?"/result":"","/").concat(T.id),children:null==T?void 0:T.uniqueId})]}),!Y.pathname.includes("/result")&&L&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("span",{children:"Test: "})," ",(0,l.jsx)(g.X,{checked:k,onChange:e=>{F(e.currentTarget.checked);try{v.te.getOrderDetailMarkTest({orderId:null==T?void 0:T.id,isTest:e.currentTarget.checked}).then(()=>_(e=>e+1))}catch(e){}}})]}),I&&T.isTest&&(0,l.jsx)(y.C,{color:"green",variant:"filled",children:"Test"})]}),(0,l.jsxs)("div",{children:[(null==T?void 0:T.createdOn)&&(0,l.jsx)("span",{className:"font-normal text-sm text-[#111928] pr-[10px] mr-[10px] border-r-[1px] border-[#D1D5DB]",children:(0,d.U$)(null==T?void 0:T.createdOn,"DD-MM-YYYY HH:mm:ss")}),(null==T?void 0:T.status)==0&&(0,l.jsx)("span",{className:"text-[#F59E0B] font-bold text-sm",children:A("Pending")}),(null==T?void 0:T.status)==1&&(0,l.jsx)("span",{className:"text-[#be4bdb] font-bold text-sm",children:A("Sent")}),(null==T?void 0:T.status)==2&&(0,l.jsx)("span",{className:"text-[#13C296] font-bold text-sm",children:A("Success")}),(null==T?void 0:T.status)==3&&(0,l.jsx)("span",{className:"text-[#F56060] font-bold text-sm",children:A("Fail")})]})]}),(0,l.jsx)("div",{onClick:()=>M(T),className:"cursor-pointer",children:(0,l.jsx)("div",{className:"border-y border-[#DFE4EA] p-6",children:null==T?void 0:T.orderItems.map(e=>(0,l.jsx)(P.Z,{item:e},null==e?void 0:e.enrollId))})}),(0,l.jsxs)("div",{className:"flex flex-col sm:flex-row justify-between px-4 py-[18px]",children:[(0,l.jsx)("div",{className:"flex flex-row gap-2 items-center !text-sm",children:(null==T?void 0:T.status)!==0&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("span",{children:A("Payment method")}),(null==T?void 0:T.paymentType)===0&&(0,l.jsxs)("span",{children:[": ",A("Order Voucher")]}),0!==T.paymentType&&(0,l.jsx)("span",{className:"flex gap-5 justify-center",children:(0,l.jsx)(j.E,{src:null===(n=(0,N.PB)(T.paymentType))||void 0===n?void 0:n.icon,width:40,alt:null===(u=(0,N.PB)(T.paymentType))||void 0===u?void 0:u.label,title:null===(m=(0,N.PB)(T.paymentType))||void 0===m?void 0:m.label})})]})}),(0,l.jsxs)("div",{className:"flex flex-row items-center gap-2",children:[(0,l.jsxs)("span",{className:"text-sm font-semibold",children:[A("Total amount"),":"]})," ",(0,l.jsx)("span",{className:"text-[#506CF0] text-lg font-bold",children:d.DL.formatPrice(B.totalAmount)}),(null==T?void 0:T.voucher)&&(0,l.jsxs)(b.z,{zIndex:180,withinPortal:!0,width:350,offset:12,arrowSize:16,withArrow:!0,position:"top",shadow:"lg",transitionProps:{transition:"pop"},classNames:{arrow:"-z-10"},openDelay:400,children:[(0,l.jsx)(b.z.Target,{children:(0,l.jsx)("button",{className:"bg-transparent p-0 aspect-square mt-[6px]",children:(0,l.jsx)(w.Zc,{color:"#506CF0"})})}),(0,l.jsx)(b.z.Dropdown,{children:(0,l.jsxs)("ul",{children:[(0,l.jsxs)("li",{children:[A("Voucher co
1de"),": ",(0,l.jsx)("strong",{children:null==T?void 0:null===(p=T.voucher)||void 0===p?void 0:p.code})]}),(0,l.jsxs)("li",{children:[A("Max discount"),":"," ",(0,l.jsxs)("strong",{children:[(null==T?void 0:null===(x=T.voucher)||void 0===x?void 0:x.maxMoney)>0?d.DL.formatPrice(null==T?void 0:null===(h=T.voucher)||void 0===h?void 0:h.maxMoney):(0,l.jsx)(l.Fragment,{children:A("Unlimited")})," ",(null==T?void 0:null===(f=T.voucher)||void 0===f?void 0:f.percent)?(0,l.jsxs)("span",{children:["(",null==T?void 0:null===(O=T.voucher)||void 0===O?void 0:O.percent,"%)"]}):(0,l.jsx)(l.Fragment,{})]})]}),(0,l.jsxs)("li",{children:[A("Discount for order price at least"),":"," ",(0,l.jsx)("strong",{children:d.DL.formatPrice(null==T?void 0:null===(C=T.voucher)||void 0===C?void 0:C.minOrderValue)})]}),(0,l.jsxs)("li",{children:[A("Actual discount"),": ",(0,l.jsx)("strong",{children:d.DL.formatPrice(null==T?void 0:null===(E=T.voucher)||void 0===E?void 0:E.money)})]})]})})]})]})]})]})},I=e=>{var t,a,r,o,d;let{isAdmin:m}=e,{ordersData:p,setOrdersData:g,params:y,setParams:j}=(0,i.useContext)(u.L),[b,w]=(0,i.useState)(0),{t:N}=(0,c.$G)(),[O,D]=(0,i.useState)(!1),C=(0,s.useRouter)(),S=(0,f.v9)(h.tM),P=async e=>{window.scrollTo(0,0);try{D(!0);let t={...y,pageIndex:e};j(t);let a=await v.te.listOrder(t);g(null==a?void 0:a.data),D(!1)}catch(e){return null}},I=e=>{C.push("/payment/orders".concat("/payment"===C.pathname?"/result":"","/").concat(e.id))};return(0,i.useEffect)(()=>{try{if(!y.toDate)return;D(!0);let e={...y,pageIndex:1};"/payment"===C.pathname&&(e={...e,userId:null==S?void 0:S.userId.toString()}),j(e),v.te.listOrder(e).then(e=>{g(null==e?void 0:e.data),D(!1)})}catch(e){return null}},[y.status,y.fromDate,y.toDate,y.types,y.orderId,y.getTestOrder,b]),(0,l.jsx)(l.Fragment,{children:O?(0,l.jsx)("div",{className:"mt-20 flex justify-center",children:(0,l.jsx)(x.a,{color:"blue"})}):(0,l.jsxs)("div",{className:"pt-6 mb-6",children:[(0,l.jsx)("div",{className:"w-full flex flex-col gap-4",children:null==p?void 0:null===(t=p.data)||void 0===t?void 0:t.map(e=>(0,l.jsx)("div",{className:"",children:(0,l.jsx)(E,{isAdmin:!0,data:e,handleClickItem:I,setTimeClickTest:w})},null==e?void 0:e.uniqueId))}),(null==p?void 0:null===(a=p.metaData)||void 0===a?void 0:a.pageTotal)>0&&(0,l.jsx)("div",{className:"flex justify-center mt-6",children:(0,l.jsx)(n.tl,{pageIndex:y.pageIndex,currentPageSize:null==p?void 0:p.data.length,totalItems:null==p?void 0:null===(r=p.metaData)||void 0===r?void 0:r.total,totalPages:null==p?void 0:null===(o=p.metaData)||void 0===o?void 0:o.pageTotal,pageSize:y.pageSize,onChange:e=>P(e)})}),(null==p?void 0:null===(d=p.data)||void 0===d?void 0:d.length)===0&&(0,l.jsx)("div",{className:"w-full text-center",children:N("There is no data that satisfies the filter")})]})})};let T=()=>{let e=(0,s.useRouter)(),t=(0,o.p5)([r.Z.ManagerContent,r.Z.MonitorOrder]);return((0,i.useEffect)(()=>{t||e.push("/403")},[t]),t)?(0,l.jsx)(l.Fragment,{children:(0,l.jsxs)("div",{children:[(0,l.jsx)(m,{}),(0,l.jsx)("div",{className:"mt-5 block md:flex items-end gap-2",children:(0,l.jsx)(p.Z,{isAdmin:!0})}),(0,l.jsx)(I,{isAdmin:!0})]})}):(0,l.jsx)(n.LD,{})};var M=()=>(0,l.jsx)(l.Fragment,{children:(0,l.jsxs)("div",{children:[(0,l.jsx)("div",{className:"block md:flex items-end gap-2 mt-2",children:(0,l.jsx)(p.Z,{})}),(0,l.jsx)(I,{})]})}),_=e=>{let{isAdmin:t}=e;return(0,l.jsxs)("div",{className:"m-auto",children:[t&&(0,l.jsx)(T,{}),!t&&(0,l.jsx)(M,{})]})}},7118:function(e,t,a){var l=a(85893),n=a(31927),r=a(22870),o=a(28855),s=a(65716),i=a(2335),d=a(33949),c=a(81088),u=a(92132),m=a(11163);a(67294);var p=a(447),x=a(81e3),v=a(24748);let h=new Intl.NumberFormat("vi-VN",{style:"currency",currency:"VND"});t.Z=e=>{var t,a,f;let{item:g}=e,y=(0,m.useRouter)(),j="/payment"===y.pathname||y.pathname.includes("/management"),b=(null==g?void 0:g.contextType)===c.Lq.Course,w=b?"/learning/":"/fights/detail/",{t:N}=(0,u.$G)();return(0,l.jsxs)("div",{className:"flex flex-row gap-4 [&:nth-child(n+2)]:pt-4 [&:nth-child(n+2)]:border-t-[1px] [&:nth-child(n+2)]:border-[#DFE4EA] [&:nth-child(n+2)]:mt-4",children:[(0,l.jsx)(s.Z,{onClick:e=>{e.stopPropagation(),y.push("".concat(w+g.permalink))},href:"".concat(w+g.permalink),children:(0,l.jsx)(r.E,{src:g.thumbnail,alt:"thumbnail",width:109.5,height:60,radius:6})}),(0,l.jsxs)("div",{className:"flex flex-col sm:flex-row justify-between flex-1 gap-2",children:[(0,l.jsxs)("div",{className:"flex flex-col gap-[6px]",children:[j?(0,l.jsx)(n.Q,{className:"text-base font-medium",children:g.title}):(0,l.jsx)(s.Z,{onClick:e=>{e.stopPropagation(),y.push("".concat(w+g.permalink))},href:"".concat(w+g.permalink),children:(0,l.jsx)(n.Q,{className:"text-base font-medium",children:g.title})}),(0,l.jsx)("div",{className:"flex items-center gap-x-6 gap-y-2 flex-wrap",children:b?(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(o.Ph,{rightSection:(0,l.jsx)(p.Z,{size:16}),data:(null==g?void 0:null===(t=g.prices)||void 0===t?void 0:t.map(e=>({value:null==e?void 0:e.id,label:"".concat((null==e?void 0:e.durationInDays)?(null==e?void 0:e.durationInDays)+" "+N("day"):N("Default"))})))||[],variant:"filled",value:null==g?void 0:g.priceId,disabled:!0,size:"xs",className:"w-[100px]",classNames:{input:"!bg-[#f1f3f5] !text-black"}}),(0,l.jsxs)("div",{className:"flex items-center gap-1 flex-none text-xs",children:[(0,l.jsx)(i.Z,{rating:g.averageRate,size:"sm"})," ",(0,l.jsx)("span",{children:null===(f=g.averageRate)||void 0===f?void 0:null===(a=f.toFixed)||void 0===a?void 0:a.call(f,1)})]}),(0,l.jsxs)("div",{className:"flex items-center gap-1 flex-none text-xs",children:[(0,l.jsx)(d.KS,{width:12,height:12}),(0,l.jsx)("span",{children:N("course_sticky.learning_hours",{count:g.totalTime})})]}),(0,l.jsxs)("div",{className:"flex items-center gap-1 flex-none text-xs",children:[(0,l.jsx)(d.cv,{width:12,height:12}),(0,l.jsx)("span",{children:N("course_sticky.activities",{count:g.totalActivity})})]})]}):(0,l.jsxs)(l.Fragment,{children:[(0,l.jsxs)("div",{className:"flex items-center gap-1 flex-none text-sm",children:[(0,l.jsx)(x.Z,{size:16})," ",(0,l.jsx)("span",{children:g.totalRegister})]}),(0,l.jsxs)("div",{className:"flex items-center gap-1 flex-none text-sm",children:[(0,l.jsx)(v.Z,{size:16})," ",(0,l.jsx)("span",{children:g.totalActivity})]})]})})]}),(0,l.jsxs)("div",{className:"flex flex-wrap sm:flex-col gap-2 sm:items-end",children:[(0,l.jsxs)("div",{className:"flex flex-wrap justify-end gap-1 items-center",children:[g.discount>0&&(0,l.jsxs)("div",{className:"rounded-[2px] font-semibold w-[36px] h-[24px] flex items-center justify-center text-xs text-[#F23030] bg-[#FBBF24]",children:[Math.ceil(null==g?void 0:g.discount),"%"]}),g.discount>0&&(0,l.jsx)("span",{className:"text-xs text-[#637381] line-through",children:h.format(g.price)}),(0,l.jsx)("span",{className:"text-sm text-[#111928] font-semibold",children:h.format(g.actualPrice)})]}),(null==g?void 0:g.isVoucher)&&(0,l.jsxs)("span",{className:"font-normal text-sm text-left sm:text-right",children:[N("Quantity")," : ",(0,l.jsxs)("span",{className:"font-semibold",children:[" ",g.number]})]})]})]})]})}},95681:function(e,t,a){a.d(t,{L:function(){return p},j:function(){return x}});var l=a(85893),n=a(47375),r=a(63301),o=a(81088),s=a(92132),i=a(11163),d=a(67294),c=a(30381),u=a.n(c),m=a(72583);let p=(0,d.createContext)({ordersData:[],setOrdersData:()=>{},params:{status:""},setParams:()=>{},userId:"",setUserId:()=>{},userName:"",setUserName:()=>{},orderId:"",setOrderId:()=>{},loadingExport:!1,onExport:()=>{}}),x=e=>{var t,a,c;(0,i.useRouter)();let[x,v]=(0,d.useState)([]),[h,f]=(0,d.useState)({pageSize:10,pageIndex:1,status:"2",fromDate:new Date(u()().startOf("month").add(7,"hours").toString()),toDate:new Date(u()().endOf("month").toString()),userId:(null==e?void 0:null===(t=e.query)||void 0===t?void 0:t.userId)||void 0,timeFilterBy:m.s,getTestOrder:!1}),[g,y]=(0,d.useState)((null==e?void 0:null===(a=e.query)||void 0===a?void 0:a.userId)||""),[j,b]=(0,d.useState)((null==e?void 0:null===(c=e.query)||void 0===c?void 0:c.userName)||""),[w,N]=(0,d.useState)(""),[O,D]=(0,d.useState)(!1),{t:C}=(0,s.$G)(),S=async()=>{var e,t,a,l;let s=await o.te.orderExport(h),i=null==s?void 0:null===(e=s.data)||void 0===e?void 0:e.data;if((null==s?void 0:null===(t=s.data)||void 0===t?void 0:t.success)&&i){n.gU.success(C("Export successfully!"));let e=r.DL.b64toBlob(null==i?void 0:i.contents,"application/vnd.ms-excel"),t=document.createElement("a");t.href=window.URL.createObjectURL(e),t.download=null==i?void 0:i.filename,t.click()}else(null==s?void 0:null===(a=s.data)||void 0===a?void 0:a.message)&&n.gU.error(C(null==s?void 0:null===(l=s.data)||void 0===l?void 0:l.message))};return(0,l.jsx)(p.Provider,{value:{ordersData:x,setOrdersData:v,params:h,setParams:f,userId:g,setUserId:y,userName:j,setUserName:b,orderId:w,setOrderId:N,loadingExport:O,onExport:S},children:e.children})}},72583:function(e,t,a){a.d(t,{Z:function(){return A},s:function(){return E}});var l,n,r=a(85893),o=a(37238),s=a(41351),i=a(31194),d=a(80061),c=a(67841),u=a(33949);(l=n||(n={}))[l.Pending=0]="Pending",l[l.Sent=1]="Sent",l[l.Success=2]="Success",l[l.Fail=3]="Fail";let m=[{value:void 0,selectValue:""},{value:!1,selectValue:"0"},{value:!0,selectValue:"1"}],p=[{value:"1",format:"DD/MM/YYYY"},{value:"2",format:"MM/YYYY"},{value:"3",format:"YYYY"}],x=[{field:"fromDate"},{field:"toDate"}];var v=a(27484),h=a.n(v),f=a(30381),g=a.n(f),y=a(92132),j=a(67294),b=a(95681),w=a(79274),N=a(69819),O=a(81356),D=a(7319),C=function(e){switch(e.levelType){case"1":return(0,r.jsx)(w.a,{...e,clearable:!0,icon:(0,r.jsx)(D.Z,{size:16})});case"3":return(0,r.jsx)(N.w,{...e,clearable:!0,icon:(0,r.jsx)(D.Z,{size:16})});default:return(0,r.jsx)(O.J,{...e,clearable:!0,icon:(0,r.jsx)(D.Z,{size:16})})}},S=a(96486),P=a.n(S);let E="2",I=new Date(g()().startOf("day").toString()),T=new Date(g()().startOf("day").toString()),M=new Date(g()().startOf("month").add(7,"hours").toString()),_=new Date(g()().endOf("month").toString()),k=new Date(g()().startOf("year").add(7,"hours").toString()),F=new Date(g()().endOf("year").toString());var A=e=>{let{isAdmin:t}=e,{params:a,setParams:l,setOrderId:n,onExport:v}=(0,j.useContext)(b.L),{t:f}
1=(0,y.$G)(),[w,N]=(0,j.useState)([]),[O,D]=(0,j.useState)("0"),[S,A]=(0,j.useState)(E),[Y,L]=(0,j.useState)(M),[R,B]=(0,j.useState)(_);(0,j.useEffect)(()=>{(null==a?void 0:a.getTestOrder)||l(e=>({...e,getTestOrder:!1}))},[]);let z=(0,j.useCallback)(P().debounce(e=>{n(e),l(t=>({...t,orderId:e}))},500),[]),V=(e,t)=>{var a;"1"!==S&&(e=new Date(g()(e).add(7,"hours").toString()));let n=null,r=new Date(n=g()(e).format("YYYY-MM-DD"));"1"===S&&r.setHours(r.getHours()-7),n=g()(r).utc().format("YYYY-MM-DDTHH:mm:ss"),n=e?n+"Z":"";let o=null===(a=x.find(e=>e.field!==t))||void 0===a?void 0:a.field;(t===x[0].field&&e&&R&&e<=R||t===x[1].field&&Y&&e&&e>=Y)&&l(e=>({...e,[t]:n||"",[o]:t===x[0].field?R:Y}))},Z=(0,j.useMemo)(()=>(t||l(e=>({...e,status:"2"})),t?(0,r.jsx)(s.m,{value:(null==a?void 0:a.status)||"all",onTabChange:e=>{l(t=>({...t,status:"all"===e?"":e}))},className:"min-h-[60px] [&>div]:h-full",unstyled:!0,styles:e=>({tab:{...e.fn.focusStyles(),backgroundColor:"dark"===e.colorScheme?e.colors.dark[6]:e.white,color:"dark"===e.colorScheme?e.colors.dark[0]:e.colors.gray[9],cursor:"pointer",fontSize:"14px",display:"flex",alignItems:"center",justifyContent:"center",height:"100%",borderTop:"2px solid transparent",borderBottom:"2px solid transparent",paddingLeft:"24px",paddingRight:"24px","&:disabled":{opacity:.5,cursor:"not-allowed"},"&:not(:first-of-type)":{borderLeft:0},"&[data-active]":{borderBottom:"2px solid #506CF0",color:"#506CF0",fontWeight:"600"}},tabsList:{display:"flex"}}),children:(0,r.jsxs)(s.m.List,{children:[(0,r.jsx)(s.m.Tab,{value:"all",children:f("All")}),(0,r.jsx)(s.m.Tab,{value:"0",children:f("Pending")}),(0,r.jsx)(s.m.Tab,{value:"2",children:f("Already paid")}),(0,r.jsx)(s.m.Tab,{value:"3",children:f("Fail payment")})]})}):(0,r.jsx)("span",{className:"flex items-center pl-4 text-sm font-normal mt-2 sm:mt-0",children:f("Order history")})),[null==a?void 0:a.status,f]),U=(0,j.useMemo)(()=>{let e=S+"type";return(0,r.jsxs)("div",{className:"flex flex-row items-center gap-[10px]",children:[(0,r.jsx)("span",{className:"text-sm font-normal",children:f("Time type")}),(0,r.jsx)(o.Ph,{className:"w-[100px]",data:[{value:"1",label:f("Day")},{value:"2",label:f("Month")},{value:"3",label:f("Year")}],defaultValue:E,value:S,onChange:e=>{A(e),L("1"===e?I:"3"===e?k:M),B("1"===e?T:"3"===e?F:_),l(t=>({...t,fromDate:"1"===e?I:"3"===e?k:M,toDate:"1"===e?T:"3"===e?F:_,timeFilterBy:e}))}},e)]})},[S,f]),H=(0,j.useMemo)(()=>{var e;let t=(null===(e=m.find(e=>e.value===(null==a?void 0:a.getTestOrder)))||void 0===e?void 0:e.selectValue)+"type";return(0,r.jsxs)("div",{className:"flex flex-row items-center gap-[10px]",children:[(0,r.jsx)("span",{className:"text-sm font-normal",children:f("Order type")}),(0,r.jsx)(o.Ph,{className:"w-[170px]",data:[{value:"",label:f("All")},{value:"1",label:f("Test order")},{value:"0",label:f("Normal order")}],defaultValue:"0",value:O,onChange:e=>{D(e),l(t=>{var a;return{...t,getTestOrder:null===(a=m.find(t=>t.selectValue===e))||void 0===a?void 0:a.value}})}},t)]})},[O,f]),G=(0,j.useMemo)(()=>(0,r.jsxs)("div",{className:"flex flex-row items-center gap-[10px]",children:[(0,r.jsx)("span",{className:"text-sm font-normal",children:f("Payment Type")}),(0,r.jsx)(i.NU,{className:"w-[140px]",data:[{value:"0",label:f("Order Voucher")},{value:"2",label:f("VietQR")},{value:"5",label:f("International card")},{value:"4",label:f("Domestic card")},{value:"6",label:f("Mobile Banking")},{value:"11",label:f("CodeLearn Pay")},{value:"10",label:f("Zalopay")},{value:"7",label:f("Shopee Pay")}],placeholder:f("All"),defaultValue:null==a?void 0:a.types,value:w,onChange:e=>{N(e),l(t=>({...t,types:e}))}})]}),[w,f]),$=(0,j.useMemo)(()=>{var e,t,l;let n={maxDate:h()(new Date).endOf("day").toDate(),minDate:h()(new Date(2e3,1,1)),valueFormat:null===(e=p.find(e=>e.value===S))||void 0===e?void 0:e.format,decadeLabelFormat:null===(t=p.find(e=>e.value===S))||void 0===t?void 0:t.format,placeholder:null===(l=p.find(e=>e.value===S))||void 0===l?void 0:l.format,clearable:!0,classNames:{label:"whitespace-pre"},styles:{input:{height:"42px"}},value:Y,onChange:e=>{e?L("1"===S?e:new Date(g()(e).add(7,"hours").toString())):(L(null),B(null)),V(e,x[0].field)}};return(0,r.jsx)("div",{className:"flex flex-col gap-1",children:(0,r.jsxs)("div",{className:"flex flex-row items-center gap-[10px]",children:[(0,r.jsx)("span",{className:"text-sm font-normal",children:f("Start time")}
1),(0,r.jsx)(C,{levelType:S,...n,error:Y&&R&&Y>R},null==a?void 0:a.fromDate)]})})},[S,Y,R,f]),q=(0,j.useMemo)(()=>{var e,t,l;let n={maxDate:h()(new Date).endOf("day").toDate(),minDate:h()(new Date(2e3,1,1)),valueFormat:null===(e=p.find(e=>e.value===S))||void 0===e?void 0:e.format,decadeLabelFormat:null===(t=p.find(e=>e.value===S))||void 0===t?void 0:t.format,placeholder:null===(l=p.find(e=>e.value===S))||void 0===l?void 0:l.format,clearable:!0,classNames:{label:"whitespace-pre"},styles:{input:{height:"42px"}},value:R,onChange:e=>{e?B("1"===S?e:new Date(g()(e).add(7,"hours").toString())):B(null),V(e,x[1].field)}};return(0,r.jsx)("div",{className:"flex flex-col gap-1",children:(0,r.jsxs)("div",{className:"flex flex-row items-center gap-[10px]",children:[(0,r.jsx)("span",{className:"text-sm font-normal",children:f("End time")}),(0,r.jsx)(C,{disabled:!Y,levelType:S,...n,error:Y&&R&&Y>R},null==a?void 0:a.toDate)]})})},[S,Y,R,f]);return(0,r.jsxs)("div",{className:"w-full rounded-md bg-white",children:[(0,r.jsxs)("div",{className:"w-full h-auto lg:h-[60px] flex lg:flex-row flex-wrap lg:flex-nowrap justify-between first:lg:h-full",children:[Z,(0,r.jsxs)("div",{className:"flex flex-row flex-wrap sm:flex-nowrap items-center gap-6 py-2 px-4",children:[t&&H,G]})]}),(0,r.jsxs)("div",{className:"flex flex-col lg:flex-row items-start gap-4 p-4 bg-[#EDF0FD]",children:[(0,r.jsxs)("div",{className:"flex items-start flex-wrap gap-4",children:[U,(0,r.jsxs)("div",{className:"flex flex-col items-center gap-2",children:[(0,r.jsxs)("div",{className:"flex flex-wrap gap-4",children:[$,q]}),Y&&R&&Y>R&&(0,r.jsx)("span",{className:"text-[#fa5252] text-wrap",children:f("Start time must be less than end time")})]})]}),t&&(0,r.jsxs)("div",{className:"flex-1 w-full flex flex-row items-center gap-4",children:[(0,r.jsx)(d.o,{id:"search-order-id",defaultValue:"",classNames:{root:"block w-full",input:"pl-5 pr-12 rounded-md h-[40px] bg-white border-none",rightSection:"right-2"},placeholder:f("Filter by order Id"),onChange:e=>z(e.target.value),rightSection:(0,r.jsx)(u.Yt,{width:14,height:14})}),t&&(0,r.jsx)(c.z,{className:"h-10 px-4 text-sm rounded-md",variant:"outline",onClick:v,children:f("Export file")})]})]})]})}},24748:function(e,t,a){a.d(t,{Z:function(){return o}});var l=a(22581),n=a(67294),r=["size","color"];function o(e){var t=e.size,a=void 0===t?24:t,o=e.color,s=(0,l.Kd)(e,r);return n.createElement("svg",(0,l.gY)({xmlns:"http://www.w3.org/2000/svg",className:"icon icon-tabler icon-tabler-file-code",width:a,height:a,viewBox:"0 0 24 24",stroke:void 0===o?"currentColor":o,strokeWidth:"2",fill:"none",strokeLinecap:"round",strokeLinejoin:"round"},s),n.createElement("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"}),n.createElement("path",{d:"M14 3v4a1 1 0 0 0 1 1h4"}),n.createElement("path",{d:"M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z"}),n.createElement("path",{d:"M10 13l-1 2l1 2"}),n.createElement("path",{d:"M14 13l1 2l-1 2"}))}},81e3:function(e,t,a){a.d(t,{Z:function(){return o}});var l=a(22581),n=a(67294),r=["size","color"];function o(e){var t=e.size,a=void 0===t?24:t,o=e.color,s=(0,l.Kd)(e,r);return n.createElement("svg",(0,l.gY)({xmlns:"http://www.w3.org/2000/svg",className:"icon icon-tabler icon-tabler-users",width:a,height:a,viewBox:"0 0 24 24",stroke:void 0===o?"currentColor":o,strokeWidth:"2",fill:"none",strokeLinecap:"round",strokeLinejoin:"round"},s),n.createElement("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"}),n.createElement("circle",{cx:"9",cy:"7",r:"4"}),n.createElement("path",{d:"M3 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2"}),n.createElement("path",{d:"M16 3.13a4 4 0 0 1 0 7.75"}),n.createElement("path",{d:"M21 21v-2a4 4 0 0 0 -3 -3.85"}))}}}]);
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.