highcourt-affidavit-elements 0.2.19 → 0.2.21

package/README.md

@@ -51,7 +51,7 @@ import { environment } from "../environments/environment";
   imports: [
     HighcourtAffidavitModule.forRoot(
       environment.affidavit_api_secret_key,
-      environment.mode
+      environment.mode //(in: 'development', 'production')
     ),
   ],
 })
@@ -68,7 +68,7 @@ export class AppModule {}
 
 ```html
 <highcourt-affidavit [templateId]="template_id"
-  (callBack)="onAffidavitCallback($event)">
+  (callBack)="handleAffidavitCallback($event)">
 </highcourt-affidavit>
 ```
 
@@ -86,7 +86,7 @@ export class AppModule {}
   [payload]="bulkPayload"
   [affidavitTemplateId]="templateId"
   [client_ref]="clientRef"
-  (callBack)="onBulkCallback($event)">
+  (callBack)="handleBulkCallback($event)">
 </e-affidavit-bulk-create-applications>
 ```
 
@@ -94,6 +94,20 @@ export class AppModule {}
 - `callBack` – bulk workflow completed
 - `overlayClose` – bulk workspace closed
 
+---
+### 4.3 `<e-affidavit-applications-details-page>` – Bulk Affidavits
+
+```html
+<e-affidavit-applications-details-page
+  [client_ref]="clientRef"
+  (handlePayment)="handlePaymentSuccess($event)">
+</e-affidavit-applications-details-page>
+```
+
+**Events**
+- `handlePayment` – payment completed
+- `overlayClose` – bulk workspace closed
+
 ---
 
 ## 5. Angular Services
@@ -114,7 +128,7 @@ Used for **headless / backend-driven** affidavit creation.
 
 ```ts
 interface AngularAffidavitCallback {
-  status: "success" | "failed";
+  status: "success" | "error";
   reference?: string;
   data: any;
 }
@@ -145,6 +159,7 @@ They **do not require Angular/React/Vuejs** in the consuming app.
 | Affidavit Application | `<highcourt-affidavit>` | Create & submit affidavits |
 | Payment | `<pay-affidavit>` | Pay for an existing affidavit |
 | Bulk Workspace | `<bulk-create-applications>` | Manage multiple affidavits |
+| Bulk Applications Details | `<e-affidavit-applications-details-page>` | Manage multiple affidavits Payment |
 
 ---
 
@@ -178,7 +193,7 @@ They **do not require Angular/React/Vuejs** in the consuming app.
 | `templateId` | ❌ | Affidavit template |
 | `client-ref` | ❌ | Client reference |
 | `clientRef` | ❌ | Client reference |
-| `payload` | ❌ | Prefilled data (JSON) |
+| `payload` | ❌ | Prefilled data |
 
 ### Callbacks
 
@@ -233,11 +248,28 @@ payElement.addEventListener("handlePayment", (e) => {
 |-----|------------|
 | `callBack` | Bulk submission completed |
 | `overlayClose` | Workspace closed |
-| `error` | Bulk workflow error |
+
+---
+## 13. `<e-affidavit-applications-details-page>` – Web Component
+
+### Attributes
+
+| Attribute | Required | Description |
+|--------|----------|-------------|
+| `token` | ❌ | API key |
+| `mode` | ❌ | Environment |
+| `client_ref` | ✅ | Bulk session reference |
+
+### Callbacks
+
+| Event | Description |
+|-----|------------|
+| `handlePayment` | Bulk submission completed |
+| `overlayClose` | Workspace closed |
 
 ---
 
-## 13. Unified Web Component Callback Contract
+## 14. Unified Web Component Callback Contract
 
 ```ts
 interface WebComponentCallback {
@@ -256,7 +288,7 @@ interface WebComponentCallback {
 
 ---
 
-## 14. Global Callback Listener
+## 15. Global Callback Listener
 
 ```js
 document.addEventListener("callBack", (event) => {
@@ -266,7 +298,7 @@ document.addEventListener("callBack", (event) => {
 
 ---
 
-## 15. Using Web Components in Angular Apps
+## 16. Using Web Components in Angular Apps
 
 ```ts
 import { CUSTOM_ELEMENTS_SCHEMA } from "@angular/core";
@@ -282,9 +314,9 @@ export class AppModule {}
     <h4>📝 Affidavit Application Component</h4>
     <highcourt-affidavit [appNo]="appNo" [templateId]="templateId"
       [payload]="payload" [appNo]="appNo"
-      (callBack)="onAffidavitCallback($event)" [clientRef]="clientRef"
-      (overlayClose)="onAffidavitOverlayClose($event)"
-       (paymentSuccess)="onAffidavitPaymentSuccess($event)">
+      (callBack)="handleAffidavitCallback($event)" [clientRef]="clientRef"
+      (overlayClose)="handleAffidavitOverlayClose($event)"
+      (paymentSuccess)="handleAffidavitPaymentSuccess($event)">
     </highcourt-affidavit>
 </div>
 ```
@@ -331,7 +363,7 @@ export class AppComponent implements OnInit {
       },
       {
         placeholder: "contractor_company_name",
-        provided_value: "Centaur info Systems",
+        provided_value: "Centaur Info Systems",
       },
       {
         placeholder: "mda_authority_name",
@@ -397,20 +429,20 @@ export class AppComponent implements OnInit {
   }
 
   // Highcourt Affidavit Component Event Handlers
-  onAffidavitCallback(evt: any) {
+  handleAffidavitCallback(evt: any) {
     const anyEvt = evt as any;
     const detail = anyEvt?.detail ?? null;
 
     console.log('[highcourt-affidavit] event received:', evt);
   }
 
-  onAffidavitPaymentSuccess(data: any) {
+  handleAffidavitPaymentSuccess(data: any) {
     console.log('APP Affidavit Payment Success:', data);
 
     // Handle payment success - e.g., update application status, show success message, etc.
   }
 
-  onAffidavitOverlayClose(data: boolean) {
+  handleAffidavitOverlayClose(data: boolean) {
     console.log('APP Affidavit Overlay Closed:', data);
     if (data) {
       this.showAffidavitOverlay = false;
@@ -422,7 +454,7 @@ export class AppComponent implements OnInit {
 
 ---
 
-## 16. Security & Compliance
+## 17. Security & Compliance
 
 - Never expose live API keys
 - Always validate payments server-side
@@ -432,13 +464,13 @@ export class AppComponent implements OnInit {
 
 ---
 
-## 17. Support
+## 18. Support
 
 📧 support@centuryinformationsystems.com
 
 ---
 
-## 18. License
+## 19. License
 
 MIT License  
 © 2026 ECMS