chore: hide pages connected to payment via the env variable

0xPolygonID · Jan 24, 2025 · 4ac4a77 · 4ac4a77
1 parent bc98cc4
commit 4ac4a77
Show file tree

Hide file tree

Showing 7 changed files with 24 additions and 10 deletions.
diff --git a/.env-ui.sample b/.env-ui.sample
@@ -6,4 +6,5 @@ ISSUER_UI_IPFS_GATEWAY_URL=https://ipfs-proxy-cache.privado.id
 ISSUER_UI_SCHEMA_EXPLORER_AND_BUILDER_URL=https://tools.privado.id
 ISSUER_UI_DISPLAY_METHOD_BUILDER_URL=https://display-method-dev.privado.id
 ISSUER_UI_INSECURE=false
-ISSUER_UI_BASE_URL=/
+ISSUER_UI_BASE_URL=/
+ISSUER_UI_PAYMENT_PAGES_ENABLED=false
diff --git a/ui/.env.sample b/ui/.env.sample
@@ -14,4 +14,6 @@ VITE_IPFS_GATEWAY_URL=https://ipfs-proxy-cache.privado.id
 VITE_SCHEMA_EXPLORER_AND_BUILDER_URL=https://tools.privado.id
 VITE_DISPLAY_METHOD_BUILDER_URL=https://display-method-dev.privado.id
 
-VITE_BASE_URL=/
+VITE_BASE_URL=/
+
+VITE_PAYMENT_PAGES_ENABLED=false
diff --git a/ui/scripts/deploy.sh b/ui/scripts/deploy.sh
@@ -16,6 +16,7 @@ echo "VITE_IPFS_GATEWAY_URL=$ISSUER_UI_IPFS_GATEWAY_URL" >> $ENV_FILENAME
 echo "VITE_SCHEMA_EXPLORER_AND_BUILDER_URL=$ISSUER_UI_SCHEMA_EXPLORER_AND_BUILDER_URL" >> $ENV_FILENAME
 echo "VITE_DISPLAY_METHOD_BUILDER_URL=$ISSUER_UI_DISPLAY_METHOD_BUILDER_URL" >> $ENV_FILENAME
 echo "VITE_BASE_URL"=$ISSUER_UI_BASE_URL >> $ENV_FILENAME
+echo "VITE_PAYMENT_PAGES_ENABLED"=$ISSUER_UI_PAYMENT_PAGES_ENABLED >> $ENV_FILENAME
 
 # Build app
 cd /app && npm run build

diff --git a/ui/src/adapters/env.ts b/ui/src/adapters/env.ts
@@ -14,6 +14,7 @@ export type EnvInput = {
   VITE_IPFS_GATEWAY_URL: string;
   VITE_ISSUER_LOGO?: string;
   VITE_ISSUER_NAME: string;
+  VITE_PAYMENT_PAGES_ENABLED?: string;
   VITE_SCHEMA_EXPLORER_AND_BUILDER_URL?: string;
   VITE_WARNING_MESSAGE?: string;
 };
@@ -30,6 +31,7 @@ export const envParser = getStrictParser<EnvInput, Env>()(
       VITE_IPFS_GATEWAY_URL: z.string().url(),
       VITE_ISSUER_LOGO: z.string().optional(),
       VITE_ISSUER_NAME: z.string().min(1),
+      VITE_PAYMENT_PAGES_ENABLED: z.string().optional(),
       VITE_SCHEMA_EXPLORER_AND_BUILDER_URL: z
         .union([z.string().url(), z.literal("")])
         .transform((value) => value || undefined)
@@ -47,6 +49,7 @@ export const envParser = getStrictParser<EnvInput, Env>()(
         VITE_IPFS_GATEWAY_URL,
         VITE_ISSUER_LOGO,
         VITE_ISSUER_NAME,
+        VITE_PAYMENT_PAGES_ENABLED,
         VITE_SCHEMA_EXPLORER_AND_BUILDER_URL,
         VITE_WARNING_MESSAGE,
       }): Env => ({
@@ -63,6 +66,7 @@ export const envParser = getStrictParser<EnvInput, Env>()(
           logo: VITE_ISSUER_LOGO || IMAGE_PLACEHOLDER_PATH,
           name: VITE_ISSUER_NAME,
         },
+        paymentPagesEnabled: VITE_PAYMENT_PAGES_ENABLED === "true",
         schemaExplorerAndBuilderUrl: VITE_SCHEMA_EXPLORER_AND_BUILDER_URL,
         warningMessage: VITE_WARNING_MESSAGE,
       })

diff --git a/ui/src/components/shared/SiderMenu.tsx b/ui/src/components/shared/SiderMenu.tsx
@@ -40,7 +40,7 @@ export function SiderMenu({
   isBreakpoint?: boolean;
   onClick: () => void;
 }) {
-  const { buildTag } = useEnvContext();
+  const { buildTag, paymentPagesEnabled } = useEnvContext();
   const { status } = useIssuerStateContext();
 
   const { pathname } = useLocation();
@@ -208,13 +208,17 @@ export function SiderMenu({
                 onClick: () => onMenuClick(keysPath),
                 title: "",
               },
-              {
-                icon: <IconPaymentOptions />,
-                key: paymentOptionsPath,
-                label: PAYMENT_OPTIONS,
-                onClick: () => onMenuClick(paymentOptionsPath),
-                title: "",
-              },
+              ...(paymentPagesEnabled
+                ? [
+                    {
+                      icon: <IconPaymentOptions />,
+                      key: paymentOptionsPath,
+                      label: PAYMENT_OPTIONS,
+                      onClick: () => onMenuClick(paymentOptionsPath),
+                      title: "",
+                    },
+                  ]
+                : []),
             ]}
             selectedKeys={getSelectedKey()}
             style={{ marginTop: 16 }}

diff --git a/ui/src/contexts/Env.tsx b/ui/src/contexts/Env.tsx
@@ -19,6 +19,7 @@ const defaultEnvContext: Env = {
     logo: "",
     name: "",
   },
+  paymentPagesEnabled: false,
 };
 
 const EnvContext = createContext(defaultEnvContext);

diff --git a/ui/src/domain/env.ts b/ui/src/domain/env.ts
@@ -12,6 +12,7 @@ export type Env = {
     logo: string;
     name: string;
   };
+  paymentPagesEnabled: boolean;
   schemaExplorerAndBuilderUrl?: string;
   warningMessage?: string;
 };