Switch to isFreePlan for free plan checks

Replace direct BillingPlan.FREE checks with isFreePlan throughout UI and
routes to determine the Free tier.

Author: TorstenDittmann

src/lib/components/archiveProject.svelte

@@ -29,7 +29,6 @@
     import { getPlatformInfo } from '$lib/helpers/platform';
     import { Status, type Models } from '@appwrite.io/console';
     import type { ComponentType } from 'svelte';
-    import { BillingPlan } from '$lib/constants';
     import { goto } from '$app/navigation';
     import { base } from '$app/paths';
     import { sdk } from '$lib/stores/sdk';
@@ -97,7 +96,7 @@
     function isUnarchiveDisabled(): boolean {
         if (!organization || !currentPlan) return true;
 
-        if (organization.billingPlan === BillingPlan.FREE) {
+        if (isFreePlan(organization.billingPlan)) {
             const currentProjectCount = organization.projects?.length || 0;
             const projectLimit = currentPlan.projects || 0;
 
@@ -189,6 +188,7 @@
     }
 
     import { formatName as formatNameHelper } from '$lib/helpers/string';
+    import { isFreePlan } from '$lib/helpers/billing';
     function formatName(name: string, limit: number = 19) {
         return formatNameHelper(name, limit, $isSmallViewport);
     }

src/lib/components/backupDatabaseAlert.svelte

@@ -10,6 +10,7 @@
     import { backupsBannerId, showPolicyAlert } from '$lib/stores/database';
     import { IconX } from '@appwrite.io/pink-icons-svelte';
     import { Icon } from '@appwrite.io/pink-svelte';
+    import { isFreePlan } from '$lib/helpers/billing';
 
     function handleClose() {
         showPolicyAlert.set(false);
@@ -18,14 +19,14 @@
 </script>
 
 {#if $showPolicyAlert && isCloud && $organization?.$id && page.url.pathname.match(/\/databases\/database-[^/]+$/)}
-    {@const isFreePlan = $organization?.billingPlan === BillingPlan.FREE}
+    {@const isFree = isFreePlan($organization?.billingPlan)}
 
-    {@const subtitle = isFreePlan
+    {@const subtitle = isFree
         ? 'Upgrade your plan to ensure your data stays safe and backed up'
         : 'Protect your data by quickly adding a backup policy'}
 
-    {@const ctaText = isFreePlan ? 'Upgrade plan' : 'Create policy'}
-    {@const ctaURL = isFreePlan ? $upgradeURL : `${page.url.pathname}/backups`}
+    {@const ctaText = isFree ? 'Upgrade plan' : 'Create policy'}
+    {@const ctaURL = isFree ? $upgradeURL : `${page.url.pathname}/backups`}
 
     <HeaderAlert type="warning" title="Your database has no backup policy">
         <svelte:fragment>{subtitle}</svelte:fragment>
@@ -35,7 +36,7 @@
                     href={ctaURL}
                     secondary
                     fullWidthMobile
-                    event={isFreePlan ? 'backup_banner_upgrade' : 'backup_banner_add'}>
+                    event={isFree ? 'backup_banner_upgrade' : 'backup_banner_add'}>
                     <span class="text">{ctaText}</span>
                 </Button>
 

src/lib/components/backupRestoreBox.svelte

@@ -13,6 +13,7 @@
     import { getProjectId } from '$lib/helpers/project';
     import { toLocaleDate } from '$lib/helpers/date';
     import { Typography } from '@appwrite.io/pink-svelte';
+    import { isFreePlan } from '$lib/helpers/billing';
 
     const backupRestoreItems: {
         archives: Map<string, BackupArchive>;
@@ -125,7 +126,7 @@
 
     onMount(() => {
         // fast path: don't subscribe if org is on a free plan or is self-hosted.
-        if (isSelfHosted || (isCloud && $organization?.billingPlan === BillingPlan.FREE)) return;
+        if (isSelfHosted || (isCloud && isFreePlan($organization?.billingPlan))) return;
 
         return realtime.forProject(page.params.region, 'console', (response) => {
             if (!response.channels.includes(`projects.${getProjectId()}`)) return;

src/lib/components/billing/alerts/limitReached.svelte

@@ -4,12 +4,13 @@
     import { Click, trackEvent } from '$lib/actions/analytics';
     import { BillingPlan } from '$lib/constants';
     import { Button } from '$lib/elements/forms';
+    import { isFreePlan } from '$lib/helpers/billing';
     import { HeaderAlert } from '$lib/layout';
     import { hideBillingHeaderRoutes, readOnly, tierToPlan, upgradeURL } from '$lib/stores/billing';
     import { organization } from '$lib/stores/organization';
 </script>
 
-{#if $organization?.$id && $organization?.billingPlan === BillingPlan.FREE && $readOnly && !hideBillingHeaderRoutes.includes(page.url.pathname)}
+{#if $organization?.$id && isFreePlan($organization?.billingPlan) && $readOnly && !hideBillingHeaderRoutes.includes(page.url.pathname)}
     <HeaderAlert
         type="error"
         title={`${$organization.name} usage has reached the ${tierToPlan($organization.billingPlan).name} plan limit`}>

src/lib/components/billing/alerts/newDevUpgradePro.svelte

@@ -10,6 +10,7 @@
     import { isSmallViewport } from '$lib/stores/viewport';
     import { Layout, Typography } from '@appwrite.io/pink-svelte';
     import { resolvedProfile } from '$lib/profiles/index.svelte';
+    import { isFreePlan } from '$lib/helpers/billing';
 
     let show = true;
 
@@ -24,7 +25,7 @@
     }
 </script>
 
-{#if show && $organization?.$id && $organization?.billingPlan === BillingPlan.FREE && !page.url.pathname.includes(base + '/account')}
+{#if show && $organization?.$id && isFreePlan($organization?.billingPlan) && !page.url.pathname.includes(base + '/account')}
     <GradientBanner on:close={handleClose}>
         <Layout.Stack
             gap="m"

src/lib/components/billing/usageRates.svelte

@@ -7,6 +7,7 @@
     import { abbreviateNumber, formatCurrency, isWithinSafeRange } from '$lib/helpers/numbers';
     import { BillingPlan } from '$lib/constants';
     import { Table, Typography } from '@appwrite.io/pink-svelte';
+    import { isFreePlan } from '$lib/helpers/billing';
 
     export let show = false;
     export let org: Organization;
@@ -17,7 +18,7 @@
         ? new Date(new Date().getFullYear(), new Date().getMonth() + 1, 1).toString()
         : org?.billingNextInvoiceDate;
 
-    $: isFree = org.billingPlan === BillingPlan.FREE;
+    $: isFree = isFreePlan(org.billingPlan);
 
     // equal or above means unlimited!
     const getCorrectSeatsCountValue = (count: number): string | number => {

src/lib/components/roles/upgrade.svelte

@@ -6,12 +6,13 @@
     import { BillingPlan } from '$lib/constants';
     import Button from '$lib/elements/forms/button.svelte';
     import { Badge, Layout, Link, Typography } from '@appwrite.io/pink-svelte';
+    import { isFreePlan } from '$lib/helpers/billing';
 </script>
 
 <Base>
     <Layout.Stack gap="s">
         {#if isCloud}
-            {#if $organization?.billingPlan !== BillingPlan.FREE}
+            {#if !isFreePlan($organization?.billingPlan)}
                 <Typography.Text variant="m-600">Roles</Typography.Text>
                 <Typography.Text>Owner, Developer, Editor, Analyst and Billing.</Typography.Text>
                 <Typography.Text>

src/lib/helpers/billing.ts

@@ -0,0 +1,11 @@
+import { BillingPlan } from '@appwrite.io/console';
+
+export function isFreePlan(plan: BillingPlan | string): boolean {
+    switch (plan) {
+        case BillingPlan.Imaginebasic:
+        case BillingPlan.Tier0:
+            return true;
+        default:
+            return false;
+    }
+}

src/lib/layout/containerButton.svelte

@@ -1,17 +1,17 @@
 <script lang="ts">
     import { BillingPlan } from '$lib/constants';
     import { Button } from '$lib/elements/forms';
+    import { isFreePlan } from '$lib/helpers/billing';
     import { tierToPlan } from '$lib/stores/billing';
     import { organization } from '$lib/stores/organization';
     import { Tooltip } from '@appwrite.io/pink-svelte';
 
     export let title: string;
-    export let tooltipContent =
-        $organization?.billingPlan === BillingPlan.FREE
-            ? `Upgrade to add more ${title.toLocaleLowerCase()}`
-            : `You've reached the ${title.toLocaleLowerCase()} limit for the ${
-                  tierToPlan($organization?.billingPlan)?.name
-              } plan`;
+    export let tooltipContent = isFreePlan($organization?.billingPlan)
+        ? `Upgrade to add more ${title.toLocaleLowerCase()}`
+        : `You've reached the ${title.toLocaleLowerCase()} limit for the ${
+              tierToPlan($organization?.billingPlan)?.name
+          } plan`;
     export let disabled: boolean;
     export let buttonText: string;
     export let buttonMethod: () => void | Promise<void> = () => {};

src/lib/layout/containerHeader.svelte

@@ -21,6 +21,7 @@
     import { ContainerButton } from '.';
     import { goto } from '$app/navigation';
     import { Layout, Typography } from '@appwrite.io/pink-svelte';
+    import { isFreePlan } from '$lib/helpers/billing';
 
     export let title: string;
     export let serviceId = title.toLocaleLowerCase() as PlanServices;
@@ -68,7 +69,7 @@
     // these can be organization level limitations as well.
     // we need to migrate this sometime later, but soon!
     $: hasProjectLimitation =
-        checkForProjectLimitation(serviceId) && $organization?.billingPlan === BillingPlan.FREE;
+        checkForProjectLimitation(serviceId) && isFreePlan($organization?.billingPlan);
     $: hasUsageFees = hasProjectLimitation
         ? checkForUsageFees($organization?.billingPlan, serviceId)
         : false;
@@ -99,7 +100,7 @@
 
     {#if services.length}
         <slot name="alert" {limit} {tier} {title} {upgradeMethod} {hasUsageFees} {services}>
-            {#if $organization?.billingPlan !== BillingPlan.FREE && hasUsageFees}
+            {#if !isFreePlan($organization?.billingPlan) && hasUsageFees}
                 <Alert.Inline status="info">
                     <span class="text">
                         You've reached the {services} limit for the {tier} plan.
@@ -149,7 +150,7 @@
                             <p class="text">
                                 You are limited to {limit}
                                 {title.toLocaleLowerCase()} per project on the {tier} plan.
-                                {#if $organization?.billingPlan === BillingPlan.FREE}<Link
+                                {#if isFreePlan($organization?.billingPlan)}<Link
                                         href={$upgradeURL}
                                         event="organization_upgrade"
                                         eventData={{ from: 'button', source: 'resource_limit_tag' }}
@@ -169,7 +170,7 @@
                             <p class="text">
                                 You are limited to {limit}
                                 {title.toLocaleLowerCase()} per organization on the {tier} plan.
-                                {#if $organization?.billingPlan === BillingPlan.FREE}
+                                {#if isFreePlan($organization?.billingPlan)}
                                     <Link href={$upgradeURL}>Upgrade</Link>
                                     for additional {title.toLocaleLowerCase()}.
                                 {/if}