@eka-care/abdm-dashboard-stg 0.0.1

package/src/types/pagify-sdk.d.ts

@@ -0,0 +1,17 @@
+declare module '@eka-care/pagify-sdk' {
+  export interface RenderOptions {
+    body_html?: string;
+    header_html?: string;
+    footer_html?: string;
+    onPdfReady?: (blobUrl: string) => void;
+    onPdfError?: (error: any) => void;
+  }
+
+  export function render(opts: RenderOptions): Promise<void>;
+
+  const pagify: {
+    render: typeof render;
+  };
+
+  export default pagify;
+}

package/src/utils/constants.ts

@@ -0,0 +1,19 @@
+export enum DATA_DATE_FILTERS {
+  YESTERDAY = "YESTERDAY",
+  CUSTOM = "CUSTOM",
+  MONTHLY = "MONTHLY",
+}
+export const switchList = [
+  {
+    label: 'Raise "Complete KYC" Requests',
+    key: "kyc",
+  },
+  {
+    label: "Ask your patient's to create ABHA",
+    key: "abha",
+  },
+  {
+    label: "Raise Consent requests to view patient's medical history",
+    key: "consent",
+  },
+] as const;

package/src/utils/helpers.ts

@@ -0,0 +1,32 @@
+export const formatDateToBackendISO = (selectedDate: string) => {
+  const now = new Date();
+
+  const merged = new Date(
+    `${selectedDate}T${now.getHours().toString().padStart(2, "0")}:${now
+      .getMinutes()
+      .toString()
+      .padStart(2, "0")}:${now.getSeconds().toString().padStart(2, "0")}`
+  );
+  return merged.toISOString();
+};
+
+const getISTMidnightISO = (date: Date) => {
+  return new Date(
+    Date.UTC(date.getFullYear(), date.getMonth(), date.getDate())
+  ).toISOString();
+};
+
+export const getYesterday = () => {
+  const today = new Date();
+
+  const end = new Date(today);
+  end.setHours(0, 0, 0, 0);
+
+  const start = new Date(end);
+  start.setDate(start.getDate() - 1);
+
+  return {
+    start: getISTMidnightISO(start),
+    end: getISTMidnightISO(end),
+  };
+};

package/tailwind.config.ts

@@ -0,0 +1,131 @@
+import type { Config } from "tailwindcss";
+import colors from "./src/tailwind-theme-config/pds2/colors";
+import border from "./src/tailwind-theme-config/pds2/border";
+import spacing from "./src/tailwind-theme-config/pds2/spacing";
+
+export default {
+  prefix: "abhaDash-",
+  content: ["./index.html", "./src/**/*.{js,ts,jsx,tsx}"],
+  theme: {
+     screens: {
+      sm: '640px',
+      md: '768px',
+      lg: '1024px',
+      xl: '1280px',
+    },
+    colors: {
+      transparent: "transparent",
+      ...colors,
+      platformBgColor: "var(--platform-bg-color)",
+      platformTextColor: "var(--platform-text-color)",
+      platformBorderColor: "var(--platform-border-color)",
+      red: "#FF0000",
+    },
+    backgroundColor: ({ theme }) => ({
+      ...theme("colors"),
+      inherit: "inherit",
+    }),
+    fill: ({ theme }) => ({ ...theme("colors"), current: "currentColor" }),
+    spacing: { ...spacing },
+    fontSize: ({ theme }) => ({ ...theme("spacing") }),
+    lineHeight: ({ theme }) => ({ ...theme("spacing") }),
+    padding: ({ theme }) => ({ ...theme("spacing") }),
+    borderWidth: {
+      ...border,
+    },
+    borderRadius: ({ theme }) => ({ ...theme("borderWidth") }),
+    boxShadow: {
+      none: "none",
+      "elevation-5": "0px 1px 3px 0px rgba(0, 0, 0, 0.10)",
+      "elevation-10": "0px 3px 9px 0px rgba(0, 59, 168, 0.10)",
+      "elevation-50": "-4px 4px 8px 0px rgba(0, 0, 0, 0.12)",
+      "elevation-100": "0px 12px 36px 0px rgba(0, 0, 0, 0.25)",
+      "elevation-200": "0px 2px 8px 0px rgba(0, 0, 0, 0.16)",
+      "elevation-300": "12px 0px 50px 0px rgba(0, 0, 0, 0.15)",
+      "elevation-600": "0px -2px 4px 0px rgba(0, 0, 0, 0.16)",
+      "elevation-900": "0px 12px 50px 0px rgba(0, 0, 0, 0.15)",
+      "elevation-1000": "0px 0px 8px 0px rgba(0, 0, 0, 0.16)",
+      "elevation-1100": "0px 12px 16px 0px rgba(0, 0, 0, 0.16)",
+      "elevation-only-top": "0px -4px 14.8px 0px rgba(0, 0, 0, 0.05)",
+      "M3-1":
+        "0px 4px 4px 0px rgba(0, 0, 0, 0.25), 0px 1px 2px 0px rgba(0, 0, 0, 0.30)",
+    },
+    fontWeight: {
+      300: "300",
+      400: "400",
+      500: "500",
+      600: "600",
+      700: "700",
+      800: "800",
+      900: "900",
+    },
+    opacity: {
+      0: "0",
+      5: "0.05",
+      10: "0.1",
+      20: "0.2",
+      25: "0.25",
+      30: "0.3",
+      40: "0.4",
+      50: "0.5",
+      60: "0.6",
+      65: "0.65",
+      70: "0.7",
+      75: "0.75",
+      80: "0.8",
+      85: "0.85",
+      90: "0.9",
+      95: "0.95",
+      100: "1",
+    },
+    outlineWidth: ({ theme }) => ({ ...theme("spacing") }),
+    fontFamily: {
+      lato: ["Lato", "sans-serif"],
+    },
+    maxWidth: ({ theme, breakpoints }) => ({
+      none: "none",
+      "3/5": "60%",
+      half: "50%",
+      full: "100%",
+      min: "min-content",
+      max: "max-content",
+      ...breakpoints(theme("screens")),
+      ...theme("spacing"),
+    }),
+    minWidth: ({ theme }) => ({
+      ...theme("spacing"),
+      half: "50%",
+      full: "100%",
+      screen: "100vw",
+      min: "min-content",
+      max: "max-content",
+      auto: "auto",
+    }),
+    keyframes: {
+      spin: {
+        to: {
+          transform: "rotate(360deg)",
+        },
+      },
+      "fade-in": {
+        "0%": { opacity: "0" },
+        "100%": { opacity: "1" },
+      },
+      "slide-up": {
+        "0%": { transform: "translateY(10px)" },
+        "100%": { transform: "translateY(0)" },
+      },
+    },
+    animation: {
+      spin: "spin 1s linear infinite",
+      "fade-in": "fade-in 0.2s ease-out",
+      "slide-up": "slide-up 0.2s ease-out",
+    },
+    extend: {
+      maxHeight: {
+        "1/2": "50vh",
+      },
+    },
+  },
+  plugins: [],
+} satisfies Config;

