From 473c9a69132c15c6fc15df3185ec7b9e7fdf3113 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nuno=20G=C3=B3is?= <github@nunogois.com>
Date: Tue, 29 Oct 2024 21:24:13 +0000
Subject: [PATCH] chore: 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 8d1017e84e78..a953ecdb7742 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 478e2211bb33..c387fe1e9982 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 71479206df9d..6f5efbdab1a2 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 2f1e519a4ad2..184580284b49 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.',