PageSourceSearch

https://developer.metamask.io/assets/index-fYb9JbH8.js

js metamask.io collected 2026-10-01 08:32:09 UTC 4,566 bytes, 2 lines download raw bytes

1import{N as T}from"./Icon.vue_vue_type_script_setup_true_lang-mnkpFxjS-72oUDmqW.js";import{R as B,x as w}from"./Tabs.vue_vue_type_script_setup_true_lang-hwbi8ZNw-CSlPPCE6.js";import{d as k,al as r,bg as N,bh as n,R as o,J as A,_ as C,c as D,e as l,v as S,w as i,a as t,b as E,i as v,t as I,k as s,o as _}from"./index-CIKdEAqG.js";import{_ as G}from"./Alerts.vue_vue_type_script_setup_true_lang-wKs7eFiX.js";import{_ as $}from"./Button.vue_vue_type_script_setup_true_lang-BOiVVWhV.js";import{_ as P}from"./Dropdown.vue_vue_type_script_setup_true_lang-CogHJA66.js";import"./_plugin-vue_export-helper-CHgC5LLL-lGy7RumW.js";import"./Alerts.esm-CEQShXdf.js";import"./Button.esm-D074QYLu.js";import"./Badge.esm-BP1chgc2.js";import"./floating-ui.dom-DdpXSCBY.js";const M=k({name:"Billing",components:{Alerts:G,Button:$,Dropdown:P,Tabs:w,Tab:B,Icon:T},props:{teamName:{type:String,required:!0}},setup(){return{BILLING_TABS:n,tabDropdownList:[{name:n.payment,value:n.payment,icon:"cash-solid-icon"},{name:n.plans,value:n.plans,icon:"credit-card-solid-icon"}]}},computed:{selectedTeam(){return A.selectedTeamGetter(this.teamName)},getDropdownLabel(){return this.tabDropdownList.find(e=>e.value===this.tab)?.name},getDropdownList(){return[{name:n.payment,value:n.payment,icon:"cash-solid-icon"},{name:n.plans,value:n.plans,icon:"credit-card-solid-icon"}]},pendingInvoices(){return r.getPendingInvoices(this.selectedTeam.id)},tab(){switch(this.$route.name){case o.TEAM_BILLING_PLAN_AND_SUBSCRIPTION:case o.TEAM_BILLING_UPGRADE_SUCCESS:case o.TEAM_BILLING_DOWNGRADE_SUCCESS:return n.plans;case o.TEAM_BILLING_PAYMENT:return n.payment;default:return n.plans}}},methods:{handleTabClick(e){switch(e){case n.plans:this.$router.push({name:o.TEAM_BILLING_PLAN_AND_SUBSCRIPTION});break;case n.payment:this.$router.push({name:o.TEAM_BILLING_PAYMENT});break;default:throw new Error(`Invalid tab name: ${e}`)}},async handlePayInvoice(){const e=this.pendingInvoices[0];try{e.due_date&&new Date(e.due_date)<=new Date(Date.now()-2592e6)&&(r.getInvoiceLinks(e.team_id,e.invoice_id)||await r.fetchInvoiceLinks({invoiceId:e.invoice_id,teamId:e.team_id}))}catch(p){N.error("Error fetching invoice links",p)}const m=r.getInvoiceLinks(e.team_id,e.invoice_id)?.payment_url||e.payment_url;window.open(m,"_blank","noopener, noreferrer")}}}),x={class:"w-full"},O={class:"w-full bg-app-gray-900 p-5"};function R(e,a,m,p,b,U){const c=s("Icon"),g=s("Button"),y=s("Alerts"),L=s("Dropdown"),u=s("Tab"),f=s("Tabs"),h=s("router-view");return _(),D("div",x,[l("div",O,[e.pendingInvoices.length>0?(_(),S(y,{key:0,variant:"danger",classes:{heading:"max-sm:text-sm max-sm:font-semibold",message:"max-sm:text-xs"},"show-icon":"",class:"mt-4",heading:`You have (${e.pendingInvoices.length}) outstanding invoices that are overdue.`},{alertMessage:i(()=>[a[4]||(a[4]=l("div",{class:"text-sm my-2"},"Please make payment by adding a card or update your card.",-1)),t(g,{size:"xs",class:"!bg-app-red-700",onClick:e.handlePayInvoice},{default:i(()=>[a[3]||(a[3]=l("span",null,"Pay Invoice",-1)),t(c,{name:"arrow-narrow-right-solid-icon",class:"ml-2"})]),_:1},8,["onClick"])]),_:1},8,["heading"])):E("",!0),a[5]||(a[5]=l("h1",{class:"text-2xl font-semibold mt-5 text-app-gray-50 mb-4"},"Billing",-1)),t(L,{"model-value":e.tab,"button-props":{variant:"secondary",size:"xs",class:"!text-app-gray-100 !border-app-gray-600"},label:e.getDropdownLabel,items:e.getDropdownList,class:"block sm:hidden",classes:{menuContainer:"!w-fit"},onOnItemClick:a[0]||(a[0]=d=>e.handleTabClick(d.value))},null,8,["model-value","label","items"]),t(f,{class:"border-b border-app-gray-600 hidden sm:block"},{default:i(()=>[t(u,{class:"mr-9",active:e.tab===e.BILLING_TABS.plans,classes:{active:"text-app-primary-500 py-2",underlineActive:"!w-full !bg-app-primary-500",inactive:"px-0 bg-transparent text-app-gray-200"},onOnClick:a[1]||(a[1]=d=>e.handleTabClick(e.BILLING_TABS.plans))},{default:i(()=>[t(c,{name:"cash-solid-icon",class:"mr-2"}),v(" "+I(e.BILLING_TABS.plans),1)]),_:1},8,["active"]),t(u,{active:e.tab===e.BILLING_TABS.payment,classes:{active:"text-app-primary-500 py-2",underlineActive:"!w-full !bg-app-primary-500",inactive:"px-0 bg-transparent text-app-gray-200"},onOnClick:a[2]||(a[2]=d=>e.handleTabClick(e.BILLING_TABS.payment))},{default:i(()=>[t(c,{name:"credit-card-solid-icon",class:"mr-2"}),v(" "+I(e.BILLING_TABS.payment),1)]),_:1},8,["active"])]),_:1})]),t(h,{"selected-team-id":e.selectedTeam.id},null,8,["selected-team-id"])])}const X=C(M,[["render",R]]);
1export{X as default};
2//# sourceMappingURL=index-fYb9JbH8.js.map

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.