package/tsconfig.app.json

@@ -0,0 +1,28 @@
+{
+  "compilerOptions": {
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
+    "target": "ES2022",
+    "useDefineForClassFields": true,
+    "lib": ["ES2022", "DOM", "DOM.Iterable"],
+    "module": "ESNext",
+    "types": ["vite/client"],
+    "skipLibCheck": true,
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "verbatimModuleSyntax": true,
+    "moduleDetection": "force",
+    "noEmit": true,
+    "jsx": "react-jsx",
+
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    // "erasableSyntaxOnly": true,
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedSideEffectImports": true
+  },
+  "include": ["src"]
+}

package/tsconfig.json

@@ -0,0 +1,7 @@
+{
+  "files": [],
+  "references": [
+    { "path": "./tsconfig.app.json" },
+    { "path": "./tsconfig.node.json" }
+  ]
+}

package/tsconfig.node.json

@@ -0,0 +1,26 @@
+{
+  "compilerOptions": {
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
+    "target": "ES2023",
+    "lib": ["ES2023"],
+    "module": "ESNext",
+    "types": ["node"],
+    "skipLibCheck": true,
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "verbatimModuleSyntax": true,
+    "moduleDetection": "force",
+    "noEmit": true,
+
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "erasableSyntaxOnly": true,
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedSideEffectImports": true
+  },
+  "include": ["vite.config.ts"]
+}

package/vite.config.ts

@@ -0,0 +1,62 @@
+// abdm/vite.config.ts
+
+import { defineConfig } from "vite";
+import react from "@vitejs/plugin-react";
+import path from "node:path";
+
+export default defineConfig({
+  plugins: [react()],
+
+  resolve: {
+    dedupe: [
+      "react",
+      "react-dom",
+      "react-dom/client",
+      "react/jsx-runtime"
+    ],
+  },
+
+  build: {
+    cssCodeSplit: false, // bundle CSS into one file
+
+    rollupOptions: {
+      // ❌ DO NOT externalize React — bundle into SDK
+      external: [],
+
+      output: {
+        // 👇 Critical: Ensures your SDK is ONE executable file
+        inlineDynamicImports: true,
+        manualChunks: undefined,
+
+        // Final JS file name
+        entryFileNames: "sdk/abdm/js/abdm.js",
+
+        // Avoid multiple chunks
+        chunkFileNames: "sdk/abdm/js/[name]-[hash].js",
+
+        // Asset Output Rules
+        assetFileNames: (assetInfo) => {
+          const name = assetInfo.name || "";
+          const ext = path.extname(name).slice(1).toLowerCase();
+
+          if (ext === "css") return "sdk/abdm/css/abdm.css";
+
+          if (/(png|jpe?g|svg|gif|bmp|ico|webp|avif)/i.test(ext)) {
+            return "sdk/abdm/assets/img/[name]-[hash][extname]";
+          }
+
+          if (/(woff2?|ttf|otf|eot)/i.test(ext)) {
+            return "sdk/abdm/assets/fonts/[name]-[hash][extname]";
+          }
+
+          return "sdk/abdm/assets/[name]-[hash][extname]";
+        },
+      },
+    },
+  },
+
+  server: {
+    port: 80,
+    host: "nishant.eka.care",
+  },
+});