Add invoice past due indicator

mockoon · Oct 27, 2023 · d804e15 · d804e15
1 parent 957d869
commit d804e15
Show file tree

Hide file tree

Showing 5 changed files with 20 additions and 11 deletions.
diff --git a/.env.development b/.env.development
@@ -10,6 +10,7 @@ NEXT_PUBLIC_FRONTEND_URL=http://localhost:3000
 NEXT_PUBLIC_BACKEND_URL=http://localhost:5003
 NEXT_PUBLIC_STRIPE_CUSTOMER_PORTAL_URL=https://billing.stripe.com/p/login/test_00g15lac9bdAasg144
 NEXT_PUBLIC_PADDLE_SELLER_ID=14090
+NEXT_PUBLIC_PADDLE_RETAIN_AUTH=xxxx
 NEXT_PUBLIC_PADDLE_PLAN_SOLO_MONTHLY_PRICE_ID=pri_01h8epyz0sdr29zvnxfssxzygv
 NEXT_PUBLIC_PADDLE_PLAN_SOLO_YEARLY_PRICE_ID=pri_01h8eq0hhn7fky8j6fkmv49qz1
 NEXT_PUBLIC_PADDLE_PLAN_TEAM_MONTHLY_PRICE_ID=pri_01h8ez018gcqaee9qb1e5dam81

diff --git a/.env.production b/.env.production
@@ -11,6 +11,7 @@ NEXT_PUBLIC_FRONTEND_URL=https://mockoon.com
 NEXT_PUBLIC_BACKEND_URL=https://api.mockoon.com
 NEXT_PUBLIC_STRIPE_CUSTOMER_PORTAL_URL=https://billing.stripe.com/p/login/4gw4iU8VB60g1Ak288
 NEXT_PUBLIC_PADDLE_SELLER_ID=176021
+NEXT_PUBLIC_PADDLE_RETAIN_AUTH=09b483d383ad9724227a573a5f7b8116
 NEXT_PUBLIC_PADDLE_PLAN_SOLO_MONTHLY_PRICE_ID=pri_01h8gwq04cj56q9vadz5qrkawa
 NEXT_PUBLIC_PADDLE_PLAN_SOLO_YEARLY_PRICE_ID=pri_01h8gwp21f3y5ypztk8hbf45zs
 NEXT_PUBLIC_PADDLE_PLAN_TEAM_MONTHLY_PRICE_ID=pri_01h8gwsp95amj9z03hpeqxwyqm

diff --git a/components/paddle.tsx b/components/paddle.tsx
@@ -17,6 +17,7 @@ const PaddleScript: FunctionComponent = function () {
         // @ts-ignore
         Paddle.Setup({
           seller: parseInt(process.env.NEXT_PUBLIC_PADDLE_SELLER_ID),
+          pwAuth: process.env.NEXT_PUBLIC_PADDLE_RETAIN_AUTH,
           eventCallback: function (data) {
             if (data.name === 'checkout.completed') {
               setTimeout(() => {

diff --git a/models/user.model.ts b/models/user.model.ts
@@ -33,6 +33,7 @@ export type User = {
     frequency: string;
     portalEnabled?: boolean;
     cancellationScheduled?: boolean;
+    pastDue?: boolean;
   };
 };
 

diff --git a/pages/account/subscription.tsx b/pages/account/subscription.tsx
@@ -118,21 +118,25 @@ const AccountSubscription: FunctionComponent = function () {
                                   </p>
                                 )}
                               </div>
-                              {userData?.plan === 'FREE' && (
-                                <div className='col-auto'>
+                              <div className='col-auto'>
+                                {userData?.plan !== 'FREE' &&
+                                  userData.subscription.pastDue && (
+                                    <span className='badge bg-warning ms-2'>
+                                      Invoice past due
+                                    </span>
+                                  )}
+                                {userData?.plan === 'FREE' && (
                                   <Link
                                     href={'/account/subscribe/'}
                                     className='btn btn-xs btn-primary'
                                   >
                                     Upgrade plan
                                   </Link>
-                                </div>
-                              )}
-                              {userData?.plan !== 'FREE' &&
-                                displayPlanInfo &&
-                                userData?.subscription?.provider ===
-                                  'stripe' && (
-                                  <div className='col-auto'>
+                                )}
+                                {userData?.plan !== 'FREE' &&
+                                  displayPlanInfo &&
+                                  userData?.subscription?.provider ===
+                                    'stripe' && (
                                     <Link
                                       href={
                                         process.env
@@ -142,8 +146,8 @@ const AccountSubscription: FunctionComponent = function () {
                                     >
                                       Manage subscription
                                     </Link>
-                                  </div>
-                                )}
+                                  )}
+                              </div>
                             </div>
                             {userData?.plan === 'FREE' &&
                               userData?.subscription?.portalEnabled &&
@@ -166,6 +170,7 @@ const AccountSubscription: FunctionComponent = function () {
                       )}
                     </div>
                   </div>
+
                   {!isUserLoading && userData?.plan !== 'FREE' && (
                     <div className='card card-bleed shadow-light-lg mb-6'>
                       <div className='card-header'>