https://www.octoparse.fr/_next/static/chunks/pages/console/payment-plan/credit-usage-de6a41302c14d725.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8473],{46920:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/console/payment-plan/credit-usage",function(){return n(20359)}])},89849:function(e,t,n){"use strict";n.d(t,{TH:function(){return d},V_:function(){return c},yl:function(){return i}});var a=n(11527),l=n(4814),s=n(27004);let r=function(){for(var e=arguments.length,t=Array(e),n=0;n<e;n++)t[n]=arguments[n];return(0,s.m6)((0,l.W)(t))};function i(e){let{className:t,...n}=e;return(0,a.jsx)("div",{className:r("flex flex-1 flex-col",t),...n})}function c(e){let{className:t,fill:n,...l}=e;return(0,a.jsx)("div",{className:r("rounded-16 bg-white p-8",n&&"flex flex-1 flex-col",t),...l})}function d(e){let{className:t,...n}=e;return(0,a.jsx)("h1",{className:r("text-[20px] font-medium leading-[30px] text-[#1f1f1f]",t),...n})}},11549:function(e,t,n){"use strict";var a=n(11527),l=n(25845),s=n(82187),r=n.n(s),i=n(17888),c=n.n(i),d=n(25654),o=n(50959),p=n(24518),u=n.n(p);let h=e=>{let{now:t,inCurrentMonth:n,selected:a,range:l}=e;return r()(u().day,{[u().today]:t,[u().notCurrentMonth]:!n,[u().selectedDate]:a,[u()["in-range"]]:["in-range","will-be-in-range"].some(e=>e==l)})},_=e=>r()("flex-1",{[u().rangePlaceholder]:!e}),x=e=>r()(u().dateRange,{[u().activeDateRange]:e});function m(e){let{start:t,end:n,active:l,onClick:s,width:r}=e;n||(n=t);let{t:i}=(0,d.$G)(),o=[i("console:DatePicker.StartRange"),i("console:DatePicker.EndRange")];return(0,a.jsx)("ul",{className:x(l),onClick:s,style:r?{width:"".concat(r,"px")}:void 0,children:[t,n].map((e,t)=>{let n=e&&c()(e).format("YYYY-MM-DD")||o[t];return(0,a.jsx)("li",{className:"".concat(_(e)," ").concat(u().rangeSplitStyle),children:n},"".concat(n?n+"-"+t:t))})})}function g(){let{t:e}=(0,d.$G)(),{previousMonthButton:t,nextMonthButton:n}=(0,l.sI)(),{calendars:s}=(0,l.oM)(),{month:r,year:i}=s[0];return(0,a.jsxs)("header",{className:u().datePickerHeader,children:[(0,a.jsx)("button",{className:u().prevMonth,...t()}),(0,a.jsxs)("p",{children:[(0,a.jsx)("span",{className:"mr-2",children:e("console:DatePicker.Months.".concat(Number(r)-1))}),(0,a.jsx)("span",{children:i})]}),(0,a.jsx)("button",{...n(),className:u().nextMonth})]})}function v(){let{t:e}=(0,d.$G)(),{weekDays:t}=(0,l.oM)();return(0,a.jsx)("ul",{className:u().weekDays,children:t.map((t,n)=>(0,a.jsx)("li",{className:u().day,children:e("console:DatePicker.Weekdays.".concat(n))},t))})}function j(){let{calendars:e}=(0,l.oM)(),{days:t}=e[0],{dayButton:n}=(0,l.ev)();return(0,a.jsx)("ul",{className:u().days,children:t.map(e=>(0,a.jsx)("li",{children:(0,a.jsx)("button",{...n(e),className:h(e),children:e.day})},e.$date.toString()))})}function y(e){let{onClear:t,onApply:n}=e,{t:l}=(0,d.$G)();return(0,a.jsxs)("div",{className:u().datePickerControls,children:[(0,a.jsx)("button",{className:u().clearAllBtn,onClick:()=>{null==t||t.apply(null)},children:l("console:DatePicker.Clear")}),(0,a.jsx)("button",{onClick:()=>{null==n||n.apply(null)},className:u().applyBtn,children:l("console:DatePicker.Apply")})]})}let P=e=>{let[t,n]=e||[];if(!t)return[];let a=e=>{let t=c()(e);if(t.isValid()&&(!/^\d{4}-\d{2}-\d{2}$/.test(e)||t.format("YYYY-MM-DD")===e))return t.toDate()},l=a(t);if(!l)return[];if(!n)return[l];let s=a(n);return s?[l,s]:[l]};t.Z=function(e){let{onApply:t,value:n,width:s}=e,[r,i]=(0,o.useState)([]),[c,d]=(0,o.useState)(!1),[p,h]=n&&!c?P(n):r,_=(0,o.useRef)(null),x=e=>{_.current&&!_.current.contains(null==e?void 0:e.target)&&(d(!1),i([]))};return(0,o.useEffect)(()=>(c?document.addEventListener("click",x):document.removeEventListener("click",x),()=>document.removeEventListener("click",x)),[c]),(0,a.jsx)(l.w_,{config:{selectedDates:r,onDatesChange:i,dates:{mode:"range",maxDate:new Date,toggle:!0},calendar:{startDay:1},locale:{monthName:"numeric"}},children:(0,a.jsxs)("div",{className:"relative",ref:_,children:[(0,a.jsx)(m,{width:s,active:c,start:p,end:h,onClick:()=>{!c&&n&&i(P(n)),d(e=>!e)}}),c&&(0,a.jsxs)("div",{className:u().datePickerPannel,children:[(0,a.jsx)(g,{}),(0,a.jsx)(v,{}),(0,a.jsx)(j,{}),(0,a.jsx)(y,{onClear:()=>{i([])},onApply:()=>{let[e,n]=r,a=n;e&&(a=new Date(a||e)).setDate(a.getDate()+1),null==t||t.call(null,null==e?void 0:e.toISOString(),null==a?void 0:a.toISOString()),d(!1)}})]})]})})}},63457:function(e,t,n){"use strict";n.d(t,{C:function(){return i}});var a=n(11527),l=n(16738),s=n(82187),r=n.n(s);function i(e){let{visible:t=!0,label:n,className:s}=e;return t?(0,a.jsxs)("div",{role:"status","aria-live":"polite",className:r()("absolute inset-0 z-50 flex flex-col items-center justify-center gap-3 bg-white/60 text-14 text-primary",s),children:[(0,a.jsx)(l.$,{className:"size-5"}),null!=n&&(0,a.jsx)("div",{className:"text-center",children:n})]}):null}},20359:function(e,t,n){"use strict";n.r(t),n.d(t,{__N_SSP:function(){return C}});var a=n(11527),l=n(76935),s=n(89849),r=n(11549),i=n(63457),c=n(31263),d=n(20276),o=n(82187),p=n.n(o),u=n(17888),h=n.n(u),_=n(25654),x=n(67422),m=n.n(x),g=n(69864),v=n(46917),j=n(73293),y=n.n(j),P=n(94027);let f={type:v.SS.stringEnum(["captcha","proxyIp","simpleTemplateCharging","developerTools","agent","cloudAgent"]).withDefault("

