102 Zod configuration utility

.github/workflows/deploy-dev.yml

@@ -48,9 +48,9 @@ jobs:
       - name: Create Environment Configuration
         run: |
           echo "${{ env.ENV_FILE }}" > .env
-          echo "VITE_BUILD_DATE=$(date +'%Y-%m-%d')" >> .env
-          echo "VITE_BUILD_TIME=$(date +'%H:%M:%S%z')" >> .env
-          echo "VITE_BUILD_TS=$(date +'%Y-%m-%dT%H:%M:%S%z')" >> .env
+          echo "VITE_BUILD_DATE=$(date -u +'%Y-%m-%d')" >> .env
+          echo "VITE_BUILD_TIME=$(date -u +'%H:%M:%S')" >> .env
+          echo "VITE_BUILD_TS=$(date -u +'%Y-%m-%dT%H:%M:%SZ')" >> .env
           echo "VITE_BUILD_COMMIT_SHA=${{ github.sha }}" >> .env
           echo "VITE_BUILD_ENV_CODE=${{ env.AWS_ENV_CODE }}" >> .env
           echo "VITE_BUILD_WORKFLOW_RUNNER=GitHub Actions" >> .env

.github/workflows/deploy-prod.yml

@@ -48,9 +48,9 @@ jobs:
       - name: Create Environment Configuration
         run: |
           echo "${{ env.ENV_FILE }}" > .env
-          echo "VITE_BUILD_DATE=$(date +'%Y-%m-%d')" >> .env
-          echo "VITE_BUILD_TIME=$(date +'%H:%M:%S%z')" >> .env
-          echo "VITE_BUILD_TS=$(date +'%Y-%m-%dT%H:%M:%S%z')" >> .env
+          echo "VITE_BUILD_DATE=$(date -u +'%Y-%m-%d')" >> .env
+          echo "VITE_BUILD_TIME=$(date -u +'%H:%M:%S')" >> .env
+          echo "VITE_BUILD_TS=$(date -u +'%Y-%m-%dT%H:%M:%SZ')" >> .env
           echo "VITE_BUILD_COMMIT_SHA=${{ github.sha }}" >> .env
           echo "VITE_BUILD_ENV_CODE=${{ env.AWS_ENV_CODE }}" >> .env
           echo "VITE_BUILD_WORKFLOW_RUNNER=GitHub Actions" >> .env

.github/workflows/deploy-qa.yml

@@ -47,9 +47,9 @@ jobs:
       - name: Create Environment Configuration
         run: |
           echo "${{ env.ENV_FILE }}" > .env
-          echo "VITE_BUILD_DATE=$(date +'%Y-%m-%d')" >> .env
-          echo "VITE_BUILD_TIME=$(date +'%H:%M:%S%z')" >> .env
-          echo "VITE_BUILD_TS=$(date +'%Y-%m-%dT%H:%M:%S%z')" >> .env
+          echo "VITE_BUILD_DATE=$(date -u +'%Y-%m-%d')" >> .env
+          echo "VITE_BUILD_TIME=$(date -u +'%H:%M:%S')" >> .env
+          echo "VITE_BUILD_TS=$(date -u +'%Y-%m-%dT%H:%M:%SZ')" >> .env
           echo "VITE_BUILD_COMMIT_SHA=${{ github.sha }}" >> .env
           echo "VITE_BUILD_ENV_CODE=${{ env.AWS_ENV_CODE }}" >> .env
           echo "VITE_BUILD_WORKFLOW_RUNNER=GitHub Actions" >> .env

README.md

@@ -138,6 +138,33 @@ The application is configured using Environment Variables. Because single-page a
 
 After project installation and before running the application locally, create the following `.env` files in the project base directory. Learn more in the official [Vite guide for environment variables and modes](https://vitejs.dev/guide/env-and-mode.html).
 
+#### Setup
+
+1. **Copy the example configuration file:**
+
+   ```bash
+   cp .env.example .env
+   ```
+
+2. **Update variables for your environment:**
+
+   ```env
+   VITE_BASE_URL_API=https://your-api.example.com
+   VITE_TOAST_AUTO_DISMISS_MILLIS=5000
+   ```
+
+3. **Build information** (typically set by CI/CD pipeline):
+   ```env
+   VITE_BUILD_DATE=2026-02-10
+   VITE_BUILD_TIME=14:30:00
+   VITE_BUILD_TS=2026-02-10T14:30:00Z
+   VITE_BUILD_COMMIT_SHA=abc123def456
+   VITE_BUILD_ENV_CODE=dev
+   VITE_BUILD_WORKFLOW_NAME=Build
+   VITE_BUILD_WORKFLOW_RUN_NUMBER=42
+   VITE_BUILD_WORKFLOW_RUN_ATTEMPT=1
+   ```
+
 #### `.env.local`
 
 The `.env.local` configuration file provides the configuration values when the application is started on a developer's local machine.

package.json

@@ -54,7 +54,8 @@
     "react-router": "5.3.4",
     "react-router-dom": "5.3.4",
     "uuid": "13.0.0",
-    "yup": "1.7.1"
+    "yup": "1.7.1",
+    "zod": "4.3.6"
   },
   "devDependencies": {
     "@capacitor/cli": "8.1.0",

src/App.tsx

@@ -4,7 +4,6 @@ import { ReactQueryDevtools } from '@tanstack/react-query-devtools';
 import { ErrorBoundary } from 'react-error-boundary';
 
 import ErrorPage from 'common/components/Error/ErrorPage';
-import ConfigContextProvider from './common/providers/ConfigProvider';
 import { queryClient } from 'common/utils/query-client';
 import AuthProvider from 'common/providers/AuthProvider';
 import AxiosProvider from 'common/providers/AxiosProvider';
@@ -25,21 +24,19 @@ setupIonicReact();
 const App = () => (
   <IonApp data-testid="app">
     <ErrorBoundary FallbackComponent={ErrorPage}>
-      <ConfigContextProvider>
-        <QueryClientProvider client={queryClient}>
-          <AuthProvider>
-            <AxiosProvider>
-              <ToastProvider>
-                <ScrollProvider>
-                  <AppRouter />
-                  <Toasts />
-                  <ReactQueryDevtools initialIsOpen={false} buttonPosition="bottom-left" />
-                </ScrollProvider>
-              </ToastProvider>
-            </AxiosProvider>
-          </AuthProvider>
-        </QueryClientProvider>
-      </ConfigContextProvider>
+      <QueryClientProvider client={queryClient}>
+        <AuthProvider>
+          <AxiosProvider>
+            <ToastProvider>
+              <ScrollProvider>
+                <AppRouter />
+                <Toasts />
+                <ReactQueryDevtools initialIsOpen={false} buttonPosition="bottom-left" />
+              </ScrollProvider>
+            </ToastProvider>
+          </AxiosProvider>
+        </AuthProvider>
+      </QueryClientProvider>
     </ErrorBoundary>
   </IonApp>
 );