From 97636bb4ed72e97f6778228d22dd9c0e2c9c7a0e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nuno=20G=C3=B3is?= <github@nunogois.com>
Date: Wed, 30 Oct 2024 13:17:48 +0000
Subject: [PATCH] chore: add support for PAYG billing (#8582)

https://linear.app/unleash/issue/CTO-102/unleash-add-support-for-payg-billing
---
 .../src/component/menu/Footer/ApiDetails/ApiDetails.tsx     | 6 ++++--
 .../component/menu/Footer/ApiDetails/apidetails.helpers.tsx | 1 +
 frontend/src/interfaces/uiConfig.ts                         | 1 +
 src/lib/openapi/spec/ui-config-schema.ts                    | 6 ++++++
 4 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/frontend/src/component/menu/Footer/ApiDetails/ApiDetails.tsx b/frontend/src/component/menu/Footer/ApiDetails/ApiDetails.tsx
index 8d1017e84e..e0583926de 100644
--- a/frontend/src/component/menu/Footer/ApiDetails/ApiDetails.tsx
+++ b/frontend/src/component/menu/Footer/ApiDetails/ApiDetails.tsx
@@ -14,14 +14,16 @@ interface IApiDetailsProps {
 export const ApiDetails = (props: IApiDetailsProps): ReactElement => {
     const instanceId = props.uiConfig.versionInfo?.instanceId;
     const { name, version, buildNumber } = formatCurrentVersion(props.uiConfig);
-    const environment = props.uiConfig.environment;
+    const { environment, billing } = props.uiConfig;
     const updateNotification = formatUpdateNotification(props.uiConfig);
 
     const buildInfo = buildNumber ? <small>({buildNumber})</small> : '';
     return (
         <section title='API details'>
             <FooterTitle>
-                {name} {environment ? environment : ''} {version} {buildInfo}
+                {name} {environment ? environment : ''}
+                {billing === 'pay-as-you-go' ? ' Pay-as-You-Go' : ''} {version}{' '}
+                {buildInfo}
             </FooterTitle>
             <ConditionallyRender
                 condition={Boolean(updateNotification)}
diff --git a/frontend/src/component/menu/Footer/ApiDetails/apidetails.helpers.tsx b/frontend/src/component/menu/Footer/ApiDetails/apidetails.helpers.tsx
index 478e2211bb..c387fe1e99 100644
--- a/frontend/src/component/menu/Footer/ApiDetails/apidetails.helpers.tsx
+++ b/frontend/src/component/menu/Footer/ApiDetails/apidetails.helpers.tsx
@@ -5,6 +5,7 @@ export interface IPartialUiConfig {
     version: string;
     slogan?: string;
     environment?: string;
+    billing?: string;
     versionInfo?: IVersionInfo;
 }
 
diff --git a/frontend/src/interfaces/uiConfig.ts b/frontend/src/interfaces/uiConfig.ts
index 202cbceed3..0f2310a093 100644
--- a/frontend/src/interfaces/uiConfig.ts
+++ b/frontend/src/interfaces/uiConfig.ts
@@ -17,6 +17,7 @@ export interface IUiConfig {
     name: string;
     slogan: string;
     environment?: string;
+    billing?: 'subscription' | 'pay-as-you-go';
     unleashUrl?: string;
     version: string;
     versionInfo?: IVersionInfo;
diff --git a/src/lib/openapi/spec/ui-config-schema.ts b/src/lib/openapi/spec/ui-config-schema.ts
index 2f1e519a4a..184580284b 100644
--- a/src/lib/openapi/spec/ui-config-schema.ts
+++ b/src/lib/openapi/spec/ui-config-schema.ts
@@ -33,6 +33,12 @@ export const uiConfigSchema = {
                 'What kind of Unleash instance it is: Enterprise, Pro, or Open source',
             example: 'Enterprise',
         },
+        billing: {
+            type: 'string',
+            description: 'The billing model in use for this Unleash instance.',
+            example: 'subscription',
+            enum: ['subscription', 'pay-as-you-go'],
+        },
         unleashUrl: {
             type: 'string',
             description: 'The URL of the Unleash instance.',