{ "page_ir": { "page_id": "member_dashboard", "page_goal": "Personalized member dashboard showing overview of active loans, reservations, outstanding fines, reading stats, and quick actions for library services", "style": { "tone": "friendly", "theme": "light", "density": "comfortable", "color_intent": "informational with status indicators" }, "accessibility": { "required_labels": [ "stat_cards", "loans_table", "reservations_table", "fines_summary", "payment_modal", "quick_actions" ], "skip_navigation": true, "focus_management": true, "announce_changes": [] }, "responsive": { "breakpoints": { "sm": 576, "md": 768, "lg": 992, "xl": 1200 }, "collapse_rules": [ "stat_cards_row collapses to 2x2 grid on sm", "tables scroll horizontally on sm" ], "hidden_on_small": [ "recommended_carousel" ], "stack_on_small": [] }, "constraints": [ "Requires authenticated member role", "Color-coded due date indicators: green >3 days, yellow 1-3 days, red overdue" ], "seo_title": null, "seo_description": null }, "data_ir": { "types": {}, "state": { "activeLoans": { "type": "array", "initial": [], "required": true, "constraints": {}, "item_type": null }, "activeReservations": { "type": "array", "initial": [], "required": true, "constraints": {}, "item_type": null }, "outstandingFines": { "type": "array", "initial": [], "required": true, "constraints": {}, "item_type": null }, "recommendedBooks": { "type": "array", "initial": [], "required": false, "constraints": {}, "item_type": null }, "loansCount": { "type": "number", "initial": 0, "required": false, "constraints": {}, "item_type": null }, "reservationsCount": { "type": "number", "initial": 0, "required": false, "constraints": {}, "item_type": null }, "booksReadCount": { "type": "number", "initial": 0, "required": false, "constraints": {}, "item_type": null }, "paymentModalVisible": { "type": "boolean", "initial": false, "required": false, "constraints": {}, "item_type": null }, "selectedFinesForPayment": { "type": "array", "initial": [], "required": false, "constraints": {}, "item_type": null }, "loading": { "type": "boolean", "initial": true, "required": false, "constraints": {}, "item_type": null }, "renewingLoanId": { "type": "string", "initial": null, "required": false, "constraints": {}, "item_type": null }, "cancellingReservationId": { "type": "string", "initial": null, "required": false, "constraints": {}, "item_type": null } }, "derived": { "totalFinesAmount": { "type": "number", "expr": "state.outstandingFines.reduce((sum, f) => sum + (f.amount - f.amount_paid), 0)", "deps": [] }, "activeLoansCount": { "type": "number", "expr": "state.activeLoans.length", "deps": [] }, "activeReservationsCount": { "type": "number", "expr": "state.activeReservations.length", "deps": [] } } }, "data_fetch_ir": { "endpoints": { "1bf21eda05e144a0b181f2b678f3bd81": { "endpoint_id": "1bf21eda05e144a0b181f2b678f3bd81", "module": "Circulation", "endpoint": "/loans/", "method": "GET", "path_params": {}, "query_params": { "member_id": "$context.currentUser.memberId", "status": "ACTIVE", "limit": 50 }, "body": null, "fields": [ "id", "member_id", "book_copy_id", "checkout_date", "due_date", "renewal_count", "status" ], "response_target": "activeLoans", "response_transform": null, "trigger": "on_mount", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "05f30eaa52d8447fb1ee002b24bef56a": { "endpoint_id": "05f30eaa52d8447fb1ee002b24bef56a", "module": "Reservations", "endpoint": "/reservations/", "method": "GET", "path_params": {}, "query_params": { "member_id": "$context.currentUser.memberId", "status": "PENDING", "limit": 50 }, "body": null, "fields": [ "id", "member_id", "book_id", "reservation_date", "expiration_date", "status", "priority_order" ], "response_target": "activeReservations", "response_transform": null, "trigger": "on_mount", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "150ca06e289949ebb98e4bd4c256b1de": { "endpoint_id": "150ca06e289949ebb98e4bd4c256b1de", "module": "Fines and Payments", "endpoint": "/fines/", "method": "GET", "path_params": {}, "query_params": { "member_id": "$context.currentUser.memberId", "payment_status": "UNPAID", "limit": 50 }, "body": null, "fields": [ "id", "member_id", "loan_id", "amount", "reason", "issue_date", "payment_status", "amount_paid" ], "response_target": "outstandingFines", "response_transform": null, "trigger": "on_mount", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "02b6e31397e34ab1be5c11687aef5b9d": { "endpoint_id": "02b6e31397e34ab1be5c11687aef5b9d", "module": "Circulation", "endpoint": "/loans/", "method": "GET", "path_params": {}, "query_params": { "member_id": "$context.currentUser.memberId", "status": "RETURNED", "limit": 1, "offset": 0 }, "body": null, "fields": [ "id" ], "response_target": "booksReadCount", "response_transform": null, "trigger": "on_mount", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "6dc9ef86bb744aa9b51beb7b727dc517": { "endpoint_id": "6dc9ef86bb744aa9b51beb7b727dc517", "module": "Catalog", "endpoint": "/catalog/books", "method": "GET", "path_params": {}, "query_params": { "limit": 10, "offset": 0 }, "body": null, "fields": [ "id", "title", "book_authors" ], "response_target": "recommendedBooks", "response_transform": null, "trigger": "on_mount", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "1c3594fd5ef6454fbb9e576f15cbbd22": { "endpoint_id": "1c3594fd5ef6454fbb9e576f15cbbd22", "module": "Circulation", "endpoint": "/loans/{loan_id}/renew", "method": "POST", "path_params": { "loan_id": "$state.renewingLoanId" }, "query_params": {}, "body": { "notes": null }, "fields": [ "id", "due_date", "renewal_count", "status" ], "response_target": "activeLoans", "response_transform": null, "trigger": "manual", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "455ffdb594424a439863899933083103": { "endpoint_id": "455ffdb594424a439863899933083103", "module": "Reservations", "endpoint": "/reservations/{reservation_id}/cancel", "method": "POST", "path_params": { "reservation_id": "$state.cancellingReservationId" }, "query_params": {}, "body": null, "fields": [ "id", "status" ], "response_target": "activeReservations", "response_transform": null, "trigger": "manual", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "56b620cae5ed4a3bb63873fb309de779": { "endpoint_id": "56b620cae5ed4a3bb63873fb309de779", "module": "Fines and Payments", "endpoint": "/fines/payments", "method": "POST", "path_params": {}, "query_params": {}, "body": { "member_id": "$context.currentUser.memberId", "fine_id": "$state.selectedFinesForPayment[0]", "amount": "$form.paymentAmount", "payment_method": "$form.paymentMethod", "transaction_date": "$now", "reference_number": null, "processed_by_librarian_id": null, "notes": null }, "fields": [ "id", "amount", "payment_method", "transaction_date" ], "response_target": "outstandingFines", "response_transform": null, "trigger": "manual", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null } } }, "data_model_ir": { "entities": { "loans": { "name": "Loan", "backend_module": "Circulation", "fields": [ "id", "member_id", "book_copy_id", "checkout_date", "due_date", "return_date", "renewal_count", "status", "checked_out_by_librarian_id", "checked_in_by_librarian_id", "notes", "created_at", "updated_at" ], "computed": [ "daysUntilDue", "dueDateColor" ], "display_fields": [ "checkout_date", "due_date", "status", "renewal_count" ], "search_fields": [], "filters": [ "status" ], "default_sort": null, "default_sort_dir": "asc" }, "reservations": { "name": "Reservation", "backend_module": "Reservations", "fields": [ "id", "member_id", "book_id", "reservation_date", "expiration_date", "status", "priority_order", "notified_date", "created_at", "updated_at" ], "computed": [ "estimatedWait" ], "display_fields": [ "reservation_date", "status", "priority_order" ], "search_fields": [], "filters": [ "status" ], "default_sort": null, "default_sort_dir": "asc" }, "fines": { "name": "Fine", "backend_module": "Fines and Payments", "fields": [ "id", "member_id", "loan_id", "amount", "reason", "issue_date", "payment_status", "payment_date", "amount_paid", "waived_by_librarian_id", "waived_reason", "created_at", "updated_at" ], "computed": [ "remainingBalance" ], "display_fields": [ "amount", "reason", "issue_date", "payment_status", "amount_paid" ], "search_fields": [], "filters": [ "payment_status" ], "default_sort": null, "default_sort_dir": "asc" }, "books": { "name": "Book", "backend_module": "Catalog", "fields": [ "id", "title", "book_authors" ], "computed": [], "display_fields": [ "title", "book_authors" ], "search_fields": [], "filters": [], "default_sort": null, "default_sort_dir": "asc" } }, "relationships": [] }, "behaviour_ir": { "events": { "openPaymentModal": { "type": "mutation", "updates": [ { "target": "state.paymentModalVisible", "expr": "true" } ], "description": "" }, "closePaymentModal": { "type": "mutation", "updates": [ { "target": "state.paymentModalVisible", "expr": "false" }, { "target": "state.selectedFinesForPayment", "expr": "[]" } ], "description": "" }, "selectFineForPayment": { "type": "mutation", "updates": [ { "target": "state.selectedFinesForPayment", "expr": "event.selectedRowKeys" } ], "description": "" } }, "actions": { "1c3594fd5ef6454fbb9e576f15cbbd22": { "action_id": "1c3594fd5ef6454fbb9e576f15cbbd22", "trigger": "button_click", "target_component_id": "loans_table", "operation": "update", "description": "", "payload": { "loan_id": "$row.id" }, "guard": null, "requires_confirmation": true, "confirmation_message": null, "validation_rules": [], "validation_messages": {}, "updates": [ { "target": "state.renewingLoanId", "expr": "$row.id" } ], "api_endpoint": "1c3594fd5ef6454fbb9e576f15cbbd22", "api_body": null, "side_effects": [ { "type": "toast", "config": { "message": "Book renewed successfully!", "type": "success" } }, { "type": "refresh", "config": { "target": "fetchActiveLoans" } } ], "then": null, "catch": null, "data_action": null }, "455ffdb594424a439863899933083103": { "action_id": "455ffdb594424a439863899933083103", "trigger": "button_click", "target_component_id": "reservations_table", "operation": "update", "description": "", "payload": { "reservation_id": "$row.id" }, "guard": null, "requires_confirmation": true, "confirmation_message": null, "validation_rules": [], "validation_messages": {}, "updates": [ { "target": "state.cancellingReservationId", "expr": "$row.id" } ], "api_endpoint": "455ffdb594424a439863899933083103", "api_body": null, "side_effects": [ { "type": "toast", "config": { "message": "Reservation cancelled successfully", "type": "success" } }, { "type": "refresh", "config": { "target": "fetchActiveReservations" } } ], "then": null, "catch": null, "data_action": null }, "6b0f09bbf7184fbc81d0dd235b5d5ff2": { "action_id": "6b0f09bbf7184fbc81d0dd235b5d5ff2", "trigger": "form_submit", "target_component_id": "payment_form", "operation": "create", "description": "", "payload": {}, "guard": null, "requires_confirmation": false, "confirmation_message": null, "validation_rules": [ { "rule_id": "val_0", "field": null, "type": "custom", "value": null, "expression": "{\"field\": \"paymentMethod\", \"message\": \"Please select a payment method\", \"rule_id\": \"val_payment_method\", \"type\": \"required\"}", "message": "{\"field\": \"paymentMethod\", \"message\": \"Please select a payment method\", \"rule_id\": \"val_payment_method\", \"type\": \"required\"}" }, { "rule_id": "val_1", "field": null, "type": "custom", "value": null, "expression": "{\"field\": \"paymentAmount\", \"message\": \"Please enter payment amount\", \"rule_id\": \"val_amount\", \"type\": \"required\"}", "message": "{\"field\": \"paymentAmount\", \"message\": \"Please enter payment amount\", \"rule_id\": \"val_amount\", \"type\": \"required\"}" }, { "rule_id": "val_2", "field": null, "type": "custom", "value": null, "expression": "{\"field\": \"paymentAmount\", \"message\": \"Amount must be greater than 0\", \"rule_id\": \"val_amount_min\", \"type\": \"min\", \"value\": 0.01}", "message": "{\"field\": \"paymentAmount\", \"message\": \"Amount must be greater than 0\", \"rule_id\": \"val_amount_min\", \"type\": \"min\", \"value\": 0.01}" } ], "validation_messages": {}, "updates": [], "api_endpoint": "56b620cae5ed4a3bb63873fb309de779", "api_body": null, "side_effects": [ { "type": "toast", "config": { "message": "Payment processed successfully!", "type": "success" } }, { "type": "modal_close", "config": { "target": "payment_modal" } }, { "type": "refresh", "config": { "target": "fetchOutstandingFines" } } ], "then": null, "catch": null, "data_action": null }, "00b6b69826f6495492f2a448d911bc95": { "action_id": "00b6b69826f6495492f2a448d911bc95", "trigger": "button_click", "target_component_id": "btn_search_catalog", "operation": "custom", "description": "", "payload": {}, "guard": null, "requires_confirmation": false, "confirmation_message": null, "validation_rules": [], "validation_messages": {}, "updates": [], "api_endpoint": null, "api_body": null, "side_effects": [ { "type": "navigate", "config": { "path": "/" } } ], "then": null, "catch": null, "data_action": null }, "18c6162a90c84c39856445f2ee666d10": { "action_id": "18c6162a90c84c39856445f2ee666d10", "trigger": "button_click", "target_component_id": "btn_view_history", "operation": "custom", "description": "", "payload": {}, "guard": null, "requires_confirmation": false, "confirmation_message": null, "validation_rules": [], "validation_messages": {}, "updates": [], "api_endpoint": null, "api_body": null, "side_effects": [ { "type": "navigate", "config": { "path": "/dashboard/history" } } ], "then": null, "catch": null, "data_action": null }, "b415d0b443bf4b819926d811556e9128": { "action_id": "b415d0b443bf4b819926d811556e9128", "trigger": "button_click", "target_component_id": "btn_my_profile", "operation": "custom", "description": "", "payload": {}, "guard": null, "requires_confirmation": false, "confirmation_message": null, "validation_rules": [], "validation_messages": {}, "updates": [], "api_endpoint": null, "api_body": null, "side_effects": [ { "type": "navigate", "config": { "path": "/dashboard/profile" } } ], "then": null, "catch": null, "data_action": null }, "0863117380d242659b78d8e96924b9b7": { "action_id": "0863117380d242659b78d8e96924b9b7", "trigger": "row_click", "target_component_id": "recommended_carousel", "operation": "custom", "description": "", "payload": { "bookId": "$item.id" }, "guard": null, "requires_confirmation": false, "confirmation_message": null, "validation_rules": [], "validation_messages": {}, "updates": [], "api_endpoint": null, "api_body": null, "side_effects": [ { "type": "navigate", "config": { "path": "/books/$item.id" } } ], "then": null, "catch": null, "data_action": null } }, "feedback": { "1c3594fd5ef6454fbb9e576f15cbbd22": { "action_id": "1c3594fd5ef6454fbb9e576f15cbbd22", "loading_indicator": "spinner", "loading_text": null, "success_message": "Book renewed successfully! New due date has been set.", "error_message": "Unable to renew this book. It may be reserved by another member or has reached the renewal limit.", "ui_updates": [] }, "455ffdb594424a439863899933083103": { "action_id": "455ffdb594424a439863899933083103", "loading_indicator": "spinner", "loading_text": null, "success_message": "Reservation cancelled successfully.", "error_message": "Unable to cancel reservation. Please try again.", "ui_updates": [] }, "6b0f09bbf7184fbc81d0dd235b5d5ff2": { "action_id": "6b0f09bbf7184fbc81d0dd235b5d5ff2", "loading_indicator": "spinner", "loading_text": null, "success_message": "Payment processed successfully!", "error_message": "Payment failed. Please try again or contact the library.", "ui_updates": [] }, "00b6b69826f6495492f2a448d911bc95": { "action_id": "00b6b69826f6495492f2a448d911bc95", "loading_indicator": null, "loading_text": null, "success_message": null, "error_message": null, "ui_updates": [] }, "18c6162a90c84c39856445f2ee666d10": { "action_id": "18c6162a90c84c39856445f2ee666d10", "loading_indicator": null, "loading_text": null, "success_message": null, "error_message": null, "ui_updates": [] }, "b415d0b443bf4b819926d811556e9128": { "action_id": "b415d0b443bf4b819926d811556e9128", "loading_indicator": null, "loading_text": null, "success_message": null, "error_message": null, "ui_updates": [] }, "0863117380d242659b78d8e96924b9b7": { "action_id": "0863117380d242659b78d8e96924b9b7", "loading_indicator": null, "loading_text": null, "success_message": null, "error_message": null, "ui_updates": [] } } }, "component_ir": { "library": "antd", "theme": { "primaryColor": "#1677ff", "secondaryColor": "#52c41a", "successColor": null, "warningColor": null, "errorColor": null, "fontFamily": "sans-serif", "fontSize": null, "borderRadius": 6 }, "components": { "main_container": { "type": "Layout", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": {}, "dynamic_props": {}, "styles": { "minHeight": "100vh", "width": "100%", "padding": "24px", "background": "#f5f5f5" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "page_header": { "type": "Typography.Title", "label": "My Dashboard", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "level": 2 }, "dynamic_props": {}, "styles": { "marginBottom": "8px" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "welcome_text": { "type": "Typography.Text", "label": null, "description": null, "bind": "appContext.currentUser.fullName", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "secondary" }, "dynamic_props": {}, "styles": { "marginBottom": "24px", "display": "block" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "stat_cards_row": { "type": "Row", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "gutter": [ 16, 16 ] }, "dynamic_props": {}, "styles": { "marginBottom": "24px" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "stat_active_loans": { "type": "Card", "label": "Active Loans", "description": null, "bind": "derived.activeLoansCount", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "bordered": true, "size": "small" }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "stat_active_reservations": { "type": "Card", "label": "Active Reservations", "description": null, "bind": "derived.activeReservationsCount", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "bordered": true, "size": "small" }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "stat_outstanding_fines": { "type": "Card", "label": "Outstanding Fines", "description": null, "bind": "derived.totalFinesAmount", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "bordered": true, "size": "small", "prefix": "$" }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "stat_books_read": { "type": "Card", "label": "Books Read", "description": null, "bind": "state.booksReadCount", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "bordered": true, "size": "small" }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "loans_section": { "type": "Card", "label": "Current Loans", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "bordered": true }, "dynamic_props": {}, "styles": { "marginBottom": "24px" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "loans_table": { "type": "Table", "label": null, "description": null, "bind": "state.activeLoans", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "columns": [ { "title": "Book Title", "dataIndex": "bookTitle", "key": "bookTitle" }, { "title": "Barcode", "dataIndex": "barcode", "key": "barcode" }, { "title": "Checkout Date", "dataIndex": "checkout_date", "key": "checkout_date" }, { "title": "Due Date", "dataIndex": "due_date", "key": "due_date", "render": "dueDateWithColor" }, { "title": "Status", "dataIndex": "status", "key": "status", "render": "tag" }, { "title": "Actions", "key": "actions", "render": "renewButton" } ], "pagination": false, "size": "middle", "rowKey": "id" }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "reservations_section": { "type": "Card", "label": "Active Reservations", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "bordered": true }, "dynamic_props": {}, "styles": { "marginBottom": "24px" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "reservations_table": { "type": "Table", "label": null, "description": null, "bind": "state.activeReservations", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "columns": [ { "title": "Book Title", "dataIndex": "bookTitle", "key": "bookTitle" }, { "title": "Reservation Date", "dataIndex": "reservation_date", "key": "reservation_date" }, { "title": "Queue Position", "dataIndex": "priority_order", "key": "priority_order" }, { "title": "Status", "dataIndex": "status", "key": "status", "render": "tag" }, { "title": "Estimated Wait", "dataIndex": "estimatedWait", "key": "estimatedWait" }, { "title": "Actions", "key": "actions", "render": "cancelButton" } ], "pagination": false, "size": "middle", "rowKey": "id" }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "fines_section": { "type": "Card", "label": "Outstanding Fines", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "bordered": true }, "dynamic_props": {}, "styles": { "marginBottom": "24px" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "fines_summary": { "type": "Statistic", "label": "Total Balance", "description": null, "bind": "derived.totalFinesAmount", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "prefix": "$", "precision": 2, "valueStyle": { "color": "#cf1322" } }, "dynamic_props": {}, "styles": { "marginBottom": "16px" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "btn_pay_now": { "type": "Button", "label": "Pay Now", "description": null, "bind": null, "onClick": "openPaymentModal", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "primary", "danger": true, "icon": "DollarOutlined" }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "payment_modal": { "type": "Modal", "label": "Make Payment", "description": null, "bind": "state.paymentModalVisible", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "width": 520, "destroyOnClose": true, "okText": "Submit Payment", "cancelText": "Cancel" }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "payment_form": { "type": "Form", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "layout": "vertical" }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "fines_select_table": { "type": "Table", "label": "Select Fines to Pay", "description": null, "bind": "state.outstandingFines", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "columns": [ { "title": "Reason", "dataIndex": "reason", "key": "reason" }, { "title": "Amount", "dataIndex": "amount", "key": "amount", "render": "currency" }, { "title": "Paid", "dataIndex": "amount_paid", "key": "amount_paid", "render": "currency" }, { "title": "Remaining", "key": "remaining", "render": "remainingBalance" } ], "rowSelection": { "type": "checkbox", "onChange": "selectFineForPayment" }, "pagination": false, "size": "small", "rowKey": "id" }, "dynamic_props": {}, "styles": { "marginBottom": "16px" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "payment_method_field": { "type": "Form.Item", "label": "Payment Method", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "name": "paymentMethod", "rules": [ { "required": true, "message": "Please select a payment method" } ] }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "payment_method_select": { "type": "Select", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Select payment method", "options": [ { "label": "Cash", "value": "CASH" }, { "label": "Credit Card", "value": "CREDIT_CARD" }, { "label": "Debit Card", "value": "DEBIT_CARD" }, { "label": "Online", "value": "ONLINE" } ] }, "dynamic_props": {}, "styles": { "width": "100%" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "payment_amount_field": { "type": "Form.Item", "label": "Amount", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "name": "paymentAmount", "rules": [ { "required": true, "message": "Please enter payment amount" } ] }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "payment_amount_input": { "type": "InputNumber", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "min": 0.01, "step": 0.01, "prefix": "$", "placeholder": "Enter amount", "precision": 2 }, "dynamic_props": {}, "styles": { "width": "100%" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "recommended_section": { "type": "Card", "label": "Recommended for You", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "bordered": true }, "dynamic_props": {}, "styles": { "marginBottom": "24px" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "recommended_carousel": { "type": "Carousel", "label": null, "description": null, "bind": "state.recommendedBooks", "onClick": "navigateToBookDetail", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "slidesToShow": 4, "dots": true, "autoplay": true }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "quick_actions_section": { "type": "Space", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "size": "middle", "wrap": true }, "dynamic_props": {}, "styles": { "marginBottom": "24px" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "btn_search_catalog": { "type": "Button", "label": "Search Catalog", "description": null, "bind": null, "onClick": "navigateToCatalog", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "primary", "icon": "SearchOutlined", "size": "large" }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "btn_view_history": { "type": "Button", "label": "View History", "description": null, "bind": null, "onClick": "navigateToHistory", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "default", "icon": "HistoryOutlined", "size": "large" }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "btn_my_profile": { "type": "Button", "label": "My Profile", "description": null, "bind": null, "onClick": "navigateToProfile", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "default", "icon": "UserOutlined", "size": "large" }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null } } }, "layout_ir": { "root": "main_container", "children": { "main_container": [ "page_header", "welcome_text", "stat_cards_row", "loans_section", "reservations_section", "fines_section", "recommended_section", "quick_actions_section", "payment_modal" ], "stat_cards_row": [ "stat_active_loans", "stat_active_reservations", "stat_outstanding_fines", "stat_books_read" ], "loans_section": [ "loans_table" ], "reservations_section": [ "reservations_table" ], "fines_section": [ "fines_summary", "btn_pay_now" ], "recommended_section": [ "recommended_carousel" ], "quick_actions_section": [ "btn_search_catalog", "btn_view_history", "btn_my_profile" ], "payment_modal": [ "payment_form" ], "payment_form": [ "fines_select_table", "payment_method_field", "payment_amount_field" ], "payment_method_field": [ "payment_method_select" ], "payment_amount_field": [ "payment_amount_input" ] }, "layout": { "main_container": { "type": "vertical", "gap": 0, "padding": null, "columns": null, "column_template": null, "row_template": null, "align_items": null, "justify_content": null, "wrap": false, "min_height": null, "overflow": null }, "stat_cards_row": { "type": "grid", "gap": 16, "padding": null, "columns": 4, "column_template": null, "row_template": null, "align_items": null, "justify_content": null, "wrap": false, "min_height": null, "overflow": null }, "loans_section": { "type": "vertical", "gap": 0, "padding": null, "columns": null, "column_template": null, "row_template": null, "align_items": null, "justify_content": null, "wrap": false, "min_height": null, "overflow": null }, "reservations_section": { "type": "vertical", "gap": 0, "padding": null, "columns": null, "column_template": null, "row_template": null, "align_items": null, "justify_content": null, "wrap": false, "min_height": null, "overflow": null }, "fines_section": { "type": "vertical", "gap": 16, "padding": null, "columns": null, "column_template": null, "row_template": null, "align_items": null, "justify_content": null, "wrap": false, "min_height": null, "overflow": null }, "recommended_section": { "type": "vertical", "gap": 0, "padding": null, "columns": null, "column_template": null, "row_template": null, "align_items": null, "justify_content": null, "wrap": false, "min_height": null, "overflow": null }, "quick_actions_section": { "type": "horizontal", "gap": 12, "padding": null, "columns": null, "column_template": null, "row_template": null, "align_items": null, "justify_content": null, "wrap": false, "min_height": null, "overflow": null }, "payment_modal": { "type": "vertical", "gap": 0, "padding": null, "columns": null, "column_template": null, "row_template": null, "align_items": null, "justify_content": null, "wrap": false, "min_height": null, "overflow": null }, "payment_form": { "type": "vertical", "gap": 16, "padding": null, "columns": null, "column_template": null, "row_template": null, "align_items": null, "justify_content": null, "wrap": false, "min_height": null, "overflow": null }, "payment_method_field": { "type": "vertical", "gap": 0, "padding": null, "columns": null, "column_template": null, "row_template": null, "align_items": null, "justify_content": null, "wrap": false, "min_height": null, "overflow": null }, "payment_amount_field": { "type": "vertical", "gap": 0, "padding": null, "columns": null, "column_template": null, "row_template": null, "align_items": null, "justify_content": null, "wrap": false, "min_height": null, "overflow": null } }, "layout_zones": [ { "zone_id": "main_zone", "component": "main_container", "anchor": "top-left", "size_hint": "full-width", "z_layer": "base", "notes": "Main dashboard container" }, { "zone_id": "payment_overlay", "component": "payment_modal", "anchor": "center", "size_hint": "auto", "z_layer": "overlay", "notes": "Payment modal overlay" } ], "responsive_overrides": [] }, "navigation_ir": { "tabs": [], "modals": {}, "drawers": {}, "routes": [], "breadcrumb": null, "default_tab": null }, "realtime_ir": { "timers": {}, "polling": {} }, "metadata": { "ir_version": "3.5", "generated_at": "", "source_prompt": null, "schema_session_id": null, "warnings": [] }, "page_data_contract": null, "schema_ir": null }