{"version":3,"sources":["webpack:///../../../src/mixins/transitionable/index.ts","webpack:///../../../src/components/VAlert/VAlert.ts","webpack:///../../../src/components/VGrid/VFlex.ts","webpack:///./src/components/projects/BillingUsage.vue?56a2","webpack:///src/components/projects/BillingUsage.vue","webpack:///./src/components/projects/BillingUsage.vue?b48e","webpack:///./src/components/projects/BillingUsage.vue","webpack:///./src/components/profile/BillingAccounts.vue?3a8f","webpack:///src/components/profile/BillingAccounts.vue","webpack:///./src/components/profile/BillingAccounts.vue?ad99","webpack:///./src/components/profile/BillingAccounts.vue","webpack:///../../../src/components/VGrid/VLayout.ts"],"names":["name","props","mode","origin","transition","String","mixins","border","type","validator","closeLabel","default","coloredBorder","dense","dismissible","closeIcon","icon","Boolean","val","outlined","prominent","text","value","computed","__cachedBorder","this","data","staticClass","class","setBackgroundColor","$createElement","__cachedDismissible","color","VBtn","small","attrs","$vuetify","lang","t","on","click","VIcon","__cachedIcon","iconColor","classes","VSheet","computedColor","computedIcon","includes","hasColoredIcon","hasText","isDark","created","$attrs","hasOwnProperty","methods","genWrapper","children","$slots","prepend","$scopedSlots","close","toggle","genContent","genAlert","role","style","directives","isActive","setColor","render","h","_vm","_h","_c","_self","billingAccount","billingAccountUsage","_l","quota","key","_v","_s","title","getQuotaColour","_e","staticRenderFns","Object","required","billingAccountDetails","quotas","usage","push","projects","projectResourceQuota","component","VList","VListItem","VListItemContent","VListItemIcon","VProgressLinear","model","callback","$$v","removePaymentMethodModal","expression","paymentMethodCardBrand","paymentMethodCardLast4","nativeOn","$event","deleteCardConfirmed","$store","getters","getBillingPlan","stripePlanId","getSubscriptionColour","stripeSubscriptionStatus","_f","currentPeriodEnd","id","deleteCardIntent","paymentMethodCardExpMonth","paymentMethodCardExpYear","paymentMethodId","addCard","length","tableKey","headers","e3","scopedSlots","_u","fn","proxy","ref","item","params","project","tooltip","_g","assign","createdAt","components","BillingUsage","modal","removePaymentMethodBillingAccountId","watch","cancelPaymentMethodDeletion","loading","state","billing","error","billingUsage","mounted","refresh","billingAccountID","dispatch","billingAccountId","projectId","status","VAlert","VCard","VCardActions","VCardText","VCardTitle","VChip","VDataTable","VDialog","VFlex","VLayout","VSpacer","VTooltip"],"mappings":"6PAEe,gBAAW,CACxBA,KADwB,iBAGxBC,MAAO,CACLC,KADK,OAELC,OAFK,OAGLC,WAAYC,U,wBCgBD,cAAAC,EAAA,MAAO,EAAD,YAAN,UAIN,CACPN,KADO,UAGPC,MAAO,CACLM,OAAQ,CACNC,KADM,OAENC,UAFM,SAEG,GACP,MAAO,CAAC,MAAD,kCAAP,KAQJC,WAAY,CACVF,KADU,OAEVG,QAAS,kBAEXC,cAhBK,QAiBLC,MAjBK,QAkBLC,YAlBK,QAmBLC,UAAW,CACTP,KADS,OAETG,QAAS,WAEXK,KAAM,CACJL,QADI,GAEJH,KAAM,CAACS,QAFH,QAGJR,UAHI,SAGK,GACP,MAAsB,kBAARS,IAAd,IAAkCA,IAGtCC,SA9BK,QA+BLC,UA/BK,QAgCLC,KAhCK,QAiCLb,KAAM,CACJA,KADI,OAEJC,UAFI,SAEK,GACP,MAAO,CAAC,OAAD,sCAAP,KAQJa,MAAO,CACLd,KADK,QAELG,SAAS,IAIbY,SAAU,CACRC,eADQ,WAEN,IAAKC,KAAL,OAAkB,OAAO,KAEzB,IAAIC,EAAkB,CACpBC,YADoB,kBAEpBC,MAAO,6CACgBH,KAArB,SAAqC,IASzC,OALIA,KAAJ,gBACEC,EAAOD,KAAKI,mBAAmBJ,KAAxB,cAAPC,GACAA,EAAA,wCAGKD,KAAKK,eAAe,MAA3B,IAEFC,oBAlBQ,WAkBW,WACjB,IAAKN,KAAL,YAAuB,OAAO,KAE9B,IAAMO,EAAQP,KAAd,UAEA,OAAOA,KAAKK,eAAeG,EAApB,KAA0B,CAC/BN,YAD+B,uBAE/B1B,MAAO,CACL+B,QACAhB,MAFK,EAGLkB,OAAO,GAETC,MAAO,CACL,aAAcV,KAAKW,SAASC,KAAKC,EAAEb,KAArB,aAEhBc,GAAI,CACFC,MAAO,kBAAO,YAAgB,KAE/B,CACDf,KAAKK,eAAeW,EAApB,KAA2B,CACzBxC,MAAO,CAAE+B,UACRP,KAhBL,cAmBFiB,aA1CQ,WA2CN,OAAKjB,KAAL,aAEOA,KAAKK,eAAeW,EAApB,KAA2B,CAChCd,YADgC,gBAEhC1B,MAAO,CAAE+B,MAAOP,KAAKkB,YACpBlB,KAHH,cAF+B,MAOjCmB,QAlDQ,WAmDN,IAAMA,EAAO,iCACRC,EAAA,mCADoC,OAA5B,IAEX,kBAAmB5B,QAAQQ,KAFY,QAGvC,iBAAkBA,KAHqB,MAIvC,oBAAqBA,KAJkB,SAKvC,qBAAsBA,KALiB,UAMvC,gBAAiBA,KAAKJ,OAOxB,OAJII,KAAJ,SACEmB,EAAQ,mBAAD,OAAoBnB,KAA3B,aAGF,GAEFqB,cAlEQ,WAmEN,OAAOrB,KAAKO,OAASP,KAArB,MAEFsB,aArEQ,WAsEN,WAAItB,KAAKT,OACL,kBAAOS,KAAP,MAAiCA,KAArC,KAAuDA,KAAP,OAC3C,CAAC,QAAS,OAAQ,UAAW,WAAWuB,SAASvB,KAAtD,OAEA,WAAWA,KAAX,QAEFwB,eA5EQ,WA6EN,OACExB,KAAKyB,SACJjC,QAAQQ,KAAR,SAAwBA,KAF3B,eAKFyB,QAlFQ,WAmFN,OAAOzB,KAAKJ,MAAQI,KAApB,UAEFkB,UArFQ,WAsFN,OAAOlB,KAAKwB,eAAiBxB,KAAtB,mBAAP,GAEF0B,OAxFQ,WAyFN,SACE1B,KAAKjB,MACJiB,KADD,eAECA,KAHH,WAMO,oCAAP,QAIJ2B,QAxJO,WA0JD3B,KAAK4B,OAAOC,eAAhB,YACE,eAAS,UAAW,WAApB,OAIJC,QAAS,CACPC,WADO,WAEL,IAAMC,EAAW,CACfhC,KAAKiC,OAAOC,SAAWlC,KADR,aAEfA,KAFe,aAGfA,KAHe,eAIfA,KAAKiC,OAJU,OAKfjC,KAAKmC,aAAaC,MACdpC,KAAKmC,aAAaC,MAAM,CAAEC,OAAQrC,KAAKqC,SACvCrC,KAPN,qBAUMC,EAAkB,CACtBC,YAAa,oBAGf,OAAOF,KAAKK,eAAe,MAAOJ,EAAlC,IAEFqC,WAlBO,WAmBL,OAAOtC,KAAKK,eAAe,MAAO,CAChCH,YAAa,oBACZF,KAAKiC,OAFR,UAIFM,SAvBO,WAwBL,IAAItC,EAAkB,CACpBC,YADoB,UAEpBQ,MAAO,CACL8B,KAAM,SAER1B,GAAId,KALgB,WAMpBG,MAAOH,KANa,QAOpByC,MAAOzC,KAPa,OAQpB0C,WAAY,CAAC,CACXnE,KADW,OAEXsB,MAAOG,KAAK2C,YAIhB,IAAK3C,KAAL,cAAyB,CACvB,IAAM4C,EAAW5C,KAAKyB,QAAUzB,KAAf,aAAmCA,KAApD,mBACAC,EAAO2C,EAAS5C,KAAD,cAAfC,GAGF,OAAOD,KAAKK,eAAe,MAAOJ,EAAM,CAACD,KAAzC,gBAGFqC,OA9CO,WA+CLrC,KAAA,UAAiBA,KAAjB,WAIJ6C,OAlNO,SAkND,GACJ,IAAMA,EAAS7C,KAAf,WAEA,OAAKA,KAAL,WAEO8C,EAAE,aAAc,CACrBtE,MAAO,CACLD,KAAMyB,KADD,WAELtB,OAAQsB,KAFH,OAGLvB,KAAMuB,KAAKvB,OAEZ,CANH,IAF6BoE,M,6DCjPjC,0BAIe,sBAAf,S,yCCJA,IAAIA,EAAS,WAAa,IAAIE,EAAI/C,KAASgD,EAAGD,EAAI1C,eAAmB4C,EAAGF,EAAIG,MAAMD,IAAID,EAAG,OAAQD,EAAII,gBAAkBJ,EAAIK,oBAAqBH,EAAG,SAAS,CAACvC,MAAM,CAAC,MAAQ,KAAKqC,EAAIM,GAAIN,EAAU,QAAE,SAASO,GAAO,OAAOL,EAAG,cAAc,CAACM,IAAID,EAAM/E,MAAM,CAAC0E,EAAG,sBAAsB,CAACA,EAAG,OAAO,CAAC/C,YAAY,oBAAoB,CAAC6C,EAAIS,GAAGT,EAAIU,GAAGH,EAAMI,YAAYT,EAAG,sBAAsB,CAAC/C,YAAY,aAAa,CAAC+C,EAAG,oBAAoB,CAACvC,MAAM,CAAC,QAAU,GAAG,MAAQqC,EAAIY,eACpcL,EAAMzD,MACPyD,EAAMA,MACJ,KACF,OAAS,KAAK,MAASA,EAAMzD,MAC/ByD,EAAMA,MACN,MAAM,CAACL,EAAG,SAAS,CAACF,EAAIS,GAAGT,EAAIU,GAAGH,EAAMzD,OAAO,IAAIkD,EAAIU,GAAGH,EAAMA,aAAa,GAAGL,EAAG,qBAAqB,MAAK,GAAGF,EAAIa,MAC1HC,EAAkB,GCgCtB,GACErF,MAAO,CACL2E,eAAgB,CACdpE,KAAM+E,OACNC,UAAU,GAEZX,oBAAqB,CACnBrE,KAAM+E,OACNC,UAAU,GAEZC,sBAAuB,CACrBjF,KAAMS,UAGVM,SAAU,CACRmE,OADJ,WAEM,IAAN,GACA,CACQ,MAAR,UACQ,MAAR,iCACQ,MAAR,kDAEA,CACQ,MAAR,aACQ,MAAR,oCACQ,MAAR,qDAEA,CACQ,MAAR,eACQ,MAAR,sCACQ,MAAR,uDAEA,CACQ,MAAR,UACQ,MAAR,iCACQ,MAAR,kDAEA,CACQ,MAAR,WACQ,MAAR,wCACQ,MAAR,yDAEA,CACQ,MAAR,UACQ,MAAR,iCACQ,MAAR,mDAYM,OARIjE,KAAKgE,uBACPE,EAAMC,KAAK,CACTT,MAAO,WACP7D,MAAOG,KAAKoD,oBAAoBgB,SAChCd,MAAOtD,KAAKmD,eAAekB,qBAAqBD,WAI7CF,IAGXpC,QAAS,CACP6B,eADJ,SACA,GACM,OAAIO,EAAQ,GACH,iBAELA,EAAQ,GACH,kBAIF,kBC7GwV,I,6FCOjWI,EAAY,eACd,EACAzB,EACAgB,GACA,EACA,KACA,KACA,MAIa,aAAAS,EAAiB,QAShC,IAAkBA,EAAW,CAACC,QAAA,KAAMC,YAAA,KAAUC,iBAAA,OAAiBC,gBAAA,KAAcC,kBAAA,Q,2CC3B7E,IAAI9B,EAAS,WAAa,IAAIE,EAAI/C,KAASgD,EAAGD,EAAI1C,eAAmB4C,EAAGF,EAAIG,MAAMD,IAAID,EAAG,OAAOC,EAAG,MAAM,CAAEF,EAAkB,eAAEE,EAAG,WAAW,CAAC/C,YAAY,OAAOQ,MAAM,CAAC,KAAO,KAAK,CAACuC,EAAG,WAAW,CAACvC,MAAM,CAAC,YAAY,SAASkE,MAAM,CAAC/E,MAAOkD,EAA4B,yBAAE8B,SAAS,SAAUC,GAAM/B,EAAIgC,yBAAyBD,GAAKE,WAAW,6BAA6B,CAAC/B,EAAG,SAAS,CAACA,EAAG,eAAe,CAACF,EAAIS,GAAG,2BAA2BP,EAAG,cAAc,CAACF,EAAIS,GAAG,6CAA6CT,EAAIU,GAAGV,EAAII,eAAe8B,wBAAwB,cAAclC,EAAIU,GAAGV,EAAII,eAAe+B,wBAAwB,0FAA0FjC,EAAG,iBAAiB,CAACA,EAAG,QAAQ,CAAC/C,YAAY,gBAAgBQ,MAAM,CAAC,KAAO,IAAIyE,SAAS,CAAC,MAAQ,SAASC,GAAQrC,EAAIgC,0BAA2B,KAAS,CAAChC,EAAIS,GAAG,YAAYP,EAAG,YAAYA,EAAG,QAAQ,CAAC/C,YAAY,oBAAoBiF,SAAS,CAAC,MAAQ,SAASC,GAAQ,OAAOrC,EAAIsC,yBAAyB,CAACtC,EAAIS,GAAG,eAAe,IAAI,IAAI,GAAGP,EAAG,SAAS,CAACvC,MAAM,CAAC,IAAM,GAAG,KAAO,GAAG,KAAO,GAAG,OAAO,KAAK,CAACuC,EAAG,SAAS,CAACvC,MAAM,CAAC,KAAO,GAAG,SAAW,GAAG,OAAS,SAAS,CAACuC,EAAG,eAAe,CAAC/C,YAAY,QAAQ,CAAC6C,EAAIS,GAAG,wBAAwBP,EAAG,cAAc,CAAEF,EAAuB,oBAAEE,EAAG,gBAAgB,CAACvC,MAAM,CAAC,eAAiBqC,EAAII,eAAe,oBAAsBJ,EAAIK,oBAAoB,sBAAwB,MAAML,EAAIa,MAAM,IAAI,IAAI,GAAGX,EAAG,SAAS,CAACvC,MAAM,CAAC,IAAM,GAAG,KAAO,GAAG,KAAO,GAAG,OAAO,KAAK,CAACuC,EAAG,SAAS,CAACvC,MAAM,CAAC,KAAO,GAAG,SAAW,GAAG,OAAS,SAAS,CAACuC,EAAG,cAAc,CAACA,EAAG,SAAS,CAACA,EAAG,cAAc,CAACA,EAAG,sBAAsB,CAACA,EAAG,OAAO,CAAC/C,YAAY,oBAAoB,CAAC6C,EAAIS,GAAG,YAAYP,EAAG,sBAAsB,CAAC/C,YAAY,aAAa,CAAE6C,EAAII,eAA2B,aAAEF,EAAG,OAAO,CAACF,EAAIS,GAAG,IAAIT,EAAIU,GAAGV,EAAIuC,OAAOC,QAAQC,eAAezC,EAAII,eAAesC,cAAelH,MAAM,KAAK0E,EAAG,SAAS,CAAC/C,YAAY,YAAYQ,MAAM,CAAC,MAAQ,GAAG,MAAQqC,EAAI2C,sBAC15D3C,EAAII,eAAewC,0BACnB,SAAW,KAAK,CAAC5C,EAAIS,GAAG,IAAIT,EAAIU,GAAGV,EAAII,eAAewC,0BAA0B,QAAQ,GAAG1C,EAAG,OAAO,CAACF,EAAIS,GAAG,8BAA8BP,EAAG,qBAAqB,GAAGA,EAAG,cAAc,CAACA,EAAG,sBAAsB,CAACA,EAAG,OAAO,CAAC/C,YAAY,oBAAoB,CAAC6C,EAAIS,GAAG,oBAAoBP,EAAG,sBAAsB,CAAC/C,YAAY,aAAa,CAAC6C,EAAIS,GAAG,IAAIT,EAAIU,GAAGV,EAAI6C,GAAG,MAAP7C,CAAcA,EAAII,eAAe0C,mBAAmB,OAAO5C,EAAG,qBAAqB,GAAGA,EAAG,cAAc,CAACA,EAAG,sBAAsB,CAACA,EAAG,OAAO,CAAC/C,YAAY,oBAAoB,CAAC6C,EAAIS,GAAG,0BAA0BP,EAAG,sBAAsB,CAAC/C,YAAY,aAAa,CAAC6C,EAAIS,GAAG,IAAIT,EAAIU,GAAGV,EAAII,eAAe2C,IAAI,OAAO7C,EAAG,qBAAqB,GAAIF,EAAII,eAA8B,gBAAEF,EAAG,cAAc,CAACA,EAAG,sBAAsB,CAACA,EAAG,OAAO,CAAC/C,YAAY,oBAAoB,CAAC6C,EAAIS,GAAG,YAAYP,EAAG,sBAAsB,CAAC/C,YAAY,gBAAgB,CAAC6C,EAAIS,GAAG,IAAIT,EAAIU,GAAGV,EAAII,eAAe8B,wBAAwB,cAAclC,EAAIU,GAAGV,EAAII,eAAe+B,wBAAwB,OAAOjC,EAAG,mBAAmB,CAACA,EAAG,SAAS,CAAC/C,YAAY,OAAOQ,MAAM,CAAC,MAAQ,IAAII,GAAG,CAAC,MAAQ,SAASsE,GAAQ,OAAOrC,EAAIgD,iBAAiBhD,EAAII,eAAe2C,OAAO,CAAC/C,EAAIS,GAAG,mBAAmB,IAAI,GAAGT,EAAIa,KAAMb,EAAII,eAA8B,gBAAEF,EAAG,cAAc,CAACA,EAAG,sBAAsB,CAACA,EAAG,OAAO,CAAC/C,YAAY,oBAAoB,CAAC6C,EAAIS,GAAG,oBAAoBP,EAAG,sBAAsB,CAAC/C,YAAY,gBAAgB,CAAC6C,EAAIS,GAAG,IAAIT,EAAIU,GAAGV,EAAII,eAAe6C,2BAA2B,IAAIjD,EAAIU,GAAGV,EAAII,eAAe8C,0BAA0B,OAAOhD,EAAG,qBAAqB,GAAwC,KAApCF,EAAII,eAAesC,cAAmG,SAA5E1C,EAAIuC,OAAOC,QAAQC,eAAezC,EAAII,eAAesC,cAAclH,KAAiB0E,EAAG,cAAc,CAACA,EAAG,sBAAsB,CAACA,EAAG,UAAU,CAAC/C,YAAY,OAAOQ,MAAM,CAAC,MAAQ,GAAG,KAAO,UAAU,SAAW,KAAK,CAACqC,EAAIS,GAAG,+HAA+H,IAAI,GAAGT,EAAIa,KAAKX,EAAG,cAAc,CAACA,EAAG,uBAAuBA,EAAG,QAAQ,CAAC/C,YAAY,qBAAqBQ,MAAM,CAAC,MAAQ,GAAG,SAAW,GAAG,GAAK,CAC/jEnC,KAAM,SACN,OAAS,KAAK,CAACwE,EAAIS,GAAG,mBAAmBP,EAAG,QAAQ,CAAC/C,YAAY,gBAAgBQ,MAAM,CAAC,MAAQ,GAAG,SAAW,GAAG,SAAiD,IAAtCqC,EAAII,eAAe+C,iBAAuBpF,GAAG,CAAC,MAAQ,SAASsE,GAAQ,OAAOrC,EAAIoD,QAAQpD,EAAII,eAAe2C,OAAO,CAAC/C,EAAIS,GAAG,qBAAqB,IAAI,IAAI,IAAI,IAAI,GAAGP,EAAG,SAAS,CAACvC,MAAM,CAAC,IAAM,GAAG,KAAO,GAAG,KAAO,KAAK,CAACuC,EAAG,SAAS,CAAC/C,YAAY,YAAYQ,MAAM,CAAC,KAAO,GAAG,SAAW,GAAG,OAAS,SAAS,CAACuC,EAAG,eAAe,CAAC/C,YAAY,QAAQ,CAAC6C,EAAIS,GAAG,gBAAkBT,EAAII,eAAeiB,UAAmD,IAAvCrB,EAAII,eAAeiB,SAASgC,OAA0JrD,EAAIa,KAAhJX,EAAG,cAAc,CAACA,EAAG,WAAW,CAACA,EAAG,IAAI,CAAC/C,YAAY,cAAc,CAAC6C,EAAIS,GAAG,8DAA8D,GAAaT,EAAII,eAAeiB,UAAYrB,EAAII,eAAeiB,SAASgC,OAAS,EAAGnD,EAAG,cAAc,CAACA,EAAG,eAAe,CAACM,IAAIR,EAAIsD,SAAS3F,MAAM,CAAC,MAAQ,GAAG,QAAUqC,EAAIuD,QAAQ,MAAQvD,EAAII,eAAeiB,SAAS,OAASrB,EAAIwD,IAAIC,YAAYzD,EAAI0D,GAAG,CAAC,CAAClD,IAAI,MAAMmD,GAAG,WAAW,MAAO,CAACzD,EAAG,WAAW,CAACA,EAAG,IAAI,CAAC/C,YAAY,cAAc,CAAC6C,EAAIS,GAAG,gHAAgHmD,OAAM,GAAM,CAACpD,IAAI,UAAUmD,GAAG,SAASE,GAC5qC,IAAIC,EAAOD,EAAIC,KACnC,MAAO,CAAC5D,EAAG,cAAc,CAACvC,MAAM,CAAC,GAAK,CACpBnC,KAAM,iBACNuI,OAAQ,CACNC,QAASF,EAAKf,OAEd,CAAC/C,EAAIS,GAAGT,EAAIU,GAAGoD,EAAKtI,YAAY,CAACgF,IAAI,iBAAiBmD,GAAG,SAASE,GACtE,IAAIC,EAAOD,EAAIC,KAC/B,MAAO,CAAC5D,EAAG,YAAY,CAACM,IAAIsD,EAAKf,GAAGpF,MAAM,CAAC,IAAM,IAAI8F,YAAYzD,EAAI0D,GAAG,CAAC,CAAClD,IAAI,YAAYmD,GAAG,SAASE,GACtF,IAAII,EAAUJ,EAAI9F,GAClC,MAAO,CAACmC,EAAG,OAAOF,EAAIkE,GAAG,GAAGnD,OAAOoD,OAAO,GAAIF,IAAU,CAACjE,EAAIS,GAAG,IAAIT,EAAIU,GAAGV,EAAI6C,GAAG,MAAP7C,CAAc8D,EAAKM,YAAY,WAAW,MAAK,IAAO,CAAClE,EAAG,OAAO,CAACF,EAAIS,GAAGT,EAAIU,GAAGV,EAAI6C,GAAG,OAAP7C,CAAe8D,EAAKM,qBAAqB,MAAK,MAAS,GAAGpE,EAAIa,MAAM,IAAI,IAAI,GAAGb,EAAIa,MAAM,IAChPC,EAAkB,G,oCCqOtB,GACEuD,WAAY,CACVC,aAAJ,cAEEpH,KAJF,WAKI,MAAO,CACLoG,SAAU,GACVE,GAAI,KACJD,QAAS,CACf,CAAQ,KAAR,OAAQ,MAAR,OAAQ,MAAR,KAAQ,UAAR,GACA,CAAQ,KAAR,UAAQ,MAAR,cAAQ,MAAR,QACA,CAAQ,KAAR,eAAQ,MAAR,mBAAQ,MAAR,QACA,CAAQ,KAAR,WAAQ,MAAR,sBAAQ,MAAR,QACA,CAAQ,KAAR,UAAQ,MAAR,eAAQ,MAAR,QACA,CAAQ,KAAR,UAAQ,MAAR,YAAQ,MAAR,UAGMgB,OAAO,EAEPvC,0BAA0B,EAC1BwC,oCAAqC,KAIzCC,MAAO,CACLzC,yBADJ,SACA,GACMtF,GAAOO,KAAKyH,gCAIhB3H,SAAU,CACR4H,QADJ,WAEM,OAAO1H,KAAKsF,OAAOqC,MAAMC,QAAQF,SAEnCG,MAJJ,WAKM,OAAO7H,KAAKsF,OAAOqC,MAAMC,QAAQC,OAEnC1E,eAPJ,WAQM,OAAOnD,KAAKsF,OAAOqC,MAAMC,QAAQzE,gBAEnCC,oBAVJ,WAWM,OAAOpD,KAAKsF,OAAOqC,MAAMC,QAAQE,eAIrCC,QA7CF,WA8CI/H,KAAKgI,WAGPlG,QAAS,CACP,QADJ,WACA,wJACA,uCACA,UAEA,qCACA,eAEA,sCAPA,8CASIiE,iBAVJ,SAUA,GACM/F,KAAKuH,oCAAsCU,EAC3CjI,KAAK+E,0BAA2B,GAElC,oBAdJ,WAcA,wKACA,yCACA,2CAFA,OAIA,YACA,4DACA,gCANA,8CAQI0C,4BAtBJ,WAuBMzH,KAAK+E,0BAA2B,EAChC/E,KAAKuH,oCAAsC,IAE7CpB,QA1BJ,SA0BA,GACMnG,KAAKsF,OAAO4C,SAAS,uBAAwB,CAC3CpC,GAAIqC,EACJC,UAAW,MAYf1C,sBAzCJ,SAyCA,GAEM,OAAQ2C,GACN,IAAK,SACH,MAAO,iBACT,IAAK,WACH,MAAO,eACT,IAAK,aACH,MAAO,kBACT,IAAK,qBACH,MAAO,kBACT,IAAK,WACH,MAAO,iBACT,IAAK,WACH,MAAO,kBACT,IAAK,SACH,MAAO,kBACT,QACE,MAAO,sBCjWuV,I,iOCOpW/D,EAAY,eACd,EACAzB,EACAgB,GACA,EACA,KACA,KACA,MAIa,aAAAS,EAAiB,QAsBhC,IAAkBA,EAAW,CAACgE,SAAA,KAAO9H,OAAA,KAAK+H,QAAA,KAAMC,aAAA,OAAaC,UAAA,OAAUC,WAAA,OAAWC,QAAA,KAAMC,aAAA,KAAWC,UAAA,KAAQC,QAAA,KAAM9H,QAAA,KAAM+H,UAAA,KAAQxE,QAAA,KAAMC,YAAA,KAAUC,iBAAA,OAAiBC,gBAAA,KAAcsE,UAAA,KAAQC,WAAA,Q,kCCxCtL,0BAIe,sBAAf","file":"js/chunk-722955f0.ed5df849.js","sourcesContent":["import Vue from 'vue'\n\nexport default Vue.extend({\n  name: 'transitionable',\n\n  props: {\n    mode: String,\n    origin: String,\n    transition: String,\n  },\n})\n","// Styles\nimport './VAlert.sass'\n\n// Extensions\nimport VSheet from '../VSheet'\n\n// Components\nimport VBtn from '../VBtn'\nimport VIcon from '../VIcon'\n\n// Mixins\nimport Toggleable from '../../mixins/toggleable'\nimport Themeable from '../../mixins/themeable'\nimport Transitionable from '../../mixins/transitionable'\n\n// Utilities\nimport mixins from '../../util/mixins'\nimport { breaking } from '../../util/console'\n\n// Types\nimport { VNodeData } from 'vue'\nimport { VNode } from 'vue/types'\n\n/* @vue/component */\nexport default mixins(\n  VSheet,\n  Toggleable,\n  Transitionable\n).extend({\n  name: 'v-alert',\n\n  props: {\n    border: {\n      type: String,\n      validator (val: string) {\n        return [\n          'top',\n          'right',\n          'bottom',\n          'left',\n        ].includes(val)\n      },\n    },\n    closeLabel: {\n      type: String,\n      default: '$vuetify.close',\n    },\n    coloredBorder: Boolean,\n    dense: Boolean,\n    dismissible: Boolean,\n    closeIcon: {\n      type: String,\n      default: '$cancel',\n    },\n    icon: {\n      default: '',\n      type: [Boolean, String],\n      validator (val: boolean | string) {\n        return typeof val === 'string' || val === false\n      },\n    },\n    outlined: Boolean,\n    prominent: Boolean,\n    text: Boolean,\n    type: {\n      type: String,\n      validator (val: string) {\n        return [\n          'info',\n          'error',\n          'success',\n          'warning',\n        ].includes(val)\n      },\n    },\n    value: {\n      type: Boolean,\n      default: true,\n    },\n  },\n\n  computed: {\n    __cachedBorder (): VNode | null {\n      if (!this.border) return null\n\n      let data: VNodeData = {\n        staticClass: 'v-alert__border',\n        class: {\n          [`v-alert__border--${this.border}`]: true,\n        },\n      }\n\n      if (this.coloredBorder) {\n        data = this.setBackgroundColor(this.computedColor, data)\n        data.class['v-alert__border--has-color'] = true\n      }\n\n      return this.$createElement('div', data)\n    },\n    __cachedDismissible (): VNode | null {\n      if (!this.dismissible) return null\n\n      const color = this.iconColor\n\n      return this.$createElement(VBtn, {\n        staticClass: 'v-alert__dismissible',\n        props: {\n          color,\n          icon: true,\n          small: true,\n        },\n        attrs: {\n          'aria-label': this.$vuetify.lang.t(this.closeLabel),\n        },\n        on: {\n          click: () => (this.isActive = false),\n        },\n      }, [\n        this.$createElement(VIcon, {\n          props: { color },\n        }, this.closeIcon),\n      ])\n    },\n    __cachedIcon (): VNode | null {\n      if (!this.computedIcon) return null\n\n      return this.$createElement(VIcon, {\n        staticClass: 'v-alert__icon',\n        props: { color: this.iconColor },\n      }, this.computedIcon)\n    },\n    classes (): object {\n      const classes: Record<string, boolean> = {\n        ...VSheet.options.computed.classes.call(this),\n        'v-alert--border': Boolean(this.border),\n        'v-alert--dense': this.dense,\n        'v-alert--outlined': this.outlined,\n        'v-alert--prominent': this.prominent,\n        'v-alert--text': this.text,\n      }\n\n      if (this.border) {\n        classes[`v-alert--border-${this.border}`] = true\n      }\n\n      return classes\n    },\n    computedColor (): string {\n      return this.color || this.type\n    },\n    computedIcon (): string | boolean {\n      if (this.icon === false) return false\n      if (typeof this.icon === 'string' && this.icon) return this.icon\n      if (!['error', 'info', 'success', 'warning'].includes(this.type)) return false\n\n      return `$${this.type}`\n    },\n    hasColoredIcon (): boolean {\n      return (\n        this.hasText ||\n        (Boolean(this.border) && this.coloredBorder)\n      )\n    },\n    hasText (): boolean {\n      return this.text || this.outlined\n    },\n    iconColor (): string | undefined {\n      return this.hasColoredIcon ? this.computedColor : undefined\n    },\n    isDark (): boolean {\n      if (\n        this.type &&\n        !this.coloredBorder &&\n        !this.outlined\n      ) return true\n\n      return Themeable.options.computed.isDark.call(this)\n    },\n  },\n\n  created () {\n    /* istanbul ignore next */\n    if (this.$attrs.hasOwnProperty('outline')) {\n      breaking('outline', 'outlined', this)\n    }\n  },\n\n  methods: {\n    genWrapper (): VNode {\n      const children = [\n        this.$slots.prepend || this.__cachedIcon,\n        this.genContent(),\n        this.__cachedBorder,\n        this.$slots.append,\n        this.$scopedSlots.close\n          ? this.$scopedSlots.close({ toggle: this.toggle })\n          : this.__cachedDismissible,\n      ]\n\n      const data: VNodeData = {\n        staticClass: 'v-alert__wrapper',\n      }\n\n      return this.$createElement('div', data, children)\n    },\n    genContent (): VNode {\n      return this.$createElement('div', {\n        staticClass: 'v-alert__content',\n      }, this.$slots.default)\n    },\n    genAlert (): VNode {\n      let data: VNodeData = {\n        staticClass: 'v-alert',\n        attrs: {\n          role: 'alert',\n        },\n        on: this.listeners$,\n        class: this.classes,\n        style: this.styles,\n        directives: [{\n          name: 'show',\n          value: this.isActive,\n        }],\n      }\n\n      if (!this.coloredBorder) {\n        const setColor = this.hasText ? this.setTextColor : this.setBackgroundColor\n        data = setColor(this.computedColor, data)\n      }\n\n      return this.$createElement('div', data, [this.genWrapper()])\n    },\n    /** @public */\n    toggle () {\n      this.isActive = !this.isActive\n    },\n  },\n\n  render (h): VNode {\n    const render = this.genAlert()\n\n    if (!this.transition) return render\n\n    return h('transition', {\n      props: {\n        name: this.transition,\n        origin: this.origin,\n        mode: this.mode,\n      },\n    }, [render])\n  },\n})\n","import './_grid.sass'\n\nimport Grid from './grid'\n\nexport default Grid('flex')\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.billingAccount && _vm.billingAccountUsage)?_c('v-list',{attrs:{\"dense\":\"\"}},_vm._l((_vm.quotas),function(quota){return _c('v-list-item',{key:quota.name},[_c('v-list-item-content',[_c('span',{staticClass:\"font-weight-bold\"},[_vm._v(_vm._s(quota.title))])]),_c('v-list-item-content',{staticClass:\"align-end\"},[_c('v-progress-linear',{attrs:{\"rounded\":\"\",\"color\":_vm.getQuotaColour(\n            (quota.value /\n            quota.quota) *\n              100\n          ),\"height\":\"18\",\"value\":(quota.value /\n          quota.quota) *\n          100}},[_c('strong',[_vm._v(_vm._s(quota.value)+\"/\"+_vm._s(quota.quota))])])],1),_c('v-list-item-icon')],1)}),1):_vm._e()}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <v-list dense v-if=\"billingAccount && billingAccountUsage\">   \n    \n    <v-list-item v-for=\"quota in quotas\" :key=\"quota.name\">\n      <v-list-item-content>\n        <span class=\"font-weight-bold\">{{ quota.title }}</span>\n      </v-list-item-content>\n      <v-list-item-content class=\"align-end\">\n        <v-progress-linear\n          rounded\n          :color=\"\n            getQuotaColour(\n              (quota.value /\n              quota.quota) *\n                100\n            )\n          \"\n          height=\"18\"\n          :value=\"\n            (quota.value /\n            quota.quota) *\n            100\n          \"\n        >\n          <strong\n            >{{ quota.value }}/{{\n              quota.quota\n            }}</strong\n          >\n        </v-progress-linear>\n      </v-list-item-content>\n      <v-list-item-icon>\n        <!-- just for alignment, not editable -->\n      </v-list-item-icon>\n    </v-list-item>\n  </v-list>\n</template>\n\n<script>\nexport default {\n  props: {    \n    billingAccount: {\n      type: Object,\n      required: true,\n    },\n    billingAccountUsage: {\n      type: Object,\n      required: true,\n    },\n    billingAccountDetails: {\n      type: Boolean,      \n    },\n  },\n  computed: {\n    quotas() {\n      let usage = [        \n        {\n          title: 'Devices',\n          value: this.billingAccountUsage.devices,\n          quota: this.billingAccount.projectResourceQuota.devices,\n        },\n        {\n          title: 'Namespaces',\n          value: this.billingAccountUsage.namespaces,\n          quota: this.billingAccount.projectResourceQuota.namespaces,\n        },\n        {\n          title: 'Applications',\n          value: this.billingAccountUsage.applications,\n          quota: this.billingAccount.projectResourceQuota.applications,\n        },\n        {\n          title: 'Secrets',\n          value: this.billingAccountUsage.secrets,\n          quota: this.billingAccount.projectResourceQuota.secrets,\n        },\n        {\n          title: 'Monitors',\n          value: this.billingAccountUsage.deviceMonitors,\n          quota: this.billingAccount.projectResourceQuota.deviceMonitors,\n        },\n        {\n          title: 'Members',\n          value: this.billingAccountUsage.members,\n          quota: this.billingAccount.projectResourceQuota.members,\n        },\n      ]\n\n      if (this.billingAccountDetails) {\n        usage.push({\n          title: 'Projects',\n          value: this.billingAccountUsage.projects,\n          quota: this.billingAccount.projectResourceQuota.projects,\n        })\n      }\n\n      return usage\n    }\n  },\n  methods: {\n    getQuotaColour(usage) {\n      if (usage < 70) {\n        return 'green accent-3'\n      }\n      if (usage < 80) {\n        return 'amber lighten-1'\n      }\n\n      // return 'pink lighten-1'\n      return 'red darken-3'\n    },\n  },\n}\n</script>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BillingUsage.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BillingUsage.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./BillingUsage.vue?vue&type=template&id=02ecab3e&\"\nimport script from \"./BillingUsage.vue?vue&type=script&lang=js&\"\nexport * from \"./BillingUsage.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VList } from 'vuetify/lib/components/VList';\nimport { VListItem } from 'vuetify/lib/components/VList';\nimport { VListItemContent } from 'vuetify/lib/components/VList';\nimport { VListItemIcon } from 'vuetify/lib/components/VList';\nimport { VProgressLinear } from 'vuetify/lib/components/VProgressLinear';\ninstallComponents(component, {VList,VListItem,VListItemContent,VListItemIcon,VProgressLinear})\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[(_vm.billingAccount)?_c('v-layout',{staticClass:\"mb-3\",attrs:{\"wrap\":\"\"}},[_c('v-dialog',{attrs:{\"max-width\":\"500px\"},model:{value:(_vm.removePaymentMethodModal),callback:function ($$v) {_vm.removePaymentMethodModal=$$v},expression:\"removePaymentMethodModal\"}},[_c('v-card',[_c('v-card-title',[_vm._v(\"Confirmation Required\")]),_c('v-card-text',[_vm._v(\" Are you sure want to remove payment card \"+_vm._s(_vm.billingAccount.paymentMethodCardBrand)+\" ending in \"+_vm._s(_vm.billingAccount.paymentMethodCardLast4)+\"? Subscriptions without valid payment methods will be cancelled once the term ends. \")]),_c('v-card-actions',[_c('v-btn',{staticClass:\"primary--text\",attrs:{\"text\":\"\"},nativeOn:{\"click\":function($event){_vm.removePaymentMethodModal = false}}},[_vm._v(\"Cancel\")]),_c('v-spacer'),_c('v-btn',{staticClass:\"error white--text\",nativeOn:{\"click\":function($event){return _vm.deleteCardConfirmed()}}},[_vm._v(\" Remove \")])],1)],1)],1),_c('v-flex',{attrs:{\"lg8\":\"\",\"md12\":\"\",\"sm12\":\"\",\"pr-2\":\"\"}},[_c('v-card',{attrs:{\"flat\":\"\",\"outlined\":\"\",\"height\":\"100%\"}},[_c('v-card-title',{staticClass:\"ml-4\"},[_vm._v(\"Subscription Usage\")]),_c('v-card-text',[(_vm.billingAccountUsage)?_c('billing-usage',{attrs:{\"billingAccount\":_vm.billingAccount,\"billingAccountUsage\":_vm.billingAccountUsage,\"billingAccountDetails\":\"\"}}):_vm._e()],1)],1)],1),_c('v-flex',{attrs:{\"lg4\":\"\",\"md12\":\"\",\"sm12\":\"\",\"pr-2\":\"\"}},[_c('v-card',{attrs:{\"flat\":\"\",\"outlined\":\"\",\"height\":\"100%\"}},[_c('v-card-text',[_c('v-list',[_c('v-list-item',[_c('v-list-item-content',[_c('span',{staticClass:\"font-weight-bold\"},[_vm._v(\"Plan\")])]),_c('v-list-item-content',{staticClass:\"align-end\"},[(_vm.billingAccount.stripePlanId)?_c('span',[_vm._v(\" \"+_vm._s(_vm.$store.getters.getBillingPlan(_vm.billingAccount.stripePlanId) .name)+\" \"),_c('v-chip',{staticClass:\"ml-2 mb-1\",attrs:{\"small\":\"\",\"color\":_vm.getSubscriptionColour(\n                        _vm.billingAccount.stripeSubscriptionStatus\n                      ),\"outlined\":\"\"}},[_vm._v(\" \"+_vm._s(_vm.billingAccount.stripeSubscriptionStatus)+\" \")])],1):_c('span',[_vm._v(\"Free (no subscription)\")])]),_c('v-list-item-icon')],1),_c('v-list-item',[_c('v-list-item-content',[_c('span',{staticClass:\"font-weight-bold\"},[_vm._v(\"Next payment\")])]),_c('v-list-item-content',{staticClass:\"align-end\"},[_vm._v(\" \"+_vm._s(_vm._f(\"ymd\")(_vm.billingAccount.currentPeriodEnd))+\" \")]),_c('v-list-item-icon')],1),_c('v-list-item',[_c('v-list-item-content',[_c('span',{staticClass:\"font-weight-bold\"},[_vm._v(\"Billing Account ID\")])]),_c('v-list-item-content',{staticClass:\"align-end\"},[_vm._v(\" \"+_vm._s(_vm.billingAccount.id)+\" \")]),_c('v-list-item-icon')],1),(_vm.billingAccount.paymentMethodId)?_c('v-list-item',[_c('v-list-item-content',[_c('span',{staticClass:\"font-weight-bold\"},[_vm._v(\"Card\")])]),_c('v-list-item-content',{staticClass:\"align-center\"},[_vm._v(\" \"+_vm._s(_vm.billingAccount.paymentMethodCardBrand)+\" ending in \"+_vm._s(_vm.billingAccount.paymentMethodCardLast4)+\" \")]),_c('v-list-item-icon',[_c('v-icon',{staticClass:\"mr-2\",attrs:{\"small\":\"\"},on:{\"click\":function($event){return _vm.deleteCardIntent(_vm.billingAccount.id)}}},[_vm._v(\" mdi-delete \")])],1)],1):_vm._e(),(_vm.billingAccount.paymentMethodId)?_c('v-list-item',[_c('v-list-item-content',[_c('span',{staticClass:\"font-weight-bold\"},[_vm._v(\"Card expires\")])]),_c('v-list-item-content',{staticClass:\"align-center\"},[_vm._v(\" \"+_vm._s(_vm.billingAccount.paymentMethodCardExpMonth)+\"/\"+_vm._s(_vm.billingAccount.paymentMethodCardExpYear)+\" \")]),_c('v-list-item-icon')],1):(_vm.billingAccount.stripePlanId !== '' && _vm.$store.getters.getBillingPlan(_vm.billingAccount.stripePlanId).name !== 'Free')?_c('v-list-item',[_c('v-list-item-content',[_c('v-alert',{staticClass:\"mr-2\",attrs:{\"dense\":\"\",\"type\":\"warning\",\"outlined\":\"\"}},[_vm._v(\" There is no card attached to your subscription. Once the current period ends, you will not be able to use the project. \")])],1)],1):_vm._e(),_c('v-list-item',[_c('v-list-item-content'),_c('v-btn',{staticClass:\"primary--text mr-2\",attrs:{\"small\":\"\",\"outlined\":\"\",\"to\":{\n                      name: 'plans',                        \n                    },\"router\":\"\"}},[_vm._v(\" Change Plan \")]),_c('v-btn',{staticClass:\"primary--text\",attrs:{\"small\":\"\",\"outlined\":\"\",\"disabled\":_vm.billingAccount.paymentMethodId != ''},on:{\"click\":function($event){return _vm.addCard(_vm.billingAccount.id)}}},[_vm._v(\" Add New Card \")])],1)],1)],1)],1)],1),_c('v-flex',{attrs:{\"lg8\":\"\",\"md12\":\"\",\"sm12\":\"\"}},[_c('v-card',{staticClass:\"mt-2 mr-2\",attrs:{\"flat\":\"\",\"outlined\":\"\",\"height\":\"100%\"}},[_c('v-card-title',{staticClass:\"mt-4\"},[_vm._v(\" Projects \")]),(!_vm.billingAccount.projects || _vm.billingAccount.projects.length === 0)?_c('v-card-text',[_c('v-layout',[_c('p',{staticClass:\"grey--text\"},[_vm._v(\" Here you will see projects to this billing account. \")])])],1):_vm._e(),(_vm.billingAccount.projects && _vm.billingAccount.projects.length > 0)?_c('v-card-text',[_c('v-data-table',{key:_vm.tableKey,attrs:{\"dense\":\"\",\"headers\":_vm.headers,\"items\":_vm.billingAccount.projects,\"search\":_vm.e3},scopedSlots:_vm._u([{key:\"top\",fn:function(){return [_c('v-layout',[_c('p',{staticClass:\"grey--text\"},[_vm._v(\" Projects that belong to this billing account. Your devices and team member quotas are shared across. \")])])]},proxy:true},{key:\"item.id\",fn:function(ref){\n                    var item = ref.item;\nreturn [_c('router-link',{attrs:{\"to\":{\n                  name: 'projectDetails',\n                  params: {\n                    project: item.id,\n                  },\n                }}},[_vm._v(_vm._s(item.name))])]}},{key:\"item.createdAt\",fn:function(ref){\n                var item = ref.item;\nreturn [_c('v-tooltip',{key:item.id,attrs:{\"top\":\"\"},scopedSlots:_vm._u([{key:\"activator\",fn:function(ref){\n                var tooltip = ref.on;\nreturn [_c('span',_vm._g({},Object.assign({}, tooltip)),[_vm._v(\" \"+_vm._s(_vm._f(\"ago\")(item.createdAt))+\" \")])]}}],null,true)},[_c('span',[_vm._v(_vm._s(_vm._f(\"date\")(item.createdAt)))])])]}}],null,true)})],1):_vm._e()],1)],1)],1):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    \n      <v-layout\n        class=\"mb-3\"\n        wrap\n        \n        v-if=\"billingAccount\"\n      >\n        <!-- payment method delete confirmation modal -->\n        <v-dialog v-model=\"removePaymentMethodModal\" max-width=\"500px\">\n          <v-card>\n            <v-card-title>Confirmation Required</v-card-title>\n            <v-card-text>\n              Are you sure want to remove payment card\n              {{ billingAccount.paymentMethodCardBrand }} ending in\n              {{ billingAccount.paymentMethodCardLast4 }}? Subscriptions without\n              valid payment methods will be cancelled once the term ends.\n            </v-card-text>\n            <v-card-actions>\n              <v-btn\n                text\n                v-on:click.native=\"removePaymentMethodModal = false\"\n                class=\"primary--text\"\n                >Cancel</v-btn\n              >\n              <v-spacer> </v-spacer>\n              <v-btn\n                v-on:click.native=\"deleteCardConfirmed()\"\n                class=\"error white--text\"\n              >\n                Remove\n              </v-btn>\n            </v-card-actions>\n          </v-card>\n        </v-dialog>\n\n        <v-flex lg8 md12 sm12 pr-2>\n          <v-card flat outlined height=\"100%\">\n            <v-card-title class=\"ml-4\">Subscription Usage</v-card-title>\n\n            <v-card-text>\n              <billing-usage\n                v-if=\"billingAccountUsage\"\n                :billingAccount=\"billingAccount\"\n                :billingAccountUsage=\"billingAccountUsage\"\n                billingAccountDetails\n              ></billing-usage>\n            </v-card-text>\n\n          </v-card>\n        \n        \n        </v-flex>\n\n        <v-flex lg4 md12 sm12 pr-2>\n          <v-card flat outlined height=\"100%\">\n          <v-card-text>\n            <v-list>\n              <!-- Plan -->\n              <v-list-item>\n                <v-list-item-content>\n                  <span class=\"font-weight-bold\">Plan</span>\n                </v-list-item-content>\n                <v-list-item-content class=\"align-end\">\n                  <span v-if=\"billingAccount.stripePlanId\">\n                    {{\n                      $store.getters.getBillingPlan(billingAccount.stripePlanId)\n                        .name\n                    }}\n                    <v-chip\n                      small\n                      :color=\"\n                        getSubscriptionColour(\n                          billingAccount.stripeSubscriptionStatus\n                        )\n                      \"\n                      outlined\n                      class=\"ml-2 mb-1\"\n                    >\n                      {{ billingAccount.stripeSubscriptionStatus }}\n                    </v-chip>                    \n                  </span>\n                  <span v-else>Free (no subscription)</span>\n                </v-list-item-content>\n                <v-list-item-icon> </v-list-item-icon>\n              </v-list-item>\n              <!-- Period start -->\n              <v-list-item>\n                <v-list-item-content>\n                  <span class=\"font-weight-bold\">Next payment</span>\n                </v-list-item-content>\n                <v-list-item-content class=\"align-end\">\n                  {{ billingAccount.currentPeriodEnd | ymd }}\n                </v-list-item-content>\n                <v-list-item-icon></v-list-item-icon>\n              </v-list-item>\n              <!-- Account ID -->\n              <v-list-item>\n                <v-list-item-content>\n                  <span class=\"font-weight-bold\">Billing Account ID</span>\n                </v-list-item-content>\n                <v-list-item-content class=\"align-end\">\n                  {{ billingAccount.id }}\n                </v-list-item-content>\n                <v-list-item-icon> </v-list-item-icon>\n              </v-list-item>\n              <!-- Payment details -->\n\n              <!-- Card information -->\n              <v-list-item v-if=\"billingAccount.paymentMethodId\">\n                <v-list-item-content>\n                  <span class=\"font-weight-bold\">Card</span>\n                </v-list-item-content>\n                <v-list-item-content class=\"align-center\">\n                  {{ billingAccount.paymentMethodCardBrand }} ending in\n                  {{ billingAccount.paymentMethodCardLast4 }}\n                </v-list-item-content>\n                <v-list-item-icon>\n                  <v-icon\n                    small\n                    class=\"mr-2\"\n                    @click=\"deleteCardIntent(billingAccount.id)\"\n                  >\n                    mdi-delete\n                  </v-icon>\n                </v-list-item-icon>\n              </v-list-item>\n\n              <v-list-item v-if=\"billingAccount.paymentMethodId\">\n                <v-list-item-content>\n                  <span class=\"font-weight-bold\">Card expires</span>\n                </v-list-item-content>\n                <v-list-item-content class=\"align-center\">\n                  {{ billingAccount.paymentMethodCardExpMonth }}/{{\n                    billingAccount.paymentMethodCardExpYear\n                  }}\n                </v-list-item-content>\n                <v-list-item-icon> </v-list-item-icon>\n              </v-list-item>\n              <!-- If no card info is added, showing warning -->\n              <v-list-item v-else-if=\"billingAccount.stripePlanId !== '' && $store.getters.getBillingPlan(billingAccount.stripePlanId).name !== 'Free'\">\n                <v-list-item-content>\n                  <v-alert dense type=\"warning\" outlined class=\"mr-2\">\n                    There is no card attached to your subscription. Once the\n                    current period ends, you will not be able to use the\n                    project.\n                  </v-alert>\n                </v-list-item-content>\n              </v-list-item>\n\n              <!-- Add new card -->    \n              <v-list-item >                \n                <v-list-item-content> </v-list-item-content>\n                <v-btn\n                      class=\"primary--text mr-2\"\n                      small\n                      outlined\n                      :to=\"{\n                        name: 'plans',                        \n                      }\"\n                      router\n                    >\n                      Change Plan\n                    </v-btn>\n\n                  <v-btn\n                    class=\"primary--text\"\n                    small\n                    outlined\n                    @click=\"addCard(billingAccount.id)\"\n                    :disabled=\"billingAccount.paymentMethodId != ''\"\n                  >\n                    Add New Card\n                  </v-btn>                \n              </v-list-item>\n            </v-list>\n          </v-card-text>\n        </v-card>\n        </v-flex>\n\n        <v-flex lg8 md12 sm12>\n          <v-card flat outlined class=\"mt-2 mr-2\" height=\"100%\">\n          <v-card-title class=\"mt-4\">\n            Projects\n          </v-card-title>\n          <v-card-text v-if=\"!billingAccount.projects || billingAccount.projects.length === 0\">\n            <v-layout>\n              <p class=\"grey--text\">\n                Here you will see projects to this billing account. \n              </p>\n            </v-layout>\n          </v-card-text>\n          <v-card-text v-if=\"billingAccount.projects && billingAccount.projects.length > 0\">\n            <v-data-table\n              dense\n              :key=\"tableKey\"\n              :headers=\"headers\"\n              :items=\"billingAccount.projects\"\n              :search=\"e3\"\n            >\n              <template v-slot:top>\n                <v-layout>\n                  <p class=\"grey--text\">\n                    Projects that belong to this billing account. Your devices and team member quotas are shared across.\n                  </p>\n                </v-layout>\n              </template>\n\n              <template v-slot:[`item.id`]=\"{ item }\">\n                <router-link\n                  :to=\"{\n                    name: 'projectDetails',\n                    params: {\n                      project: item.id,\n                    },\n                  }\"\n                  >{{ item.name }}</router-link\n                >\n              </template>\n\n              <template v-slot:[`item.createdAt`]=\"{ item }\">\n                <v-tooltip top :key=\"item.id\">\n                  <template v-slot:activator=\"{ on: tooltip }\">\n                    <span v-on=\"{ ...tooltip }\">\n                      {{ item.createdAt | ago }}\n                    </span>\n                  </template>\n                  <span>{{ item.createdAt | date }}</span>\n                </v-tooltip>\n              </template>\n\n              \n            </v-data-table>\n          </v-card-text>\n          </v-card>\n        </v-flex>\n      </v-layout>\n    \n  </div>\n</template>\n\n<script>\nimport BillingUsage from '../projects/BillingUsage';\n\nexport default {\n  components: {\n    BillingUsage,\n  },\n  data() {\n    return {\n      tableKey: '',\n      e3: null,\n      headers: [\n        { text: 'Name', align: 'left', value: 'id', sortable: true },\n        { text: 'Devices', value: 'deviceCount', align: 'left' },\n        { text: 'Applications', value: 'applicationCount', align: 'left' },\n        { text: 'Monitors', value: 'deviceMonitorsCount', align: 'left' },\n        { text: 'Members', value: 'membersCount', align: 'left' },\n        { text: 'Created', value: 'createdAt', align: 'right' },\n        // { text: '', value: 'actions', sortable: false, align: 'right' }\n      ],\n      modal: false,\n\n      removePaymentMethodModal: false,\n      removePaymentMethodBillingAccountId: '',\n    }\n  },\n\n  watch: {\n    removePaymentMethodModal(val) {\n      val || this.cancelPaymentMethodDeletion()\n    },\n  },\n\n  computed: {\n    loading() {\n      return this.$store.state.billing.loading\n    },\n    error() {\n      return this.$store.state.billing.error\n    },\n    billingAccount() {\n      return this.$store.state.billing.billingAccount\n    },\n    billingAccountUsage() {\n      return this.$store.state.billing.billingUsage\n    },\n  },\n\n  mounted() {\n    this.refresh()\n  },\n\n  methods: {\n    async refresh() {\n      this.$store.dispatch('GetBillingAccount', {\n        full: true,\n      })\n      this.$store.dispatch('GetBillingUsage', {\n        projectId: '',\n      })\n      this.$store.dispatch('ListBillingPlans')\n    },\n    deleteCardIntent(billingAccountID) {\n      this.removePaymentMethodBillingAccountId = billingAccountID\n      this.removePaymentMethodModal = true\n    },\n    async deleteCardConfirmed() {\n      await this.$store.dispatch('RemovePaymentMethod', {\n        id: this.removePaymentMethodBillingAccountId\n      })\n      this.refresh()\n      this.$store.dispatch('Notify', `Card removed from the account`)\n      this.cancelPaymentMethodDeletion()\n    },\n    cancelPaymentMethodDeletion() {\n      this.removePaymentMethodModal = false\n      this.removePaymentMethodBillingAccountId = ''\n    },\n    addCard(billingAccountId) {\n      this.$store.dispatch('SetupCheckoutSession', {\n        id: billingAccountId,\n        projectId: '', // Not setting, this will default us to return the customer back to /profile\n      })\n    },\n    // async unlinkProject(billingAccountId, projectId) {\n    //   await this.$store.dispatch('UnlinkProjectFromBillingAccount', {\n    //     id: billingAccountId,\n    //     projectId: projectId,\n    //   })\n    //   await this.refresh()\n\n    //   this.$store.dispatch('Notify', `Project ${projectId} unlinked from the billing account`)\n    // },\n    getSubscriptionColour(status) {\n      // Switch between active, canceled, incomplete, incomplete_expired, trialing, past_due, unpaid\n      switch (status) {\n        case 'active':\n          return 'green accent-3'\n        case 'canceled':\n          return 'red darken-3'\n        case 'incomplete':\n          return 'amber lighten-1'\n        case 'incomplete_expired':\n          return 'amber lighten-1'\n        case 'trialing':\n          return 'green accent-3'\n        case 'past_due':\n          return 'amber lighten-1'\n        case 'unpaid':\n          return 'amber lighten-1'\n        default:\n          return 'amber lighten-1'\n      }\n    },\n  }\n}\n\n</script>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BillingAccounts.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BillingAccounts.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./BillingAccounts.vue?vue&type=template&id=fbaf77a4&\"\nimport script from \"./BillingAccounts.vue?vue&type=script&lang=js&\"\nexport * from \"./BillingAccounts.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VAlert } from 'vuetify/lib/components/VAlert';\nimport { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VCard } from 'vuetify/lib/components/VCard';\nimport { VCardActions } from 'vuetify/lib/components/VCard';\nimport { VCardText } from 'vuetify/lib/components/VCard';\nimport { VCardTitle } from 'vuetify/lib/components/VCard';\nimport { VChip } from 'vuetify/lib/components/VChip';\nimport { VDataTable } from 'vuetify/lib/components/VDataTable';\nimport { VDialog } from 'vuetify/lib/components/VDialog';\nimport { VFlex } from 'vuetify/lib/components/VGrid';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VLayout } from 'vuetify/lib/components/VGrid';\nimport { VList } from 'vuetify/lib/components/VList';\nimport { VListItem } from 'vuetify/lib/components/VList';\nimport { VListItemContent } from 'vuetify/lib/components/VList';\nimport { VListItemIcon } from 'vuetify/lib/components/VList';\nimport { VSpacer } from 'vuetify/lib/components/VGrid';\nimport { VTooltip } from 'vuetify/lib/components/VTooltip';\ninstallComponents(component, {VAlert,VBtn,VCard,VCardActions,VCardText,VCardTitle,VChip,VDataTable,VDialog,VFlex,VIcon,VLayout,VList,VListItem,VListItemContent,VListItemIcon,VSpacer,VTooltip})\n","import './_grid.sass'\n\nimport Grid from './grid'\n\nexport default Grid('layout')\n"],"sourceRoot":""}