diff --git a/packages/builder/src/components/portal/licensing/LicensingOverlays.svelte b/packages/builder/src/components/portal/licensing/LicensingOverlays.svelte index bcafd92a85..7c5c254069 100644 --- a/packages/builder/src/components/portal/licensing/LicensingOverlays.svelte +++ b/packages/builder/src/components/portal/licensing/LicensingOverlays.svelte @@ -8,7 +8,6 @@ import { ExpiringKeys } from "./constants" import { getBanners } from "./licensingBanners" import { banner } from "@budibase/bbui" - import { FEATURE_FLAGS, isEnabled } from "../../../helpers/featureFlags" const oneDayInSeconds = 86400 @@ -18,8 +17,8 @@ let paymentFailedModal let accountDowngradeModal let userLoaded = false - let loaded = false let licensingLoaded = false + let domLoaded = false let currentModalCfg = null const processModals = () => { @@ -82,12 +81,17 @@ } } + $: if (!userLoaded && $auth.user) { + userLoaded = true + } + $: if ( userLoaded && - licensingLoaded && - loaded && - isEnabled(FEATURE_FLAGS.LICENSING) + $licensing.usageMetrics && + domLoaded && + !licensingLoaded ) { + licensingLoaded = true queuedModals = processModals() queuedBanners = getBanners() showNextModal() @@ -95,18 +99,7 @@ } onMount(async () => { - auth.subscribe(state => { - if (state.user && !userLoaded) { - userLoaded = true - } - }) - - licensing.subscribe(state => { - if (state.usageMetrics && !licensingLoaded) { - licensingLoaded = true - } - }) - loaded = true + domLoaded = true }) diff --git a/packages/builder/src/pages/builder/portal/apps/create.svelte b/packages/builder/src/pages/builder/portal/apps/create.svelte index 2dda17875b..00b446b02a 100644 --- a/packages/builder/src/pages/builder/portal/apps/create.svelte +++ b/packages/builder/src/pages/builder/portal/apps/create.svelte @@ -45,7 +45,7 @@ }) const initiateAppCreation = () => { - if ($licensing.usageMetrics.apps >= 100) { + if ($licensing?.usageMetrics?.apps >= 100) { appLimitModal.show() } else { template = null @@ -60,7 +60,7 @@ } const initiateAppImport = () => { - if ($licensing.usageMetrics.apps >= 100) { + if ($licensing?.usageMetrics?.apps >= 100) { appLimitModal.show() } else { template = { fromFile: true } diff --git a/packages/builder/src/pages/builder/portal/apps/index.svelte b/packages/builder/src/pages/builder/portal/apps/index.svelte index e4cacada81..99721e980d 100644 --- a/packages/builder/src/pages/builder/portal/apps/index.svelte +++ b/packages/builder/src/pages/builder/portal/apps/index.svelte @@ -127,7 +127,7 @@ } const initiateAppCreation = async () => { - if ($licensing.usageMetrics.apps >= 100) { + if ($licensing?.usageMetrics?.apps >= 100) { appLimitModal.show() } else if ($apps?.length) { $goto("/builder/portal/apps/create") diff --git a/packages/builder/src/stores/portal/licensing.js b/packages/builder/src/stores/portal/licensing.js index 680ae8a38c..9bf71a4d4e 100644 --- a/packages/builder/src/stores/portal/licensing.js +++ b/packages/builder/src/stores/portal/licensing.js @@ -17,7 +17,7 @@ export const createLicensingStore = () => { // the currently used quotas from the db quotaUsage: undefined, // derived quota metrics for percentages used - usageMetrics: {}, + usageMetrics: undefined, // quota reset quotaResetDaysRemaining: undefined, quotaResetDate: undefined,