From 5a1e391752c70b0048787e4266be83cd41251cb0 Mon Sep 17 00:00:00 2001
From: Arman <arman@appwrite.io>
Date: Wed, 22 Jan 2025 15:30:09 +0100
Subject: [PATCH 1/4] chore: enable scale plan

---
 .../billing/planComparisonBox.svelte          |  6 +--
 .../components/billing/planSelection.svelte   | 46 ++++++++-----------
 src/routes/(console)/onboarding/+page.svelte  |  8 ++--
 3 files changed, 27 insertions(+), 33 deletions(-)

diff --git a/src/lib/components/billing/planComparisonBox.svelte b/src/lib/components/billing/planComparisonBox.svelte
index c48dabfc3..e297d8e75 100644
--- a/src/lib/components/billing/planComparisonBox.svelte
+++ b/src/lib/components/billing/planComparisonBox.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
     import { BillingPlan } from '$lib/constants';
     import { formatNum } from '$lib/helpers/string';
-    import { plansInfo, tierFree, tierPro, type Tier } from '$lib/stores/billing';
+    import { plansInfo, tierFree, tierPro, tierScale, type Tier } from '$lib/stores/billing';
     import { Card, SecondaryTabs, SecondaryTabsItem } from '..';
 
     let selectedTab: Tier = BillingPlan.FREE;
@@ -23,11 +23,11 @@
                 on:click={() => (selectedTab = BillingPlan.PRO)}>
                 {tierPro.name}
             </SecondaryTabsItem>
-            <!-- <SecondaryTabsItem
+            <SecondaryTabsItem
                 disabled={selectedTab === BillingPlan.SCALE}
                 on:click={() => (selectedTab = BillingPlan.SCALE)}>
                 {tierScale.name}
-            </SecondaryTabsItem> -->
+            </SecondaryTabsItem>
         </SecondaryTabs>
     </div>
 
diff --git a/src/lib/components/billing/planSelection.svelte b/src/lib/components/billing/planSelection.svelte
index 0d484a9b4..4a6e1f7ca 100644
--- a/src/lib/components/billing/planSelection.svelte
+++ b/src/lib/components/billing/planSelection.svelte
@@ -76,31 +76,25 @@
                 </svelte:fragment>
             </LabelCard>
         </li>
