@eka-care/abdm-dashboard-stg 0.0.1 → 0.0.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eka-care/abdm-dashboard-stg",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "type": "module",
   "scripts": {
     "dev": "vite",

package/src/config/runtime-config.ts

@@ -0,0 +1,3 @@
+export const runtimeConfig = {
+  clientId: "doc-web", 
+};

package/src/features/api/baseApi.ts

@@ -1,5 +1,6 @@
 // src/features/api/baseApi.ts
 import { createApi, fetchBaseQuery } from "@reduxjs/toolkit/query/react";
+import { runtimeConfig } from "../../config/runtime-config";
 
 export const baseApi = createApi({
   reducerPath: "baseApi",
@@ -13,7 +14,7 @@ export const baseApi = createApi({
     credentials: "include",
 
     prepareHeaders: (headers) => {
-      headers.set("client-id", "doc-web");
+      headers.set("client-id", runtimeConfig.clientId);
 
       return headers;
     },

package/src/main.tsx

@@ -1,10 +1,11 @@
 import { createRoot, type Root } from "react-dom/client";
 import "./index.css";
 import AbdmDashboard from "./abdm-dashboard.tsx";
+import { runtimeConfig } from "./config/runtime-config.ts";
 
 declare global {
   interface Window {
-    Bridge: new () => any;   
+    Bridge: new () => any;
     initAbhaApp?: (params: {
       clientId: string;
       containerId: string;
@@ -21,8 +22,12 @@ declare global {
 const roots: Map<string, Root> = new Map();
 
 interface MountOptions {
-  clinicId?: string;
-  clientId?: string;
+  clinicId: string;
+  clientId: string;
+
+  onAbdmDashboardSuccess?: (params: { clinicId: string; clientId: string }) => void;
+  onAbdmDashboardError?: (params: { clinicId: string; clientId: string }) => void;
+  onAbdmDashboardClose?: (params: { clinicId: string; clientId: string }) => void;
 }
 
 interface MountResult {
@@ -42,36 +47,75 @@ function ensureContainer(id: string): HTMLElement {
 
 export function mountABDMDashboard(
   elementId = "abdm-dashboard-root",
-  options: MountOptions = {}
+  options: MountOptions
 ): MountResult {
   const id = elementId;
+
   const {
-    clinicId = "default-clinic",
-    clientId = "default-client",
+    clinicId,
+    clientId,
+    onAbdmDashboardSuccess,
+    onAbdmDashboardError,
+    onAbdmDashboardClose,
   } = options;
 
-  const container = ensureContainer(id);
+  try {
+    const container = ensureContainer(id);
+
+    if (roots.has(id)) {
+      return {
+        id,
+        unmount: () =>
+          unmountABDMDashboard(id, {
+            clinicId,
+            clientId,
+            onAbdmDashboardError,
+            onAbdmDashboardClose,
+          }),
+      };
+    }
+
+    const root = createRoot(container);
+    roots.set(id, root);
+
+    // store clientId for api headers
+    runtimeConfig.clientId = clientId;
+
+    root.render(
+      <AbdmDashboard clinicId={clinicId} clientId={clientId} />
+    );
+
+    // successful mount
+    onAbdmDashboardSuccess?.({ clinicId, clientId });
 
-  if (roots.has(id)) {
     return {
       id,
-      unmount: () => unmountABDMDashboard(id),
+      unmount: () =>
+        unmountABDMDashboard(id, {
+          clinicId,
+          clientId,
+          onAbdmDashboardError,
+          onAbdmDashboardClose,
+        }),
     };
-  }
-
-  const root = createRoot(container);
-  roots.set(id, root);
+  } catch (e) {
+    console.error("abdmDashboard: mount failed", e);
 
-  root.render(<AbdmDashboard clinicId={clinicId} clientId={clientId} />);
+    // mount failure
+    onAbdmDashboardError?.({ clinicId, clientId });
 
-  return {
-    id,
-    unmount: () => unmountABDMDashboard(id),
-  };
+    throw e;
+  }
 }
 
 export function unmountABDMDashboard(
-  elementId = "abdm-dashboard-root"
+  elementId = "abdm-dashboard-root",
+  params?: {
+    clinicId?: string;
+    clientId?: string;
+    onAbdmDashboardError?: (params: { clinicId: string; clientId: string }) => void;
+    onAbdmDashboardClose?: (params: { clinicId: string; clientId: string }) => void;
+  }
 ): boolean {
   const id = elementId;
   const root = roots.get(id);
@@ -81,14 +125,27 @@ export function unmountABDMDashboard(
   try {
     root.unmount();
     roots.delete(id);
+
+    // successful unmount
+    params?.onAbdmDashboardClose?.({
+      clinicId: params?.clinicId ?? "default-clinic",
+      clientId: params?.clientId ?? "default-client",
+    });
+
     return true;
   } catch (e) {
     console.error("abdmDashboard: unmount failed", e);
+
+    // unmount failure
+    params?.onAbdmDashboardError?.({
+      clinicId: params?.clinicId ?? "default-clinic",
+      clientId: params?.clientId ?? "default-client",
+    });
+
     return false;
   }
 }
 
-
 export const __attachToWindow = (() => {
   try {
     const w = window as any;
@@ -101,7 +158,7 @@ export const __attachToWindow = (() => {
 
 export default function abdmDashboard(
   name: string,
-  options?: MountOptions
+  options: MountOptions
 ): MountResult {
   return mountABDMDashboard(name, options);
 }