1captcha"),page:{defaultValue:1,parse(e){if(!/^[1-9]\d*$/.test(e))return null;let t=Number(e);return Number.isSafeInteger(t)?t:null},serialize:e=>String(e)},startDate:{parse:e=>/^\d{4}-\d{2}-\d{2}$/.test(e)&&h()(e).format("YYYY-MM-DD")===e?e:null,serialize:e=>e},endDate:{parse:e=>/^\d{4}-\d{2}-\d{2}$/.test(e)&&h()(e).format("YYYY-MM-DD")===e?e:null,serialize:e=>e}},k=e=>{let{initialQuery:t}=e,{t:n}=(0,_.$G)(),l=(0,g.useRouter)(),[o,u]=(0,v.XI)(f),{type:x,page:j,startDate:P,endDate:k}=o,C=e=>{let t={...l.query};return void 0!==e.type&&(null===e.type||e.type===f.type.defaultValue?delete t.type:t.type=e.type),void 0!==e.page&&(null===e.page||e.page===f.page.defaultValue?delete t.page:t.page=String(e.page)),{pathname:l.pathname,query:t}},N={page:j,pageSize:10,startDate:P?h()(P).startOf("day").toISOString():void 0,endDate:k?h()(k).add(1,"day").startOf("day").toISOString():void 0},D={[d.M3.CaptchaByQuantity]:n("console:PlansAndPayment.CreditUsage.CAPTCHAsPrice"),[d.M3.ProxyIpByDataTraffic]:n("console:PlansAndPayment.CreditUsage.ProxiesPrice"),[d.M3.ProxyIpByQuantity]:"按个数计费",[d.M3.TemplateByData]:"按条数计费"},{data:A,isLoading:T}=(0,c.iJ)(x,N),{total:b=0}=A||{},M=(0,c.A2)(x),Y="developerTools"===x||M?[]:(null==A?void 0:A.items)||(null==A?void 0:A.data)||[],w="developerTools"===x&&((null==A?void 0:A.items)||(null==A?void 0:A.data))||[],S=M&&((null==A?void 0:A.items)||(null==A?void 0:A.data))||[],U="developerTools"===x?w:M?S:Y,B={api:y().api,mcp:y().mcp,cli:y().cli},I=(e,t)=>{let n=!!(e&&t);u({startDate:n?h()(e).format("YYYY-MM-DD"):null,endDate:n?h()(t).subtract(1,"day").format("YYYY-MM-DD"):null,page:null},{shallow:!0,scroll:!1})},O=Math.ceil(b/N.pageSize),H=async(e,t)=>{window.open("/api/v1/resources/".concat(e,"/file?date=").concat(t))},R=async(e,t)=>{window.open("/api/v1/resources/tasks/".concat(e,"/file?date=").concat(t))};return(0,a.jsxs)(s.V_,{fill:!0,className:y().container,children:[(0,a.jsx)(s.TH,{className:"mb-2",children:n("console:PlansAndPayment.CreditUsage.CreditUsage")}),(0,a.jsx)("div",{className:y().tip,children:n("console:PlansAndPayment.CreditUsage.CreditUsageDescription")}),(0,a.jsx)("div",{className:y().condition,children:(0,a.jsxs)("div",{className:y().condition_btn,children:[(0,a.jsxs)("div",{className:y().nav,children:[(0,a.jsx)(m(),{href:C({type:"captcha",page:null}),shallow:!0,scroll:!1,"aria-current":"captcha"===x?"page":void 0,className:p()({[y().active]:"captcha"===x}),children:n("console:PlansAndPayment.CreditUsage.CAPTCHAs")}),(0,a.jsx)(m(),{href:C({type:"proxyIp",page:null}),shallow:!0,scroll:!1,"aria-current":"proxyIp"===x?"page":void 0,className:p()({[y().active]:"proxyIp"===x}),children:n("console:PlansAndPayment.CreditUsage.Proxies")}),(0,a.jsx)(m(),{href:C({type:"simpleTemplateCharging",page:null}),shallow:!0,scroll:!1,"aria-current":"simpleTemplateCharging"===x?"page":void 0,className:p()({[y().active]:"simpleTemplateCharging"===x}),children:n("console:PlansAndPayment.CreditUsage.Templates")}

