{"version":3,"file":"account-invoices.js","sources":["../Account/AccountInvoices/AccountInvoices.vue","../Account/AccountInvoices/AccountInvoices.entry.ts"],"sourcesContent":["<script setup lang=\"ts\">\r\n    import { $Resources } from '@cwd/lib/main';\r\n    import { inject, onMounted, reactive } from 'vue';\r\n    import { getInvoices, AccountInvoice } from './AccountInvoices.access';\r\n    import Loading from '@shared/components/Loading.vue';\r\n    import { ScopeAccess, vRequireScopeParams } from '@shared/directives/Scope.access';\r\n    import { injectorAccessInjectionKey } from '@cwd/lib/provider-keys';\r\n    import { FeatureService } from '@shared/directives/Feature.service';\r\n    import { Permissions } from '@shared/Root/Permissions';\r\n    import InvoicesTable from './InvoicesTable.vue';\r\n\r\n    const injectorAccess = inject(injectorAccessInjectionKey)!;\r\n    const scopeAccess: ScopeAccess = injectorAccess.injector.get(ScopeAccess);\r\n    const featureAccess: FeatureService = injectorAccess.injector.get(FeatureService);\r\n\r\n    const state = reactive<{\r\n        serviceSubscriptionId: string | null;\r\n        invoices: AccountInvoice[] | null;\r\n        isLoading: boolean;\r\n    }>({\r\n        serviceSubscriptionId: null,\r\n        invoices: null,\r\n        isLoading: false,\r\n    });\r\n\r\n    onMounted(async () => {\r\n        state.isLoading = true;\r\n\r\n        const requireScopeParams: vRequireScopeParams = {\r\n            Feature: 'Account',\r\n            Permission: Permissions.Read,\r\n        };\r\n        var hasScope = scopeAccess.hasScope(requireScopeParams);\r\n\r\n        if (viewModel?.SelectedClientCompany != null) {\r\n            state.serviceSubscriptionId = viewModel.SelectedClientCompany()?.ServiceSubscription.ServiceSubscriptionId();\r\n        }\r\n\r\n        if (hasScope) {\r\n            await getInvoices(state.serviceSubscriptionId, featureAccess.hasBackOfficeAccess())\r\n                .then((invoices) => {\r\n                    state.invoices = invoices;\r\n                })\r\n                .finally(() => (state.isLoading = false));\r\n        }\r\n    });\r\n</script>\r\n\r\n<template>\r\n    <h2 class=\"main-title\">{{ $Resources.InvoicesTab }}</h2>\r\n    <Loading :show=\"state.isLoading\"></Loading>\r\n    <InvoicesTable v-if=\"!state.isLoading\" :invoices=\"state.invoices\" :serviceSubscriptionId=\"state.serviceSubscriptionId\"></InvoicesTable>\r\n</template>\r\n<style></style>\r\n","import { rootElement } from '@shared/setup';\r\nimport AccountInvoices from '@cwd/Account/AccountInvoices/AccountInvoices.vue';\r\n\r\nconst initAccountInvoices = async () => {\r\n    rootElement({\r\n        name: 'account-invoices', // pascal, camel & kebab-case are valid\r\n        component: AccountInvoices,\r\n        vm: {},\r\n        contextComponents: ['<div>waiting</div>'],\r\n    });\r\n};\r\ninitAccountInvoices();\r\n"],"names":["injectorAccess","inject","injectorAccessInjectionKey","scopeAccess","ScopeAccess","featureAccess","FeatureService","state","reactive","onMounted","requireScopeParams","Permissions","hasScope","_a","getInvoices","invoices","initAccountInvoices","rootElement","AccountInvoices"],"mappings":"2kBAWU,MAAAA,EAAiBC,EAAOC,CAA0B,EAClDC,EAA2BH,EAAe,SAAS,IAAII,CAAW,EAClEC,EAAgCL,EAAe,SAAS,IAAIM,CAAc,EAE1EC,EAAQC,EAIX,CACC,sBAAuB,KACvB,SAAU,KACV,UAAW,EAAA,CACd,EAED,OAAAC,EAAU,SAAY,OAClBF,EAAM,UAAY,GAElB,MAAMG,EAA0C,CAC5C,QAAS,UACT,WAAYC,EAAY,IAC5B,EACI,IAAAC,EAAWT,EAAY,SAASO,CAAkB,GAElD,iCAAW,wBAAyB,OACpCH,EAAM,uBAAwBM,EAAA,UAAU,sBAAsB,IAAhC,YAAAA,EAAmC,oBAAoB,yBAGrFD,GACM,MAAAE,EAAYP,EAAM,sBAAuBF,EAAc,qBAAqB,EAC7E,KAAMU,GAAa,CAChBR,EAAM,SAAWQ,CACpB,CAAA,EACA,QAAQ,IAAOR,EAAM,UAAY,EAAM,CAChD,CACH,+PC1CCS,EAAsB,SAAY,CACxBC,EAAA,CACR,KAAM,mBACN,UAAWC,EACX,GAAI,CAAC,EACL,kBAAmB,CAAC,oBAAoB,CAAA,CAC3C,CACL,EACAF,EAAoB"}