From c0e84ff0fc0b9488be7e7fff853abbeae52e1b2c Mon Sep 17 00:00:00 2001
From: Arun Jain <arun.jain@devtron.ai>
Date: Wed, 20 Aug 2025 15:05:15 +0530
Subject: [PATCH 1/2] feat: update freemium messaging and error messaging

---
 .../GenericModal/GenericModal.component.tsx   |  3 ++-
 src/Shared/Components/GenericModal/types.ts   |  1 +
 .../Components/License/DevtronLicenseCard.tsx | 21 +++++++++----------
 3 files changed, 13 insertions(+), 12 deletions(-)

diff --git a/src/Shared/Components/GenericModal/GenericModal.component.tsx b/src/Shared/Components/GenericModal/GenericModal.component.tsx
index d4d3aafd7..3be60dab8 100644
--- a/src/Shared/Components/GenericModal/GenericModal.component.tsx
+++ b/src/Shared/Components/GenericModal/GenericModal.component.tsx
@@ -82,6 +82,7 @@ const GenericModal = ({
     name,
     open,
     width = 600,
+    borderRadius = 8,
     onClose,
     onEscape = noop,
     closeOnBackdropClick = false,
@@ -92,7 +93,7 @@ const GenericModal = ({
             <GenericModalProvider value={{ name, onClose }}>
                 <Backdrop onEscape={onEscape} onClick={closeOnBackdropClick ? onClose : noop}>
                     <motion.div
-                        className={`shadow__modal flexbox-col bg__primary border__secondary br-8 dc__m-auto mt-40 dc__overflow-hidden ${MODAL_WIDTH_TO_CLASS_NAME_MAP[width]}`}
+                        className={`shadow__modal flexbox-col bg__primary border__secondary br-${borderRadius} dc__m-auto mt-40 dc__overflow-hidden ${MODAL_WIDTH_TO_CLASS_NAME_MAP[width]}`}
                         exit={{ y: 100, opacity: 0, scale: 0.75, transition: { duration: 0.35 } }}
                         initial={{ y: 100, opacity: 0, scale: 0.75 }}
                         animate={{ y: 0, opacity: 1, scale: 1 }}
diff --git a/src/Shared/Components/GenericModal/types.ts b/src/Shared/Components/GenericModal/types.ts
index 9f3417cda..e5993b388 100644
--- a/src/Shared/Components/GenericModal/types.ts
+++ b/src/Shared/Components/GenericModal/types.ts
@@ -29,6 +29,7 @@ export interface GenericModalProps extends Partial<Pick<BackdropProps, 'onEscape
      * @default 600
      */
     width?: 450 | 500 | 600 | 800
+    borderRadius?: 8 | 12 | 16
     /**
      * Determines if the modal should close when the user clicks outside of it (on the backdrop).
      * @default false
diff --git a/src/Shared/Components/License/DevtronLicenseCard.tsx b/src/Shared/Components/License/DevtronLicenseCard.tsx
index 310c0617c..36374f48c 100644
--- a/src/Shared/Components/License/DevtronLicenseCard.tsx
+++ b/src/Shared/Components/License/DevtronLicenseCard.tsx
@@ -56,17 +56,16 @@ const LicenseCardSubText = ({
         return (
             <div className="p-16 fs-13 lh-1-5 flexbox-col dc__gap-8">
                 <div className="flexbox dc__gap-8 dc__content-space fs-13 fw-4 lh-20 cn-9">
-                    {freemiumLimitReached ? (
-                        <div className="flexbox-col dc__gap-4">
-                            <span className="fw-6">Multiple Clusters Detected</span>
-                            <span>
-                                Your account is connected to multiple clusters, which isn’t allowed on the freemium
-                                plan. Upgrade to an Enterprise license or contact us.
-                            </span>
-                        </div>
-                    ) : (
-                        <span className="fw-6">Unlimited single cluster usage</span>
-                    )}
+                    <div className="flexbox-col dc__gap-4">
+                        <span className="fw-6">
+                            {freemiumLimitReached ? 'Freemium Limit Reached' : 'What’s Included in Freemium'}
+                        </span>
+                        <span>
+                            {freemiumLimitReached
+                                ? 'You’ve connected more than 2 clusters, which isn’t supported on the freemium plan. Contact Support to unlock your access or upgrade to Enterprise plan.'
+                                : 'Freemium plan allows managing the Devtron host cluster along with one additional cluster.'}
+                        </span>
+                    </div>
                     <Icon
                         name={freemiumLimitReached ? 'ic-error' : 'ic-success'}
                         color={freemiumLimitReached ? 'R500' : 'G500'}

From 798f55caeba0b3a062316e1dab2e009990da3f2e Mon Sep 17 00:00:00 2001
From: Arun Jain <arun.jain@devtron.ai>
Date: Wed, 20 Aug 2025 16:41:44 +0530
Subject: [PATCH 2/2] chore: edit gap in buttons

---
 package-lock.json                                    | 4 ++--
 package.json                                         | 2 +-
 src/Shared/Components/License/DevtronLicenseCard.tsx | 4 ++--
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 97e273d82..35f2bb79a 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
     "name": "@devtron-labs/devtron-fe-common-lib",
-    "version": "1.19.3",
+    "version": "1.19.4",
     "lockfileVersion": 3,
     "requires": true,
     "packages": {
         "": {
             "name": "@devtron-labs/devtron-fe-common-lib",
-            "version": "1.19.3",
+            "version": "1.19.4",
             "hasInstallScript": true,
             "license": "ISC",
             "dependencies": {
diff --git a/package.json b/package.json
index 8bbf34c38..14afc9e7d 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "@devtron-labs/devtron-fe-common-lib",
-    "version": "1.19.3",
+    "version": "1.19.4",
     "description": "Supporting common component library",
     "type": "module",
     "main": "dist/index.js",
diff --git a/src/Shared/Components/License/DevtronLicenseCard.tsx b/src/Shared/Components/License/DevtronLicenseCard.tsx
index 36374f48c..f2904251d 100644
--- a/src/Shared/Components/License/DevtronLicenseCard.tsx
+++ b/src/Shared/Components/License/DevtronLicenseCard.tsx
@@ -73,7 +73,7 @@ const LicenseCardSubText = ({
                     />
                 </div>
                 {freemiumLimitReached && (
-                    <>
+                    <div className="flexbox-col dc__gap-4">
                         <div className="mail-support">
                             <Button
                                 dataTestId="mail-support"
@@ -85,7 +85,7 @@ const LicenseCardSubText = ({
                             />
                         </div>
                         <ContactSupportButton />
-                    </>
+                    </div>
                 )}
             </div>
         )