ecer-5253 obtaining dynamics feature flag and using it in vue

Author: SoLetsDev

src/ECER.Clients.RegistryPortal/ECER.Clients.RegistryPortal.Server/ConfigurationEndpoints.cs

@@ -1,5 +1,4 @@
 using AutoMapper;
-using ECER.Clients.RegistryPortal.Server.Applications;
 using ECER.Clients.RegistryPortal.Server.Shared;
 using ECER.Managers.Admin.Contract.Metadatas;
 using ECER.Utilities.Hosting;
@@ -12,13 +11,20 @@ public class ConfigurationEndpoints : IRegisterEndpoints
 {
   public void Register(IEndpointRouteBuilder endpointRouteBuilder)
   {
-    endpointRouteBuilder.MapGet("/api/configuration", async (HttpContext ctx) =>
+    endpointRouteBuilder.MapGet("/api/configuration", async (HttpContext ctx, IMediator messageBus, CancellationToken ct) =>
     {
       await Task.CompletedTask;
       var configuration = ctx.RequestServices.GetRequiredService<IConfiguration>();
+
+      var dynamicsConfig = await messageBus.Send(new DynamicsConfigQuery(), ct);
       var appConfig = configuration.Get<ApplicationConfiguration>()!;
+
+      
+      appConfig.ICRAFeatureEnabled = dynamicsConfig.config.ICRAFeatureEnabled;
+
       return TypedResults.Ok(appConfig);
-    }).WithOpenApi("Returns the UI initial configuration", string.Empty, "configuration_get");
+    }).WithOpenApi("Returns the UI initial configuration", string.Empty, "configuration_get")
+      .CacheOutput(p => p.Expire(TimeSpan.FromMinutes(5)));
 
     endpointRouteBuilder.MapGet("/api/provincelist", async (HttpContext ctx, IMediator messageBus, IMapper mapper, CancellationToken ct) =>
     {
@@ -28,7 +34,6 @@ public void Register(IEndpointRouteBuilder endpointRouteBuilder)
       .WithOpenApi("Handles province queries", string.Empty, "province_get")
       .CacheOutput(p => p.Expire(TimeSpan.FromMinutes(5)));
 
-
     endpointRouteBuilder.MapGet("/api/defaultContents", async (HttpContext ctx, IMediator messageBus, IMapper mapper, CancellationToken ct) =>
     {
       var results = await messageBus.Send(new DefaultContentsQuery(), ct);
@@ -93,6 +98,7 @@ public void Register(IEndpointRouteBuilder endpointRouteBuilder)
 public record ApplicationConfiguration
 {
   public Dictionary<string, OidcAuthenticationSettings> ClientAuthenticationMethods { get; set; } = [];
+  public bool ICRAFeatureEnabled { get; set; }
 }
 
 #pragma warning restore CA2227 // Collection properties should be read only
@@ -128,21 +134,21 @@ public record IdentificationTypesQuery
   public bool? ForPrimary { get; set; }
   public bool? ForSecondary { get; set; }
 }
-  public record OutOfProvinceCertificationType(string Id)
-  {
-    public string? CertificationType { get; set; }
-  }
+public record OutOfProvinceCertificationType(string Id)
+{
+  public string? CertificationType { get; set; }
+}
 
-  public record CertificationComparison(string Id)
-  {
-    public string? BcCertificate { get; set; }
-  }
+public record CertificationComparison(string Id)
+{
+  public string? BcCertificate { get; set; }
+}
 
-  public record ComparisonRecord()
-  {
-    public OutOfProvinceCertificationType? TransferringCertificate { get; set; }
-    public IEnumerable<CertificationComparison> Options { get; set; } = Array.Empty<CertificationComparison>();
-  }
+public record ComparisonRecord()
+{
+  public OutOfProvinceCertificationType? TransferringCertificate { get; set; }
+  public IEnumerable<CertificationComparison> Options { get; set; } = Array.Empty<CertificationComparison>();
+}
 public record DefaultContent
 {
   public string? Name { get; set; }

src/ECER.Clients.RegistryPortal/ecer.clients.registryportal.client/src/components/ConditionalRenderICRA.vue

@@ -0,0 +1,17 @@
+<!-- this component will render the child based on the outcome of the ICRA flag from dynamics -->
+<template>
+  <slot v-if="configStore.applicationConfiguration.icraFeatureEnabled"></slot>
+</template>
+
+<script lang="ts">
+import { defineComponent } from "vue";
+import { useConfigStore } from "@/store/config";
+
+export default defineComponent({
+  name: "ConditionalRenderICRA",
+  setup() {
+    const configStore = useConfigStore();
+    return { configStore };
+  },
+});
+</script>

src/ECER.Clients.RegistryPortal/ecer.clients.registryportal.client/src/router.ts

@@ -7,6 +7,7 @@ import { useCertificationStore } from "./store/certification";
 import { useFormStore } from "./store/form";
 import { useMessageStore } from "./store/message";
 import { useWizardStore } from "./store/wizard";
+import { useConfigStore } from "./store/config";
 
 const router = createRouter({
   history: createWebHistory(),
@@ -390,4 +391,13 @@ router.beforeEach((to, _, next) => {
   } else next();
 });
 
+// Guard to prevent users from accessing ICRA routes if the flag is not enabled
+router.beforeEach((to, _, next) => {
+  const configStore = useConfigStore();
+  if (to.meta.requiresICRAFeature && !configStore.applicationConfiguration.icraFeatureEnabled) {
+    console.warn("ICRA feature is not enabled, redirecting to home page.");
+    next({ path: "/" });
+  } else next();
+});
+
 export default router;