From 67aeaedb9ecb1fdbb8f5b60532f799c5d4a90348 Mon Sep 17 00:00:00 2001
From: Damodar Lohani <dlohani48@gmail.com>
Date: Mon, 20 Jan 2025 07:13:17 +0545
Subject: [PATCH] fixes to applying coupon

---
 src/lib/components/billing/estimatedTotal.svelte | 16 +++++++++++++++-
 .../(console)/create-organization/+page.svelte   | 14 ++------------
 .../change-plan/+page.svelte                     | 10 ++++++++++
 3 files changed, 27 insertions(+), 13 deletions(-)

diff --git a/src/lib/components/billing/estimatedTotal.svelte b/src/lib/components/billing/estimatedTotal.svelte
index fa7a3b34e..fef543608 100644
--- a/src/lib/components/billing/estimatedTotal.svelte
+++ b/src/lib/components/billing/estimatedTotal.svelte
@@ -1,9 +1,11 @@
 <script lang="ts">
     import { FormList, InputChoice, InputNumber } from "$lib/elements/forms";
+    import { toLocaleDate } from "$lib/helpers/date";
 
     // import { FormList, InputChoice } from "$lib/elements/forms";
     import { formatCurrency } from "$lib/helpers/numbers";
     import type { Estimation } from "$lib/sdk/billing";
+    import { organization } from "$lib/stores/organization";
     import { sdk } from "$lib/stores/sdk";
     import DiscountsApplied from "./discountsApplied.svelte";
 
@@ -13,6 +15,7 @@
     export let collaborators: string[];
     export let couponId: string;
     export let fixedCoupon = false;
+    export let isDowngrade = false;
 
     export let billingBudget: number;
 
@@ -41,7 +44,18 @@
 
 </script>
 
-{#if estimation}
+{#if isDowngrade}
+<section
+    class="card u-flex u-flex-vertical u-gap-8"
+    style:--p-card-padding="1.5rem"
+    style:--p-card-border-radius="var(--border-radius-small)">
+    <slot />
+    <p class="text u-margin-block-start-16">
+        Your change will take effect once your current billing cycle ends on <span class="u-bold">{toLocaleDate($organization.billingNextInvoiceDate)}</span>.
+    </p>
+</section>
+
+{:else if estimation}
 
 <section
     class="card u-flex u-flex-vertical u-gap-8"
diff --git a/src/routes/(console)/create-organization/+page.svelte b/src/routes/(console)/create-organization/+page.svelte
index 486af8500..b1a8f28c8 100644
--- a/src/routes/(console)/create-organization/+page.svelte
+++ b/src/routes/(console)/create-organization/+page.svelte
@@ -66,17 +66,7 @@
 
     onMount(async () => {
         if ($page.url.searchParams.has('coupon')) {
-            const coupon = $page.url.searchParams.get('coupon');
-            try {
-                const response = await sdk.forConsole.billing.getCoupon(coupon);
-                couponData = response;
-            } catch (e) {
-                couponData = {
-                    code: null,
-                    status: null,
-                    credits: null
-                };
-            }
+            couponId = $page.url.searchParams.get('coupon');
         }
         if ($page.url.searchParams.has('name')) {
             name = $page.url.searchParams.get('name');
@@ -152,7 +142,7 @@
                     billingPlan,
                     paymentMethodId,
                     null,
-                    couponData?.code,
+                    couponId,
                     collaborators,
                     billingBudget,
                     taxId
diff --git a/src/routes/(console)/organization-[organization]/change-plan/+page.svelte b/src/routes/(console)/organization-[organization]/change-plan/+page.svelte
index 025d73986..35c358b60 100644
--- a/src/routes/(console)/organization-[organization]/change-plan/+page.svelte
+++ b/src/routes/(console)/organization-[organization]/change-plan/+page.svelte
@@ -360,12 +360,22 @@
         <svelte:fragment slot="aside">
             {#if billingPlan !== BillingPlan.FREE && $organization.billingPlan !== billingPlan && $organization.billingPlan !== BillingPlan.CUSTOM && isUpgrade}
                 <EstimatedTotal
+                    {isDowngrade}
                     {billingBudget}
                     organizationId={$organization.$id}
                     {billingPlan}
                     {collaborators}
                     {couponId} />
             {:else if $organization.billingPlan !== BillingPlan.CUSTOM}
+                {#if isDowngrade}
+                <EstimatedTotal
+                    {isDowngrade}
+                    {billingBudget}
+                    organizationId={$organization.$id}
+                    {billingPlan}
+                    {collaborators}
+                    {couponId} />
+                {/if}
                 <PlanComparisonBox downgrade={isDowngrade} />
             {/if}
         </svelte:fragment>