-        {#if $organization?.billingPlan === BillingPlan.SCALE}
-            <li>
-                <LabelCard
-                    name="plan"
-                    bind:group={billingPlan}
-                    value={BillingPlan.SCALE}
-                    padding={1.5}>
-                    <svelte:fragment slot="custom">
-                        <div class="u-flex u-flex-vertical u-gap-4 u-width-full-line">
-                            <h4 class="body-text-2 u-bold">
-                                {tierScale.name}
-                                {#if $organization?.billingPlan === BillingPlan.SCALE && !isNewOrg}
-                                    <span class="inline-tag">Current plan</span>
-                                {/if}
-                            </h4>
-                            <p class="u-color-text-offline u-small">
-                                {tierScale.description}
-                            </p>
-                            <p>
-                                {formatCurrency(scalePlan?.price ?? 0)} per month + usage
-                            </p>
-                        </div>
-                    </svelte:fragment>
-                </LabelCard>
-            </li>
-        {/if}
+        <li>
+            <LabelCard name="plan" bind:group={billingPlan} value={BillingPlan.SCALE} padding={1.5}>
+                <svelte:fragment slot="custom">
+                    <div class="u-flex u-flex-vertical u-gap-4 u-width-full-line">
+                        <h4 class="body-text-2 u-bold">
+                            {tierScale.name}
+                            {#if $organization?.billingPlan === BillingPlan.SCALE && !isNewOrg}
+                                <span class="inline-tag">Current plan</span>
+                            {/if}
+                        </h4>
+                        <p class="u-color-text-offline u-small">
+                            {tierScale.description}
+                        </p>
+                        <p>
+                            {formatCurrency(scalePlan?.price ?? 0)} per month + usage
+                        </p>
+                    </div>
+                </svelte:fragment>
+            </LabelCard>
+        </li>
     </ul>
 {/if}
diff --git a/src/routes/(console)/onboarding/+page.svelte b/src/routes/(console)/onboarding/+page.svelte
index b4a9b4aba..44009f404 100644
--- a/src/routes/(console)/onboarding/+page.svelte
+++ b/src/routes/(console)/onboarding/+page.svelte
@@ -33,11 +33,11 @@
               {
                   value: BillingPlan.PRO,
                   label: `${tierToPlan(BillingPlan.PRO).name} - ${formatCurrency($plansInfo.get(BillingPlan.PRO).price)} / month + add-ons`
+              },
+              {
+                  value: BillingPlan.SCALE,
+                  label: `${tierToPlan(BillingPlan.SCALE).name} - ${formatCurrency($plansInfo.get(BillingPlan.SCALE).price)}/month + usage`
               }
-              // {
-              //     value: BillingPlan.SCALE,
-              //     label: `${tierToPlan(BillingPlan.SCALE).name} - ${formatCurrency($plansInfo.get(BillingPlan.SCALE).price)}/month + usage`
-              // }
           ]
         : [];
 

From d0f9e0d69ed833f3de2fff406d36f0619c368c19 Mon Sep 17 00:00:00 2001
From: Arman <arman@appwrite.io>
Date: Wed, 22 Jan 2025 16:43:56 +0100
Subject: [PATCH 2/4] fix: design review from sara

---
 src/lib/components/billing/estimatedTotalBox.svelte         | 6 ++++--
 src/lib/components/billing/planComparisonBox.svelte         | 2 +-
 src/lib/layout/containerHeader.svelte                       | 2 +-
 .../organization-[organization]/change-plan/+page.svelte    | 4 ++--
 4 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/src/lib/components/billing/estimatedTotalBox.svelte b/src/lib/components/billing/estimatedTotalBox.svelte
index a6c8db6a7..474ed59f8 100644
--- a/src/lib/components/billing/estimatedTotalBox.svelte
+++ b/src/lib/components/billing/estimatedTotalBox.svelte
@@ -70,8 +70,10 @@
             >{!currentPlan.trialDays
                 ? toLocaleDate(billingPayDate.toString())
                 : toLocaleDate(trialEndDate.toString())}</span
-        >. Once your credits run out, you'll be charged
-        <span class="u-bold">{formatCurrency(currentPlan.price)}</span> plus usage fees every 30 days.
+        >. {#if couponData?.status === 'active'}Once your credits run out, you'll be charged
+            <span class="u-bold">{formatCurrency(currentPlan.price)}</span> plus usage fees every 30
+            days.
+        {/if}
     </p>
 
     <FormList class="u-margin-block-start-24">
diff --git a/src/lib/components/billing/planComparisonBox.svelte b/src/lib/components/billing/planComparisonBox.svelte
index e297d8e75..6d11df4fd 100644
--- a/src/lib/components/billing/planComparisonBox.svelte
+++ b/src/lib/components/billing/planComparisonBox.svelte
@@ -109,7 +109,7 @@
             <p class="u-margin-block-start-8">Everything in the Pro plan, plus:</p>
             <ul class="un-order-list u-margin-inline-start-4">
                 <li>Unlimited seats</li>
-                <li>Organization roles <span class="inline-tag">Coming soon</span></li>
+                <li>Organization roles</li>
                 <li>SOC-2, HIPAA compliance</li>
                 <li>SSO <span class="inline-tag">Coming soon</span></li>
                 <li>Priority support</li>
diff --git a/src/lib/layout/containerHeader.svelte b/src/lib/layout/containerHeader.svelte
index 2ac9e01ab..ee53418b9 100644
--- a/src/lib/layout/containerHeader.svelte
+++ b/src/lib/layout/containerHeader.svelte
@@ -159,7 +159,7 @@
                                     >Excess usage fees will apply</Button
                                 >.
                             </p>
-                        {:else}
+                        {:else if $organization?.billingPlan !== BillingPlan.SCALE}
                             <p class="text">
                                 You are limited to {limit}
                                 {title.toLocaleLowerCase()} per organization on the {tier} plan.
diff --git a/src/routes/(console)/organization-[organization]/change-plan/+page.svelte b/src/routes/(console)/organization-[organization]/change-plan/+page.svelte
index 1ec959e43..d8d1a413b 100644
--- a/src/routes/(console)/organization-[organization]/change-plan/+page.svelte
+++ b/src/routes/(console)/organization-[organization]/change-plan/+page.svelte
@@ -277,7 +277,7 @@
                         tier={BillingPlan.FREE}
                         class="u-margin-block-start-24"
                         members={data?.members?.total ?? 0} />
-                {:else if billingPlan === BillingPlan.PRO && $organization.billingPlan === BillingPlan.SCALE}
+                {:else if billingPlan === BillingPlan.PRO && $organization.billingPlan === BillingPlan.SCALE && collaborators?.length > 0}
                     {@const extraMembers = collaborators?.length ?? 0}
                     <Alert type="error" class="u-margin-block-start-24">
                         <svelte:fragment slot="title">
@@ -316,7 +316,7 @@
                     </Button>
                 {/if}
             {/if}
-            {#if isDowngrade}
+            {#if isDowngrade && billingPlan === BillingPlan.FREE}
                 <FormList class="u-margin-block-start-24">
                     <InputSelect
                         id="reason"

From 4c504de9b42eaa5b27aa5b7f3bf30e3a7f4abb4c Mon Sep 17 00:00:00 2001
From: Arman <arman@appwrite.io>
Date: Wed, 22 Jan 2025 16:50:30 +0100
Subject: [PATCH 3/4] chore: hide limits tag for scale plan

---
 src/lib/layout/containerHeader.svelte | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/lib/layout/containerHeader.svelte b/src/lib/layout/containerHeader.svelte
index ee53418b9..ab59f4780 100644
--- a/src/lib/layout/containerHeader.svelte
+++ b/src/lib/layout/containerHeader.svelte
@@ -129,7 +129,7 @@
                     <Pill button on:click={() => (showDropdown = !showDropdown)}>
                         <span class="icon-info" />{total}/{limit} created
                     </Pill>
-                {:else}
+                {:else if $organization?.billingPlan !== BillingPlan.SCALE}
                     <Pill button on:click={() => (showDropdown = !showDropdown)}>
                         <span class="icon-info" />Limits applied
                     </Pill>
@@ -159,7 +159,7 @@
                                     >Excess usage fees will apply</Button
                                 >.
                             </p>
-                        {:else if $organization?.billingPlan !== BillingPlan.SCALE}
+                        {:else}
                             <p class="text">
                                 You are limited to {limit}
                                 {title.toLocaleLowerCase()} per organization on the {tier} plan.

From f712ec5ea851ba034114f2fec4ffeb12dd344127 Mon Sep 17 00:00:00 2001
From: Arman <arman@appwrite.io>
Date: Thu, 23 Jan 2025 12:29:31 +0100
Subject: [PATCH 4/4] fix: redirect

---
 src/lib/helpers/pricingRedirect.ts                | 15 +++++++++++++--
 .../(console)/create-organization/+page.svelte    |  7 -------
 2 files changed, 13 insertions(+), 9 deletions(-)

diff --git a/src/lib/helpers/pricingRedirect.ts b/src/lib/helpers/pricingRedirect.ts
index 5de04212f..d301ff09b 100644
--- a/src/lib/helpers/pricingRedirect.ts
+++ b/src/lib/helpers/pricingRedirect.ts
@@ -4,10 +4,21 @@ import { base } from '$app/paths';
 export function checkPricingRefAndRedirect(searchParams: URLSearchParams, shouldRegister = false) {
     if (searchParams.has('type')) {
         const paramType = searchParams.get('type');
+        const hasPlan = searchParams.has('plan');
+        if (paramType === 'create') {
+            shouldRegister
+                ? goto(
+                      `${base}/register?type=create${hasPlan ? `&plan=${searchParams.get('plan')}` : ''}`
+                  )
+                : goto(
+                      `${base}/create-organization?type=create${hasPlan ? `&plan=${searchParams.get('plan')}` : ''}`
+                  );
+        }
+        //Legacy
         if (paramType === 'createPro') {
             shouldRegister
-                ? goto(`${base}/register?type=createPro`)
-                : goto(`${base}/create-organization?type=createPro`);
+                ? goto(`${base}/register?type=create&plan=tier-1`)
+                : goto(`${base}/create-organization?type=create&plan=tier-1`);
         }
     }
 }
diff --git a/src/routes/(console)/create-organization/+page.svelte b/src/routes/(console)/create-organization/+page.svelte
index 63cc1f210..62ac4e1a9 100644
--- a/src/routes/(console)/create-organization/+page.svelte
+++ b/src/routes/(console)/create-organization/+page.svelte
@@ -79,13 +79,6 @@
                 billingPlan = plan as BillingPlan;
             }
         }
-        if (
-            anyOrgFree ||
-            ($page.url.searchParams.has('type') &&
-                $page.url.searchParams.get('type') === 'createPro')
-        ) {
-            billingPlan = BillingPlan.PRO;
-        }
     });
 
     async function loadPaymentMethods() {