{"version":3,"file":"account-upgrade.js","sources":["../Account/AccountUpgrade/AccountUpgrade.access.ts","../Account/AccountUpgrade/AccountUpgrade.vue","../Account/AccountUpgrade/AccountUpgrade.entry.ts"],"sourcesContent":["import { api } from '@cwd/lib/main';\r\nimport { CreditCardReference } from '@cwd/Account/CreditCards/CreditCards.access';\r\n\r\nexport interface UpgradeLimitReference {\r\n    ContactsLimit: number | null;\r\n    EmailLimit: number | null;\r\n    Tier: string | null;\r\n    Feature: string | null;\r\n}\r\n\r\nexport interface UpgradeReference {\r\n    CanUpgrade: string;\r\n    ReasonForNotUpgrading: string;\r\n    NextServiceLevelPrice: ServiceLevelPrice;\r\n}\r\n\r\nexport interface ServiceLevelPrice {\r\n    Currency: Currency;\r\n    MonthlyPrice: number;\r\n    NextPaymentAmount: number;\r\n    NextPaymentDate: Date;\r\n    CreditAmount: number;\r\n    OverDraftAmount: number;\r\n    UpgradeAmount: number;\r\n    DaysToPayOldLevel: number;\r\n    DaysToPayNewLevel: number;\r\n    DaysToGiveCreditFor: number;\r\n    PaidUntil: Date | null;\r\n    ServiceLevel: ServiceLevel;\r\n    ServiceLevelPriceId: number;\r\n    ServiceSubscriptionTier: ServiceSubscriptionTier;\r\n    TotalDue: number;\r\n    TotalExclVat: number;\r\n    VatAmount: number;\r\n    VatPercentage: number;\r\n}\r\n\r\nexport interface Currency {\r\n    CurrencyCode: string;\r\n    Name: string;\r\n    RateToEur: number;\r\n}\r\n\r\nexport interface ServiceLevel {\r\n    ServiceLevelId: string;\r\n    Name: string;\r\n    ContactLimit: number;\r\n    EmailLimit: number;\r\n}\r\n\r\nexport interface ServiceSubscriptionTier {\r\n    ServiceSubscriptionTierId: string;\r\n    Name: string;\r\n    IsFree: boolean;\r\n    Version: number;\r\n    RequiresBanner: boolean;\r\n}\r\n\r\nexport interface AccountUpgradeReference {\r\n    ServiceLevelPrice: ServiceLevelPrice;\r\n    CreditCard: CreditCardReference;\r\n    PayByInvoice: boolean;\r\n    SuccessfulPaymentUrl: string;\r\n    CancelledPaymentUrl: string;\r\n    InitiatedUrl: string;\r\n    LimitInfo: UpgradeLimitReference | null;\r\n}\r\n\r\nexport async function getNextServiceLevelPrice(upgradeLimitReference: UpgradeLimitReference): Promise<UpgradeReference> {\r\n    return api.post('/Accounts/Current/NextServiceLevelPrice', upgradeLimitReference);\r\n}\r\n\r\nexport async function upgradeAccount(accountUpgradeReference: AccountUpgradeReference): Promise<string> {\r\n    return api.post('/Accounts/Upgrade', accountUpgradeReference);\r\n}\r\n","<script setup lang=\"ts\">\r\n    import { computed, inject, onMounted, reactive } from 'vue';\r\n    import {\r\n        getNextServiceLevelPrice,\r\n        UpgradeLimitReference,\r\n        UpgradeReference,\r\n        upgradeAccount,\r\n        AccountUpgradeReference,\r\n    } from '@cwd/Account/AccountUpgrade/AccountUpgrade.access';\r\n    import selectCreditCards from '@cwd/Account/CreditCards/SelectCreditCard.vue';\r\n    import { CreditCardReference } from '@cwd/Account/CreditCards/CreditCards.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 { ContextAccess } from '@shared/Root/Context.access';\r\n    import { Permissions } from '@shared/Root/Permissions';\r\n\r\n    const injectorAccess = inject(injectorAccessInjectionKey)!;\r\n    const scopeAccess: ScopeAccess = injectorAccess.injector.get(ScopeAccess);\r\n    const contextAccess: ContextAccess = injectorAccess.injector.get(ContextAccess);\r\n\r\n    const props = defineProps<{\r\n        currentServiceSubscription: any;\r\n    }>();\r\n\r\n    const state = reactive<{\r\n        selectedLimit: number;\r\n        slider: number;\r\n        loading: boolean;\r\n        upgradeReference: UpgradeReference | null;\r\n        noUpgradeNeeded: boolean;\r\n        noAvailableUpgrades: boolean;\r\n        upgradingByInvoice: boolean;\r\n        failedPayment: boolean;\r\n        technicalError: boolean;\r\n        termsAccepted: boolean;\r\n        selectedCreditCard: CreditCardReference | null;\r\n        upgradeLimitReference: UpgradeLimitReference | null;\r\n        hasScope: boolean;\r\n    }>({\r\n        selectedLimit: 1000,\r\n        slider: 1,\r\n        loading: false,\r\n        upgradeReference: null,\r\n        noUpgradeNeeded: false,\r\n        noAvailableUpgrades: false,\r\n        upgradingByInvoice: false,\r\n        failedPayment: false,\r\n        technicalError: false,\r\n        termsAccepted: false,\r\n        selectedCreditCard: null,\r\n        upgradeLimitReference: null,\r\n        hasScope: false,\r\n    });\r\n\r\n    onMounted(async () => {\r\n        state.loading = true;\r\n\r\n        let urlParams = new URLSearchParams(window.location.search);\r\n        var contactsLimit = urlParams.get('contactsLimit');\r\n        var emailLimit = urlParams.get('emailLimit');\r\n        var feature = urlParams.get('feature');\r\n        var tier = urlParams.get('tier');\r\n\r\n        state.upgradeLimitReference = {\r\n            ContactsLimit: contactsLimit != null ? +contactsLimit : null,\r\n            EmailLimit: emailLimit != null ? +emailLimit : null,\r\n            Feature: feature,\r\n            Tier: tier,\r\n        };\r\n\r\n        const requireScopeParams: vRequireScopeParams = {\r\n            Feature: 'Account',\r\n            Permission: Permissions.Write,\r\n        };\r\n        state.hasScope = scopeAccess.hasScope(requireScopeParams);\r\n\r\n        await getNextServiceLevelPrice(state.upgradeLimitReference)\r\n            .then((result) => {\r\n                state.upgradeReference = result;\r\n\r\n                if (!state.upgradeReference.CanUpgrade) {\r\n                    if (state.upgradeReference.ReasonForNotUpgrading.indexOf('maximum') >= 0) state.noAvailableUpgrades = true;\r\n                    else state.noUpgradeNeeded = true;\r\n                }\r\n            })\r\n            .finally(() => (state.loading = false));\r\n\r\n        if (props.currentServiceSubscription.DefaultPaymentMethod != 'CreditCard') state.upgradingByInvoice = true;\r\n    });\r\n\r\n    const showUpgradePart = computed(() => {\r\n        return !state.noUpgradeNeeded && !state.noAvailableUpgrades && state.hasScope;\r\n    });\r\n\r\n    const showMoneyPart = computed(() => {\r\n        if (props.currentServiceSubscription.Status == 1 || props.currentServiceSubscription.Status == 2) return true;\r\n\r\n        return props.currentServiceSubscription.ServiceLevelPrice.ServiceLevelPriceId !== state.upgradeReference?.NextServiceLevelPrice.ServiceLevelPriceId;\r\n    });\r\n\r\n    const upgradeButtonEnabled = computed(() => {\r\n        return (\r\n            state.termsAccepted &&\r\n            !state.upgradingByInvoice &&\r\n            !state.noUpgradeNeeded &&\r\n            state.selectedCreditCard != null &&\r\n            contextAccess.state.currentAccount?.Status === 2\r\n        );\r\n    });\r\n\r\n    async function upgrade(): Promise<void> {\r\n        if (state.upgradeReference == null) return;\r\n        if (state.selectedCreditCard == null) return;\r\n\r\n        state.loading = true;\r\n\r\n        let accountUpgradeReference: AccountUpgradeReference = {\r\n            ServiceLevelPrice: state.upgradeReference.NextServiceLevelPrice,\r\n            CreditCard: state.selectedCreditCard,\r\n            SuccessfulPaymentUrl: '/Account/Upgraded',\r\n            CancelledPaymentUrl: '/Account/CancelledPayment',\r\n            InitiatedUrl: window.location.href,\r\n            PayByInvoice: false,\r\n            LimitInfo: state.upgradeLimitReference,\r\n        };\r\n\r\n        await upgradeAccount(accountUpgradeReference)\r\n            .then((transactionId) => {\r\n                document.location = '/Account/PaymentCompleted/' + transactionId;\r\n            })\r\n            .finally(() => (state.loading = false));\r\n    }\r\n\r\n    function creditCardSelected(selectedCreditCard: CreditCardReference): void {\r\n        state.selectedCreditCard = selectedCreditCard;\r\n    }\r\n\r\n    const paidUntilString = (): string => {\r\n        if (state.upgradeReference == null || state.upgradeReference.NextServiceLevelPrice.PaidUntil == null) return '';\r\n\r\n        return $Resources.UpgradeAccountCurrentPlanPaidUntilLabel.replace(\r\n            '{{PaidUntil}}',\r\n            formatDate(new Date(state.upgradeReference.NextServiceLevelPrice.PaidUntil))\r\n        ).replace('{{PaidDays}}', state.upgradeReference.NextServiceLevelPrice.DaysToGiveCreditFor.toString());\r\n    };\r\n\r\n    const paidUntilOverdueString = (): string => {\r\n        if (state.upgradeReference == null || state.upgradeReference.NextServiceLevelPrice.PaidUntil == null) return '';\r\n\r\n        return $Resources.UpgradeAccountCurrentPlanOverdueLabel.replace(\r\n            '{{PaidUntil}}',\r\n            formatDate(new Date(state.upgradeReference.NextServiceLevelPrice.PaidUntil))\r\n        ).replace('{{PaidDays}}', state.upgradeReference.NextServiceLevelPrice.DaysToPayOldLevel.toString());\r\n    };\r\n\r\n    const upgradeChargeString = (): string => {\r\n        if (state.upgradeReference == null) return '';\r\n\r\n        return $Resources.UpgradeAccountCurrentPlanUpgradeChargeLabel.replace(\r\n            '{{ServiceLevel}}',\r\n            state.upgradeReference.NextServiceLevelPrice.ServiceSubscriptionTier.Name + ' ' + state.upgradeReference.NextServiceLevelPrice.ServiceLevel.Name\r\n        ).replace('{{DaysToPayNewLevel}}', state.upgradeReference.NextServiceLevelPrice.DaysToPayNewLevel.toString());\r\n    };\r\n\r\n    const oneTimeChargeString = (): string => {\r\n        if (state.upgradeReference == null || state.upgradeReference.NextServiceLevelPrice == null) return '';\r\n\r\n        return $Resources.UpgradeAccountAcceptOneTimeChargeMessage.replace(\r\n            '{{TotalDue}}',\r\n            state.upgradeReference.NextServiceLevelPrice.TotalDue.toFixed(2)\r\n        ).replace('{{CurrencyCode}}', state.upgradeReference.NextServiceLevelPrice.Currency.CurrencyCode.toString());\r\n    };\r\n\r\n    const recurringChargeString = (): string => {\r\n        if (state.upgradeReference == null || state.upgradeReference.NextServiceLevelPrice == null) return '';\r\n\r\n        return $Resources.UpgradeAccountAcceptRecurringChargeMessage.replace(\r\n            '{{NextPaymentDate}}',\r\n            formatDate(new Date(state.upgradeReference.NextServiceLevelPrice.NextPaymentDate))\r\n        )\r\n            .replace('{{NextPaymentAmount}}', state.upgradeReference.NextServiceLevelPrice.NextPaymentAmount.toFixed(2))\r\n            .replace('{{CurrencyCode}}', state.upgradeReference.NextServiceLevelPrice.Currency.CurrencyCode.toString());\r\n    };\r\n\r\n    function formatMoney(currency: string, number: number): string {\r\n        let numberInCurrency = new Intl.NumberFormat(navigator.language, { style: 'currency', currency: currency, maximumFractionDigits: 2 }).format(number);\r\n\r\n        return numberInCurrency;\r\n    }\r\n\r\n    function formatDate(date: Date): string {\r\n        const options: Intl.DateTimeFormatOptions = { year: 'numeric', month: 'long', day: 'numeric' };\r\n\r\n        return date.toLocaleDateString(navigator.language, options);\r\n    }\r\n</script>\r\n\r\n<template>\r\n    <div class=\"text-center\">\r\n        <svg\r\n            class=\"ug-logo-inline d-inline-block img-responsive\"\r\n            xmlns=\"http://www.w3.org/2000/svg\"\r\n            xmlns:xlink=\"http://www.w3.org/1999/xlink\"\r\n            version=\"1.1\"\r\n            id=\"Layer_1\"\r\n            x=\"0px\"\r\n            y=\"0px\"\r\n            viewBox=\"0 0 602 130.7\"\r\n            style=\"enable-background: new 0 0 602 130.7\"\r\n            xml:space=\"preserve\">\r\n            <g>\r\n                <path\r\n                    class=\"st0\"\r\n                    d=\"M204.6,91.8h-9.9l-0.1-7.3c-2.9,5.1-8.8,8.5-15.7,8.5c-6.3,0-11-1.9-14.1-5.9c-2.5-3.3-3.7-8.6-3.7-15.7V40.9   h10.2V71c0,8.2,2.4,13.5,10.6,13.5c8.5,0,12.6-7,12.6-16.3V40.9h9.9l0.1,7.3c2.9-5.1,8.8-8.5,15.7-8.5c6.3,0,11,1.9,14.1,5.9   c2.5,3.3,3.7,8.6,3.7,15.7v30.5h-10.2v-30c0-8.2-2.4-13.5-10.6-13.5c-8.4,0-12.6,7-12.6,16.3V91.8L204.6,91.8z\" />\r\n                <path\r\n                    class=\"st0\"\r\n                    d=\"M300.9,41v40.1c0,10.2-1.8,17.5-5.6,21.9c-5.2,6.5-12.8,9.7-22.7,9.7c-8,0-15.6-2.6-22.7-7.6l4.8-7.2   c1.6,1.4,4.2,2.9,7.7,4.3s7.1,2.1,10.5,2.1c6.3,0,11-1.8,13.9-5.6c2.6-3.1,3.9-7.9,3.9-14.2v-2.6h-0.2c-4.1,6.1-9.9,9.1-17.8,9.1   c-6.8,0-12.6-2.4-17.4-7c-4.7-4.6-7.1-10.8-7.1-18.6s2.4-14,7.1-18.6c4.8-4.6,10.6-7,17.4-7c8.2,0,14.4,3.7,17.8,9h0.3l-0.1-8h10.2   V41z M258.7,65.6c0,9.9,6,17.2,16.2,17.2S291,75.5,291,65.6s-6-17.3-16.1-17.3C264.9,48.3,258.7,55.7,258.7,65.6\" />\r\n                <path\r\n                    class=\"st0\"\r\n                    d=\"M354.5,91.8h-9.9l-0.1-6.4c-4.8,5-10.2,7.6-16.1,7.6c-4.9,0-9.1-1.4-12.5-4.3c-3.3-2.9-5-6.6-5-11.4   c0-9.7,7.6-15,19.9-15.5l13.6-0.5v-2c0-7.4-4.9-11.6-12.6-11.6c-5.5,0-10.6,1.5-15.3,4.4l-3.1-6.8c6-3.4,12.3-5.1,19-5.1   c7.4,0,12.9,1.9,16.8,5.8c3.6,3.7,5.5,9.3,5.5,16.5L354.5,91.8L354.5,91.8z M344.4,67.5l-11.9,0.8c-7.7,0.4-11.6,3.3-11.6,8.8   c0,5,4,8.8,10.5,8.8c5.3,0,9.6-2.5,12.9-7.4v-11H344.4z\" />\r\n                <path\r\n                    class=\"st0\"\r\n                    d=\"M413.9,85.5c-4.5,5-10.5,7.5-17.9,7.5c-7.8,0-13.6-3-17.5-9.1l-0.1-0.1v27.9h-10.3V41h9.8v8h0.2   c4.5-6,10.5-9,18.1-9c7.4,0,13.3,2.5,17.8,7.5c4.5,4.9,6.7,11.2,6.7,18.8C420.8,74.1,418.5,80.5,413.9,85.5 M410.3,66.3   c0-5.2-1.5-9.5-4.4-12.8s-6.7-5-11.8-5c-5,0-9,1.7-11.9,5s-4.3,7.6-4.3,12.8s1.4,9.5,4.3,12.9c2.9,3.3,6.8,5,11.9,5   c5,0,8.9-1.7,11.8-5C408.8,75.8,410.3,71.5,410.3,66.3\" />\r\n                <path\r\n                    class=\"st0\"\r\n                    d=\"M477.7,85.5c-4.5,5-10.5,7.5-17.9,7.5c-7.8,0-13.6-3-17.5-9.1l-0.1-0.1v27.9h-10.3V41h9.8v8h0.2   c4.5-6,10.5-9,18.1-9c7.4,0,13.3,2.5,17.8,7.5c4.5,4.9,6.7,11.2,6.7,18.8C484.5,74.1,482.3,80.5,477.7,85.5 M474,66.3   c0-5.2-1.5-9.5-4.4-12.8s-6.7-5-11.8-5s-9,1.7-11.9,5s-4.3,7.6-4.3,12.8s1.4,9.5,4.3,12.9c2.9,3.3,6.8,5,11.9,5c5,0,8.9-1.7,11.8-5   C472.5,75.8,474,71.5,474,66.3\" />\r\n                <path\r\n                    class=\"st0\"\r\n                    d=\"M541.3,68.9h-39.1c0.5,9.9,7,16.1,16.4,16.1c9.5,0.1,15.6-5.2,16.8-5.9l4.3,5.9l-0.4,0.4   c-1.7,1.7-8.5,7.6-21.9,7.6c-7.6,0-13.7-2.5-18.4-7.3c-4.7-4.8-7.1-11.3-7.1-19.4c0-7.8,2.5-14.2,7.4-19c5-4.8,11.1-7.3,18.4-7.3   c7.1,0,12.8,2.2,17.3,6.8c4.5,4.5,6.7,10.3,6.7,17.4L541.3,68.9z M531.9,62c-0.1-3.4-1.4-6.7-4-9.8c-2.5-3.1-6.1-4.7-10.7-4.7   s-8.2,1.5-10.8,4.6c-2.6,3-4,6.3-4.2,9.9L531.9,62L531.9,62z\" />\r\n                <path\r\n                    class=\"st0\"\r\n                    d=\"M601,18v73.8h-9.8v-8.1H591c-4.2,6.2-10.1,9.3-17.9,9.3c-7.4,0-13.4-2.5-18-7.5c-4.5-5-6.7-11.4-6.7-19.1   c0-7.6,2.2-13.9,6.7-18.8c4.5-5,10.4-7.5,17.8-7.5c7.8,0,13.8,3,17.8,8.9h0.2V18H601L601,18z M591.2,66.3c0-5.2-1.5-9.5-4.4-12.8   s-6.7-5-11.8-5c-5,0-9,1.7-11.9,5s-4.3,7.6-4.3,12.8s1.4,9.5,4.3,12.9c2.9,3.3,6.8,5,11.9,5c5,0,8.9-1.7,11.8-5   C589.7,75.8,591.2,71.5,591.2,66.3\" />\r\n                <path\r\n                    class=\"st1\"\r\n                    d=\"M98.4,53.8V64c0,17-13.8,30.7-30.7,30.7S37,80.9,37,64V28.2c0-4.2-3.4-7.7-7.7-7.7c-4.2,0-7.7,3.4-7.7,7.7   v35.9c0,25.4,20.7,46.1,46.1,46.1s46.1-20.7,46.1-46.1V28.2c0-4.2-3.4-7.7-7.7-7.7c-4.2,0-7.7,3.4-7.7,7.7v10   c0,1.4-1.1,2.6-2.6,2.6s-2.6-1.1-2.6-2.6v-10c0-7.1,5.8-12.9,12.8-12.9c7.1,0,12.8,5.7,12.8,12.8V64c0,28.2-23,51.2-51.2,51.2   S16.4,92.3,16.4,64V28.2c0-7.1,5.7-12.8,12.8-12.8c7-0.1,12.8,5.7,12.8,12.8v35.9c0,14.1,11.5,25.6,25.6,25.6s25.6-11.5,25.6-25.6   V59c0-4.2-3.4-7.7-7.7-7.7c-4.2,0-7.7,3.4-7.7,7.7v5.1c0,5.6-4.6,10.2-10.3,10.2s-10.2-4.6-10.2-10.2V28.2C57.3,12.7,44.7,0,29.1,0   C13.6,0,1,12.6,1,28.2v35.9c0,36.7,29.9,66.6,66.6,66.6s66.6-29.9,66.6-66.6V28.2C134.2,12.7,121.6,0,106,0   C90.5,0,77.8,12.6,77.8,28.2v15.1c0,1.4,1.1,2.6,2.6,2.6c1.4,0,2.6-1.1,2.6-2.6V28.2c0-12.8,10.3-23.1,23-23.1s23.1,10.3,23.1,23.1   v35.9c0,33.9-27.6,61.5-61.5,61.5S6.1,98,6.1,64.1V28.2c0-12.7,10.3-23.1,23.1-23.1c12.7,0,23.1,10.3,23.1,23.1v35.9   c0,8.5,6.9,15.4,15.4,15.4S83,72.5,83,64v-5.1c0-1.4,1.1-2.6,2.6-2.6c1.4,0,2.6,1.1,2.6,2.6V64c0,11.3-9.2,20.5-20.5,20.5   S47.2,75.3,47.2,64V28.2c0-9.9-8-17.9-17.9-17.9s-17.9,8-17.9,17.9v35.9c0,31.1,25.3,56.4,56.4,56.4s56.4-25.3,56.4-56.4V28.2   c0-9.9-8-17.9-17.9-17.9s-17.9,8-17.9,17.9v10c0,4.2,3.4,7.7,7.7,7.7c4.2,0,7.7-3.4,7.7-7.7v-10c0-1.4,1.1-2.6,2.6-2.6   c1.4,0,2.6,1.1,2.6,2.6v35.9c0,22.6-18.4,41-41,41s-41-18.4-41-41V28.2c0-1.4,1.1-2.6,2.6-2.6c1.4,0,2.6,1.1,2.6,2.6v35.9   c0,19.8,16.1,35.9,35.9,35.9S104,83.9,104,64.1V53.8c0-1.4-1.1-2.6-2.6-2.6C99.5,51.2,98.4,52.4,98.4,53.8\" />\r\n            </g>\r\n        </svg>\r\n    </div>\r\n    <h1 class=\"h2 text-center m-xl-t m-xl-b\">{{ $Resources.UpgradeAccountHeading }}</h1>\r\n\r\n    <Loading :show=\"state.loading\"></Loading>\r\n\r\n    <div v-if=\"!state.loading\">\r\n        <div class=\"alert alert-info alert-fixed-i m-0-b\" v-if=\"!state.hasScope\">\r\n            <p>\r\n                <i class=\"fa fa-info-circle\" aria-hidden=\"true\"></i>\r\n                <span v-html=\"$Resources.OnlyAdminsCanUpgradeMessage\"></span>\r\n            </p>\r\n            <div class=\"form-group\">\r\n                <a href=\"/Dashboard\" class=\"btn btn-info btn-sm\">{{ $Resources.BackToDashboardBtn }}</a>\r\n            </div>\r\n        </div>\r\n\r\n        <div class=\"alert alert-info alert-fixed-i m-0-b\" v-if=\"state.noAvailableUpgrades\">\r\n            <p>\r\n                <i class=\"fa fa-info-circle\" aria-hidden=\"true\"></i>\r\n                <span v-html=\"$Resources.NoAvailableUpgradesMessage\"></span>\r\n            </p>\r\n            <div class=\"form-group\">\r\n                <a href=\"/Dashboard\" class=\"btn btn-info btn-sm\">{{ $Resources.BackToDashboardBtn }}</a>\r\n            </div>\r\n        </div>\r\n\r\n        <div class=\"alert alert-info alert-fixed-i\" v-if=\"state.noUpgradeNeeded\">\r\n            <p>\r\n                <i class=\"fa fa-info-circle\" aria-hidden=\"true\"></i>\r\n                <span v-html=\"$Resources.NoNeedToUpgradeMessage\"></span>\r\n            </p>\r\n            <div class=\"form-group\">\r\n                <a href=\"/Dashboard\" class=\"btn btn-info btn-sm\">{{ $Resources.BackToDashboardBtn }}</a>\r\n            </div>\r\n        </div>\r\n\r\n        <div v-if=\"showUpgradePart && state.upgradeReference\">\r\n            <div class=\"d-flex flex-wrap gap-lg flex-even text-center\">\r\n                <div class=\"hidden-xs\" v-if=\"contextAccess.state.currentAccount?.ServiceSubscriptionStatus !== 1\">\r\n                    <p class=\"c-light\">{{ $Resources.UpgradeAccountCurrentSubscriptionLabel }}</p>\r\n                    <div class=\"panel panel-default\">\r\n                        <div class=\"panel-heading\">\r\n                            <h3 class=\"panel-title\">\r\n                                {{ props.currentServiceSubscription.ServiceLevelPrice.ServiceSubscriptionTier.Name }}\r\n                                {{ props.currentServiceSubscription.ServiceLevelPrice.ServiceLevel.Name }}\r\n                            </h3>\r\n                        </div>\r\n                        <div class=\"panel-body p-sm-t p-sm-b\">\r\n                            <p class=\"h1 m-0-t m-xs-b\">{{ props.currentServiceSubscription.MonthlyPrice }}</p>\r\n                            <p class=\"meta\">{{ props.currentServiceSubscription.ServiceLevelPrice.Currency.CurrencyCode }}/{{ $Resources.PerMonthLabel }}</p>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                <div>\r\n                    <p class=\"c-light\">{{ $Resources.UpgradeAccountNewSubscriptionLabel }}</p>\r\n                    <div class=\"panel panel-primary\">\r\n                        <div class=\"panel-heading\">\r\n                            <h3 class=\"panel-title\">\r\n                                {{ state.upgradeReference.NextServiceLevelPrice.ServiceSubscriptionTier.Name }}\r\n                                {{ state.upgradeReference.NextServiceLevelPrice.ServiceLevel.Name }}\r\n                            </h3>\r\n                        </div>\r\n                        <div class=\"panel-body p-sm-t p-sm-b\">\r\n                            <p class=\"h1 m-0-t m-xs-b\">{{ state.upgradeReference.NextServiceLevelPrice.MonthlyPrice }}</p>\r\n                            <p class=\"meta\">{{ state.upgradeReference.NextServiceLevelPrice.Currency.CurrencyCode }}/{{ $Resources.PerMonthLabel }}</p>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n\r\n            <div v-if=\"showMoneyPart\">\r\n                <div>\r\n                    <div class=\"table-responsive m-0-t m-lg-b\">\r\n                        <ul class=\"list text-lg fw-600 m-0-all text-nowrap b-0-t\">\r\n                            <li class=\"list-row\">\r\n                                <div class=\"list-cell\">\r\n                                    <span>\r\n                                        {{ state.upgradeReference.NextServiceLevelPrice.ServiceSubscriptionTier.Name }}\r\n                                        {{ state.upgradeReference.NextServiceLevelPrice.ServiceLevel.Name }}\r\n                                    </span>\r\n                                </div>\r\n                                <div class=\"list-cell text-right\"></div>\r\n                            </li>\r\n                            <li class=\"list-row\" v-if=\"state.upgradeReference.NextServiceLevelPrice.DaysToPayOldLevel > 0\">\r\n                                <div class=\"list-cell text-md p-sm-t p-sm-b normal\">\r\n                                    <span>\r\n                                        {{ paidUntilOverdueString() }}\r\n                                    </span>\r\n                                </div>\r\n                                <div class=\"list-cell text-md p-sm-t p-sm-b normal text-right\">\r\n                                    <span>\r\n                                        {{\r\n                                            formatMoney(\r\n                                                state.upgradeReference.NextServiceLevelPrice.Currency.CurrencyCode,\r\n                                                state.upgradeReference.NextServiceLevelPrice.OverDraftAmount\r\n                                            )\r\n                                        }}\r\n                                    </span>\r\n                                </div>\r\n                            </li>\r\n\r\n                            <li class=\"list-row\" v-if=\"state.upgradeReference.NextServiceLevelPrice.DaysToPayNewLevel > 0\">\r\n                                <div class=\"list-cell text-md p-sm-t p-sm-b normal text-nowrap\">\r\n                                    <span>\r\n                                        {{ upgradeChargeString() }}\r\n                                    </span>\r\n                                </div>\r\n                                <div class=\"list-cell text-md p-sm-t p-sm-b normal text-right\">\r\n                                    <span>\r\n                                        {{\r\n                                            formatMoney(\r\n                                                state.upgradeReference.NextServiceLevelPrice.Currency.CurrencyCode,\r\n                                                state.upgradeReference.NextServiceLevelPrice.UpgradeAmount\r\n                                            )\r\n                                        }}\r\n                                    </span>\r\n                                </div>\r\n                            </li>\r\n\r\n                            <li class=\"list-row\" v-if=\"state.upgradeReference.NextServiceLevelPrice.DaysToGiveCreditFor > 0\">\r\n                                <div class=\"list-cell text-md p-sm-t p-sm-b normal text-nowrap\">\r\n                                    <span>\r\n                                        {{ paidUntilString() }}\r\n                                    </span>\r\n                                </div>\r\n                                <div class=\"list-cell text-md p-sm-t p-sm-b normal text-right\">\r\n                                    <span>\r\n                                        -{{\r\n                                            formatMoney(\r\n                                                state.upgradeReference.NextServiceLevelPrice.Currency.CurrencyCode,\r\n                                                state.upgradeReference.NextServiceLevelPrice.CreditAmount\r\n                                            )\r\n                                        }}\r\n                                    </span>\r\n                                </div>\r\n                            </li>\r\n\r\n                            <li class=\"list-row\" v-if=\"state.upgradeReference.NextServiceLevelPrice.VatAmount > 0\">\r\n                                <div class=\"list-cell text-md p-sm-t p-sm-b normal\">\r\n                                    {{ $Resources.VatLabel }}\r\n                                </div>\r\n                                <div class=\"list-cell text-md p-sm-t p-sm-b normal text-right\">\r\n                                    <span>\r\n                                        {{\r\n                                            formatMoney(\r\n                                                state.upgradeReference.NextServiceLevelPrice.Currency.CurrencyCode,\r\n                                                state.upgradeReference.NextServiceLevelPrice.VatAmount\r\n                                            )\r\n                                        }}\r\n                                    </span>\r\n                                </div>\r\n                            </li>\r\n                            <li class=\"list-row list-row-summary p-relative\">\r\n                                <div class=\"list-cell b-0-b\">\r\n                                    {{ $Resources.TotalDueLabel }}\r\n                                </div>\r\n                                <div class=\"list-cell b-0-b text-right\">\r\n                                    <span>\r\n                                        {{\r\n                                            formatMoney(\r\n                                                state.upgradeReference.NextServiceLevelPrice.Currency.CurrencyCode,\r\n                                                state.upgradeReference.NextServiceLevelPrice.TotalDue\r\n                                            )\r\n                                        }}\r\n                                    </span>\r\n                                </div>\r\n                            </li>\r\n                        </ul>\r\n                    </div>\r\n\r\n                    <!-- <div class=\"form-group\"\r\n\t\t\t\t\t\tdata-bind=\"visible: $root.CurrentAccount() && TotalDue <= $root.CurrentServiceSubscription().InvoiceLimit\">\r\n\t\t\t\t\t\t<div class=\"checkbox\">\r\n\t\t\t\t\t\t\t<label>\r\n\t\t\t\t\t\t\t\t<input type=\"checkbox\"\r\n\t\t\t\t\t\t\t\t\tdata-bind=\"checked: $root.AccountUpgrade().PayByInvoice\" />\r\n\t\t\t\t\t\t\t\t{{ $Resources.PayByInvoiceLabel\r\n\t\t\t\t\t\t\t</label>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div> -->\r\n\r\n                    <div>\r\n                        <div v-if=\"props.currentServiceSubscription.DefaultPaymentMethod == 'CreditCard'\">\r\n                            <selectCreditCards\r\n                                @creditCardSelected=\"creditCardSelected\"\r\n                                :selectedCreditCardId=\"state.selectedCreditCard?.CreditCardId\"\r\n                                :currentAccount=\"contextAccess.state.currentAccount\"></selectCreditCards>\r\n\r\n                            <ul class=\"list-checklist list-unstyled\">\r\n                                <li>\r\n                                    <span v-html=\"oneTimeChargeString()\"></span>\r\n                                </li>\r\n                                <li>\r\n                                    <span v-html=\"recurringChargeString()\"></span>\r\n                                </li>\r\n                            </ul>\r\n                        </div>\r\n\r\n                        <div class=\"alert alert-danger alert-fixed-i\" v-if=\"state.upgradingByInvoice\">\r\n                            <i class=\"fa fa-ban\" aria-hidden=\"true\"></i>\r\n                            <span v-html=\"$Resources.UpgradingByInvoiceMessage\"></span>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n\r\n                <div class=\"alert alert-danger alert-fixed-i\" v-if=\"state.failedPayment\">\r\n                    <i class=\"fa fa-ban\" aria-hidden=\"true\"></i>\r\n                    <span v-html=\"$Resources.AutoPaymentFailedMessage\"></span>\r\n                </div>\r\n\r\n                <div class=\"alert alert-danger alert-fixed-i\" v-if=\"state.technicalError\">\r\n                    <i class=\"fa fa-ban\" aria-hidden=\"true\"></i>\r\n                    <span v-html=\"$Resources.PaymentFailedDueToTechnicalErrorMessage\"></span>\r\n                </div>\r\n\r\n                <div class=\"form-group\">\r\n                    <div class=\"checkbox slide-toggle\">\r\n                        <label class=\"label-lg\">\r\n                            <input type=\"checkbox\" v-model=\"state.termsAccepted\" />\r\n                            <span class=\"toggle\"></span>\r\n                            <span v-html=\"$Resources.UpgradeAccountAcceptTermsLabel\"></span>\r\n                        </label>\r\n                    </div>\r\n                </div>\r\n\r\n                <div class=\"form-group\">\r\n                    <button class=\"btn btn-cta btn-lg btn-block\" @click=\"upgrade()\" :disabled=\"!upgradeButtonEnabled\">\r\n                        {{ $Resources.UpgradeAccountPayAndUpgradeBtn }}\r\n                    </button>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<style lang=\"less\">\r\n    .st0 {\r\n        fill: #1f1c26;\r\n    }\r\n    .st1 {\r\n        fill: #1fa9b0;\r\n    }\r\n</style>\r\n","import { rootElement } from '@shared/setup';\r\nimport AccountUpgrade from '@cwd/Account/AccountUpgrade/AccountUpgrade.vue';\r\n\r\nconst initAccountUpgrade = async () => {\r\n    rootElement({\r\n        name: 'AccountUpgrade', // pascal, camel & kebab-case are valid\r\n        component: AccountUpgrade,\r\n        vm: {},\r\n        contextComponents: ['<div>Waiting...</div>'],\r\n    });\r\n};\r\n\r\ninitAccountUpgrade();\r\n"],"names":["getNextServiceLevelPrice","upgradeLimitReference","api","upgradeAccount","accountUpgradeReference","injectorAccess","inject","injectorAccessInjectionKey","scopeAccess","ScopeAccess","contextAccess","ContextAccess","props","__props","state","reactive","onMounted","urlParams","contactsLimit","emailLimit","feature","tier","requireScopeParams","Permissions","result","showUpgradePart","computed","showMoneyPart","_a","upgradeButtonEnabled","upgrade","transactionId","creditCardSelected","selectedCreditCard","paidUntilString","formatDate","paidUntilOverdueString","upgradeChargeString","oneTimeChargeString","recurringChargeString","formatMoney","currency","number","date","options","initAccountUpgrade","rootElement","AccountUpgrade"],"mappings":"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"}