1),(0,a.jsx)(m(),{href:C({type:"developerTools",page:null}),shallow:!0,scroll:!1,"aria-current":"developerTools"===x?"page":void 0,className:p()({[y().active]:"developerTools"===x}),children:n("console:PlansAndPayment.CreditUsage.developerTools")}),(0,a.jsx)(m(),{href:C({type:"agent",page:null}),shallow:!0,scroll:!1,"aria-current":"agent"===x?"page":void 0,className:p()({[y().active]:"agent"===x}),children:n("console:PlansAndPayment.CreditUsage.Agent")}),(0,a.jsx)(m(),{href:C({type:"cloudAgent",page:null}),shallow:!0,scroll:!1,"aria-current":"cloudAgent"===x?"page":void 0,className:p()({[y().active]:"cloudAgent"===x}),children:n("console:PlansAndPayment.CreditUsage.CloudAgent")})]}),(0,a.jsx)(r.Z,{value:[P||void 0,k||void 0],onApply:I})]})}),(0,a.jsxs)("div",{className:p()(y().table,"flex-1"),children:[(!U||U.length<=0)&&!T&&(0,a.jsx)("div",{className:y().empty,children:n("console:Overview.RecentTransactions.Table.NoRecordFound")}),(0,a.jsx)(i.C,{visible:T}),(0,a.jsxs)("table",{children:[(0,a.jsx)("thead",{children:(0,a.jsxs)("tr",{children:[(0,a.jsx)("th",{children:(0,a.jsx)("div",{children:n("console:PlansAndPayment.CreditUsage.Date")})}),"developerTools"===x&&(0,a.jsx)("th",{children:(0,a.jsx)("div",{children:n("console:PlansAndPayment.CreditUsage.Channel")})}),"developerTools"===x&&(0,a.jsx)("th",{children:(0,a.jsx)("div",{children:n("console:PlansAndPayment.CreditUsage.Task")})}),"developerTools"===x&&(0,a.jsx)("th",{children:(0,a.jsx)("div",{children:n("console:PlansAndPayment.CreditUsage.Rows")})}),"developerTools"===x&&(0,a.jsx)("th",{children:(0,a.jsx)("div",{children:n("console:PlansAndPayment.CreditUsage.RunCount")})}),"developerTools"===x&&(0,a.jsx)("th",{children:(0,a.jsx)("div",{children:n("console:PlansAndPayment.CreditUsage.Cost")})}),"simpleTemplateCharging"!==x&&"developerTools"!==x&&!M&&(0,a.jsx)("th",{children:(0,a.jsx)("div",{children:n("console:PlansAndPayment.CreditUsage.Price")})}),"simpleTemplateCharging"!==x&&"developerTools"!==x&&!M&&(0,a.jsx)("th",{children:(0,a.jsx)("div",{children:n("console:PlansAndPayment.CreditUsage.Amount")})}),M&&(0,a.jsx)("th",{children:(0,a.jsx)("div",{children:n("console:PlansAndPayment.CreditUsage.Amount")})}),"developerTools"!==x&&!M&&(0,a.jsx)("th",{children:(0,a.jsx)("div",{children:n("console:PlansAndPayment.CreditUsage.TotalAmount")})}),"proxyIp"!==x&&!M&&(0,a.jsx)("th",{children:(0,a.jsx)("div",{})})]})}),(0,a.jsx)("tbody",{children:M?null==S?void 0:S.map(e=>{let{id:t,creationTime:n,amount:l}=e;return(0,a.jsxs)("tr",{children:[(0,a.jsx)("td",{children:(0,a.jsx)("div",{children:h()(n).format("YYYY/M/D")})}),(0,a.jsx)("td",{children:(0,a.jsxs)("div",{children:["$",l]})})]},t)}):"developerTools"===x?null==w?void 0:w.map((e,t)=>{let{taskId:l,taskName:s,dayKey:r,channel:i,dataVolumeMetrics:c,executionMetrics:d,resourceUsageMetrics:o}=e,u=(null==o?void 0:o.balance)||0;return(0,a.jsxs)("tr",{children:[(0,a.jsx)("td",{children:(0,a.jsx)("div",{children:h()(r).format("YYYY/M/D")})}),(0,a.jsx)("td",{children:(0,a.jsx)("div",{className:"".concat(y().channel," ").concat(B[i]),children:null==i?void 0:i.toUpperCase()})}),(0,a.jsx)("td",{children:(0,a.jsx)("div",{children:s})}),(0,a.jsx)("td",{children:(0,a.jsx)("div",{children:(null==c?void 0:c.totalCollected)||0})}),(0,a.jsx)("td",{children:(0,a.jsx)("div",{children:(null==d?void 0:d.runCount)||0})}),(0,a.jsx)("td",{children:(0,a.jsxs)("div",{children:["$",u]})}),(0,a.jsx)("td",{children:(0,a.jsx)("div",{className:p()(y()["cost-detail"],{[y().disabled]:!u}),onClick:()=>{u&&R(l,r)},children:n("console:PlansAndPayment.CostDetail")})})]},"".concat(l,"-").concat(r,"-").concat(t))}):null==Y?void 0:Y.map((e,t)=>{let{date:l,resourceType:s,resourceChargeType:r,totalCost:i,amount:c,amountUnit:o}=e;return(0,a.jsxs)("tr",{children:[(0,a.jsx)("td",{children:(0,a.jsx)("div",{children:h()(l).format("YYYY/M/D")})}),s!==d.H0.Template&&(0,a.jsx)("td",{children:(0,a.jsx)("div",{children:D[r]})}),s!==d.H0.Template&&(0,a.jsx)("td",{children:(0,a.jsxs)("div",{children:[c,s===d.H0.ProxyIp?o:""]})}),(0,a.jsx)("td",{children:(0,a.jsxs)("div",{children:["$",i]})}),s!==d.H0.ProxyIp&&(0,a.jsx)("td",{children:(0,a.jsx)("div",{className:y()["cost-detail"],onClick:()=>H(s,l),children:n("console:PlansAndPayment.CostDetail")})})]},t)})})]})]}),!!(null==U?void 0:U.length)&&(0,a.jsxs)("div",{className:y().page_btn,children:[j>1?(0,a.jsx)(m(),{href:C({page:j-1}),shallow:!0,scroll:!1,children:n("console:PlansAndPayment.Previous")}):(0,a.jsx)("span",{className:y().disabled,children:n("console:PlansAndPayment.Previous")}),j<O?(0,a.jsx)(m(),{href:C({page:j+1}),shallow:!0,scroll:!1,children:n("console:PlansAndPayment.Next")}):(0,a.jsx)("span",{className:y().disabled,children:n("console:PlansAndPayment.Next")})]})]})};k.consolePage=(0,P.G)({title:"console:PlansAndPayment.Menu.CreditUsage",group:"plansAndPayment",order:40}),k.getLayout=l.G;var C=!0;t.default=k},24518:function(e){e.exports={dateRange:"datepicker_dateRange__Alizc",activeDateRange:"datepicker_activeDateRange__7m_pb",rangePlaceholder:"datepicker_rangePlaceholder__KTBAW",rangeSplitStyle:"datepicker_rangeSplitStyle__zO9HK",datePickerPannel:"datepicker_datePickerPannel__EiZK_",datePickerHeader:"datepicker_datePickerHeader__zH44t",datePickerCol:"datepicker_datePickerCol__Ok_cs",weekDays:"datepicker_weekDays__YzAZj datepicker_datePickerCol__Ok_cs",day:"datepicker_day__gJ5V4",days:"datepicker_days__pSt7_ datepicker_datePickerCol__Ok_cs",notCurrentMonth:"datepicker_notCurrentMonth__ZHjL7",today:"datepicker_today__JIvVP",selectedDate:"datepicker_selectedDate__OyjGk","in-range":"datepicker_in-range__4cVVC",datePickerControls:"datepicker_datePickerControls__WaWCZ",datePickerControlsBtn:"datepicker_datePickerControlsBtn__Cx_bJ",clearAllBtn:"datepicker_clearAllBtn__BQZ9x datepicker_datePickerControlsBtn__Cx_bJ",applyBtn:"datepicker_applyBtn__YEk4Q datepicker_datePickerControlsBtn__Cx_bJ",monthBtn:"datepicker_monthBtn__d8c_t",prevMonth:"datepicker_prevMonth__FnfPK datepicker_monthBtn__d8c_t",nextMonth:"datepicker_nextMonth__B2BRr datepicker_monthBtn__d8c_t"}},73293:function(e){e.exports={container:"credit-usage_container__AcNPl",tip:"credit-usage_tip__3WufM",condition:"credit-usage_condition__1uMaO",condition_btn:"credit-usage_condition_btn__D86u4",nav:"credit-usage_nav__clwJB",active:"credit-usage_active__6KLDc",date:"credit-usage_date__wDVMo",table:"credit-usage_table__xI7ZS",empty:"credit-usage_empty__eyZxo","cost-detail":"credit-usage_cost-detail__AphXI",disabled:"credit-usage_disabled__Dgk_u",channel:"credit-usage_channel__MvFks",api:"credit-usage_api__vf7N0",mcp:"credit-usage_mcp__OSTH_",cli:"credit-usage_cli__mufEI",page_btn:"credit-usage_page_btn__esbfD"}}},function(e){e.O(0,[6841,5989,8827,5845,5636,6919,835,6935,9774,2888,179],function(){return e(e.s=46920)}),_N_E=e.O()}]);