{ "page_ir": { "page_id": "librarian_dashboard", "page_goal": "Provide librarians with an operational dashboard showing key metrics, quick actions for checkout/return/registration, overdue books tracking, and pending reservation management", "style": { "tone": "professional", "theme": "light", "density": "comfortable", "color_intent": "informative with action-oriented highlights" }, "accessibility": { "required_labels": [ "stat_cards", "checkout_modal", "return_modal", "overdue_table", "reservations_table" ], "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 2-column grid on md, single column on sm" ], "hidden_on_small": [], "stack_on_small": [] }, "constraints": [ "Role must be librarian or administrator to access this page" ], "seo_title": null, "seo_description": null }, "data_ir": { "types": {}, "state": { "checkoutsToday": { "type": "number", "initial": 0, "required": false, "constraints": {}, "item_type": null }, "returnsToday": { "type": "number", "initial": 0, "required": false, "constraints": {}, "item_type": null }, "overdueCount": { "type": "number", "initial": 0, "required": false, "constraints": {}, "item_type": null }, "pendingReservationsCount": { "type": "number", "initial": 0, "required": false, "constraints": {}, "item_type": null }, "newMembersThisWeek": { "type": "number", "initial": 0, "required": false, "constraints": {}, "item_type": null }, "overdueLoans": { "type": "array", "initial": [], "required": false, "constraints": {}, "item_type": null }, "pendingReservations": { "type": "array", "initial": [], "required": false, "constraints": {}, "item_type": null }, "checkoutModalVisible": { "type": "boolean", "initial": false, "required": false, "constraints": {}, "item_type": null }, "returnModalVisible": { "type": "boolean", "initial": false, "required": false, "constraints": {}, "item_type": null }, "checkoutMemberSearch": { "type": "string", "initial": "", "required": false, "constraints": {}, "item_type": null }, "checkoutMemberResults": { "type": "array", "initial": [], "required": false, "constraints": {}, "item_type": null }, "selectedMember": { "type": "object", "initial": null, "required": false, "constraints": {}, "item_type": null }, "checkoutBarcode": { "type": "string", "initial": "", "required": false, "constraints": {}, "item_type": null }, "memberEligibility": { "type": "object", "initial": null, "required": false, "constraints": {}, "item_type": null }, "returnBarcode": { "type": "string", "initial": "", "required": false, "constraints": {}, "item_type": null }, "returnLoanDetails": { "type": "object", "initial": null, "required": false, "constraints": {}, "item_type": null }, "returnCondition": { "type": "string", "initial": "GOOD", "required": false, "constraints": {}, "item_type": null }, "returnDamageFine": { "type": "number", "initial": 0, "required": false, "constraints": {}, "item_type": null }, "loading": { "type": "boolean", "initial": false, "required": false, "constraints": {}, "item_type": null } }, "derived": { "overdueDays": { "type": "number", "expr": "returnLoanDetails ? Math.max(0, Math.floor((Date.now() - new Date(returnLoanDetails.due_date).getTime()) / 86400000)) : 0", "deps": [] }, "overdueFineAmount": { "type": "number", "expr": "overdueDays * (appContext.systemConfig?.dailyFineRate || 0.5)", "deps": [] } } }, "data_fetch_ir": { "endpoints": { "f4d4c4ee64a24f108abb4064b487ad64": { "endpoint_id": "f4d4c4ee64a24f108abb4064b487ad64", "module": "Circulation", "endpoint": "/loans/", "method": "GET", "path_params": {}, "query_params": { "status": "OVERDUE", "limit": 50 }, "body": null, "fields": [ "id", "member_id", "book_copy_id", "checkout_date", "due_date", "status" ], "response_target": "overdueLoans", "response_transform": null, "trigger": "on_mount", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "45543aa3cbdc4459955d70c2a4e68070": { "endpoint_id": "45543aa3cbdc4459955d70c2a4e68070", "module": "Reservations", "endpoint": "/reservations/", "method": "GET", "path_params": {}, "query_params": { "status": "READY", "limit": 50 }, "body": null, "fields": [ "id", "member_id", "book_id", "reservation_date", "expiration_date", "status", "notified_date" ], "response_target": "pendingReservations", "response_transform": null, "trigger": "on_mount", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "9cf7fa300c324c26be1642ce8936e12d": { "endpoint_id": "9cf7fa300c324c26be1642ce8936e12d", "module": "Circulation", "endpoint": "/loans/", "method": "GET", "path_params": {}, "query_params": { "status": "ACTIVE", "limit": 100 }, "body": null, "fields": [ "id", "checkout_date", "status" ], "response_target": "checkoutsToday", "response_transform": null, "trigger": "on_mount", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "a21f7bb048124fe9a3c2b8dd3427f922": { "endpoint_id": "a21f7bb048124fe9a3c2b8dd3427f922", "module": "Authentication", "endpoint": "/auth/members", "method": "GET", "path_params": {}, "query_params": { "limit": 20, "offset": 0 }, "body": null, "fields": [ "id", "membership_number", "user" ], "response_target": "checkoutMemberResults", "response_transform": null, "trigger": "manual", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "7a139f86c2314fcba69643f8fa3a32e3": { "endpoint_id": "7a139f86c2314fcba69643f8fa3a32e3", "module": "Circulation", "endpoint": "/loans/checkout", "method": "POST", "path_params": {}, "query_params": {}, "body": null, "fields": [ "id", "member_id", "book_copy_id", "checkout_date", "due_date", "status" ], "response_target": "checkoutBook_data", "response_transform": null, "trigger": "manual", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "9154abd1f8df4e37a3f79d3125c4b98e": { "endpoint_id": "9154abd1f8df4e37a3f79d3125c4b98e", "module": "Circulation", "endpoint": "/loans/{loan_id}/return", "method": "POST", "path_params": { "loan_id": "$state.returnLoanDetails.id" }, "query_params": {}, "body": null, "fields": [ "id", "member_id", "book_copy_id", "return_date", "status" ], "response_target": "returnBook_data", "response_transform": null, "trigger": "manual", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "c9a18a9183ef414686b7d47afaf8b09b": { "endpoint_id": "c9a18a9183ef414686b7d47afaf8b09b", "module": "Circulation", "endpoint": "/loans/", "method": "GET", "path_params": {}, "query_params": { "status": "ACTIVE", "limit": 1 }, "body": null, "fields": [ "id", "member_id", "book_copy_id", "checkout_date", "due_date", "status", "renewal_count" ], "response_target": "returnLoanDetails", "response_transform": null, "trigger": "manual", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "304bc329119e4e98a3ec588bd66ec432": { "endpoint_id": "304bc329119e4e98a3ec588bd66ec432", "module": "Reservations", "endpoint": "/reservations/{reservation_id}/cancel", "method": "POST", "path_params": { "reservation_id": "$state.selectedReservationId" }, "query_params": {}, "body": null, "fields": [ "id", "status" ], "response_target": "304bc329119e4e98a3ec588bd66ec432_data", "response_transform": null, "trigger": "manual", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "d87893b2b0f843d89146dcbc807aaff0": { "endpoint_id": "d87893b2b0f843d89146dcbc807aaff0", "module": "Fines and Payments", "endpoint": "/fines/", "method": "GET", "path_params": {}, "query_params": { "payment_status": "UNPAID", "limit": 10 }, "body": null, "fields": [ "id", "member_id", "amount", "payment_status" ], "response_target": "memberEligibility", "response_transform": null, "trigger": "manual", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null } } }, "data_model_ir": { "entities": { "loans": { "name": "Loans", "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": [], "display_fields": [ "status", "checkout_date", "due_date", "member_id", "book_copy_id" ], "search_fields": [], "filters": [ "status" ], "default_sort": null, "default_sort_dir": "asc" }, "reservations": { "name": "Reservations", "backend_module": "Reservations", "fields": [ "id", "member_id", "book_id", "reservation_date", "expiration_date", "status", "priority_order", "notified_date", "created_at", "updated_at" ], "computed": [], "display_fields": [ "status", "reservation_date", "expiration_date", "member_id", "book_id" ], "search_fields": [], "filters": [ "status" ], "default_sort": null, "default_sort_dir": "asc" }, "members": { "name": "Members", "backend_module": "Authentication", "fields": [ "id", "membership_number", "user" ], "computed": [], "display_fields": [ "membership_number", "user" ], "search_fields": [], "filters": [ "membership_status" ], "default_sort": null, "default_sort_dir": "asc" }, "bookCopies": { "name": "Book Copies", "backend_module": "Catalog", "fields": [ "id", "book_id", "barcode", "library_branch_id", "condition_status", "availability_status", "acquisition_date", "physical_location", "created_at", "updated_at" ], "computed": [], "display_fields": [ "barcode", "availability_status", "condition_status" ], "search_fields": [], "filters": [ "availability_status" ], "default_sort": null, "default_sort_dir": "asc" }, "fines": { "name": "Fines", "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": [], "display_fields": [ "amount", "payment_status", "reason" ], "search_fields": [], "filters": [ "payment_status" ], "default_sort": null, "default_sort_dir": "asc" } }, "relationships": [] }, "behaviour_ir": { "events": { "openCheckoutModal": { "type": "mutation", "updates": [ { "target": "state.checkoutModalVisible", "expr": "true" }, { "target": "state.selectedMember", "expr": "null" }, { "target": "state.checkoutBarcode", "expr": "''" }, { "target": "state.memberEligibility", "expr": "null" }, { "target": "state.checkoutMemberSearch", "expr": "''" }, { "target": "state.checkoutMemberResults", "expr": "[]" } ], "description": "" }, "closeCheckoutModal": { "type": "mutation", "updates": [ { "target": "state.checkoutModalVisible", "expr": "false" } ], "description": "" }, "openReturnModal": { "type": "mutation", "updates": [ { "target": "state.returnModalVisible", "expr": "true" }, { "target": "state.returnBarcode", "expr": "''" }, { "target": "state.returnLoanDetails", "expr": "null" }, { "target": "state.returnCondition", "expr": "'GOOD'" }, { "target": "state.returnDamageFine", "expr": "0" } ], "description": "" }, "closeReturnModal": { "type": "mutation", "updates": [ { "target": "state.returnModalVisible", "expr": "false" } ], "description": "" }, "updateCheckoutMemberSearch": { "type": "mutation", "updates": [ { "target": "state.checkoutMemberSearch", "expr": "$event.value" } ], "description": "" }, "selectMember": { "type": "mutation", "updates": [ { "target": "state.selectedMember", "expr": "$event.record" } ], "description": "" }, "updateCheckoutBarcode": { "type": "mutation", "updates": [ { "target": "state.checkoutBarcode", "expr": "$event.value" } ], "description": "" }, "updateReturnBarcode": { "type": "mutation", "updates": [ { "target": "state.returnBarcode", "expr": "$event.value" } ], "description": "" }, "updateReturnCondition": { "type": "mutation", "updates": [ { "target": "state.returnCondition", "expr": "$event.value" } ], "description": "" }, "updateReturnDamageFine": { "type": "mutation", "updates": [ { "target": "state.returnDamageFine", "expr": "$event.value" } ], "description": "" } }, "actions": { "4dfd48574794402eb3517486b6dae887": { "action_id": "4dfd48574794402eb3517486b6dae887", "trigger": "input_change", "target_component_id": "member_search_input", "operation": "read", "description": "", "payload": {}, "guard": null, "requires_confirmation": false, "confirmation_message": null, "validation_rules": [], "validation_messages": {}, "updates": [], "api_endpoint": "a21f7bb048124fe9a3c2b8dd3427f922", "api_body": null, "side_effects": [], "then": null, "catch": null, "data_action": null }, "3cc141b65c9d4383b7b22ec79ab96857": { "action_id": "3cc141b65c9d4383b7b22ec79ab96857", "trigger": "button_click", "target_component_id": "confirm_checkout_btn", "operation": "create", "description": "", "payload": { "member_id": "$state.selectedMember.id", "book_copy_id": "$state.checkoutBarcode", "checked_out_by_librarian_id": "appContext.currentUser.id" }, "guard": null, "requires_confirmation": true, "confirmation_message": null, "validation_rules": [ { "rule_id": "val_0", "field": null, "type": "custom", "value": null, "expression": "{\"field\": \"selectedMember\", \"message\": \"Please select a member\", \"rule_id\": \"val_member\", \"type\": \"required\"}", "message": "{\"field\": \"selectedMember\", \"message\": \"Please select a member\", \"rule_id\": \"val_member\", \"type\": \"required\"}" }, { "rule_id": "val_1", "field": null, "type": "custom", "value": null, "expression": "{\"field\": \"checkoutBarcode\", \"message\": \"Please enter a book copy barcode\", \"rule_id\": \"val_barcode\", \"type\": \"required\"}", "message": "{\"field\": \"checkoutBarcode\", \"message\": \"Please enter a book copy barcode\", \"rule_id\": \"val_barcode\", \"type\": \"required\"}" } ], "validation_messages": {}, "updates": [ { "target": "state.checkoutModalVisible", "expr": "false" } ], "api_endpoint": "7a139f86c2314fcba69643f8fa3a32e3", "api_body": "{ member_id: state.selectedMember.id, book_copy_id: state.checkoutBarcode, checked_out_by_librarian_id: appContext.currentUser.id }", "side_effects": [ { "type": "toast", "config": { "message": "Book checked out successfully!", "type": "success" } }, { "type": "refresh", "config": {} } ], "then": null, "catch": null, "data_action": null }, "2b9c47723b1e49dba99835e835e5065c": { "action_id": "2b9c47723b1e49dba99835e835e5065c", "trigger": "button_click", "target_component_id": "return_lookup_btn", "operation": "read", "description": "", "payload": {}, "guard": null, "requires_confirmation": false, "confirmation_message": null, "validation_rules": [ { "rule_id": "val_0", "field": null, "type": "custom", "value": null, "expression": "{\"field\": \"returnBarcode\", \"message\": \"Please enter a barcode\", \"rule_id\": \"val_return_barcode\", \"type\": \"required\"}", "message": "{\"field\": \"returnBarcode\", \"message\": \"Please enter a barcode\", \"rule_id\": \"val_return_barcode\", \"type\": \"required\"}" } ], "validation_messages": {}, "updates": [], "api_endpoint": "c9a18a9183ef414686b7d47afaf8b09b", "api_body": null, "side_effects": [], "then": null, "catch": null, "data_action": null }, "b54590a73d3b4988b0958ec82143d4fd": { "action_id": "b54590a73d3b4988b0958ec82143d4fd", "trigger": "button_click", "target_component_id": "confirm_return_btn", "operation": "update", "description": "", "payload": { "checked_in_by_librarian_id": "appContext.currentUser.id", "notes": "$state.returnCondition" }, "guard": null, "requires_confirmation": true, "confirmation_message": null, "validation_rules": [ { "rule_id": "val_0", "field": null, "type": "custom", "value": null, "expression": "{\"field\": \"returnLoanDetails\", \"message\": \"No loan found for this barcode\", \"rule_id\": \"val_loan_details\", \"type\": \"required\"}", "message": "{\"field\": \"returnLoanDetails\", \"message\": \"No loan found for this barcode\", \"rule_id\": \"val_loan_details\", \"type\": \"required\"}" } ], "validation_messages": {}, "updates": [ { "target": "state.returnModalVisible", "expr": "false" } ], "api_endpoint": "9154abd1f8df4e37a3f79d3125c4b98e", "api_body": "{ checked_in_by_librarian_id: appContext.currentUser.id, notes: state.returnCondition }", "side_effects": [ { "type": "toast", "config": { "message": "Book returned successfully!", "type": "success" } }, { "type": "refresh", "config": {} } ], "then": null, "catch": null, "data_action": null }, "924b065aa3ff4802a1daf1969fc42dd2": { "action_id": "924b065aa3ff4802a1daf1969fc42dd2", "trigger": "button_click", "target_component_id": "register_member_btn", "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": "/staff/members" } } ], "then": null, "catch": null, "data_action": null }, "919f5d2aff0048c784d85cfb3f1a5f2c": { "action_id": "919f5d2aff0048c784d85cfb3f1a5f2c", "trigger": "button_click", "target_component_id": "nav_books_btn", "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": "/staff/books" } } ], "then": null, "catch": null, "data_action": null }, "4bfc401d294942a59af8fbdf3f826b31": { "action_id": "4bfc401d294942a59af8fbdf3f826b31", "trigger": "button_click", "target_component_id": "nav_circulation_btn", "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": "/staff/circulation" } } ], "then": null, "catch": null, "data_action": null }, "1047110947c647fdb12c10001cb04ae1": { "action_id": "1047110947c647fdb12c10001cb04ae1", "trigger": "button_click", "target_component_id": "nav_reservations_btn", "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": "/staff/reservations" } } ], "then": null, "catch": null, "data_action": null }, "f3a5e2c62df34d97bad74d920090a293": { "action_id": "f3a5e2c62df34d97bad74d920090a293", "trigger": "button_click", "target_component_id": "nav_fines_btn", "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": "/staff/fines" } } ], "then": null, "catch": null, "data_action": null }, "892e63ff70f5448c84b0910d449ae868": { "action_id": "892e63ff70f5448c84b0910d449ae868", "trigger": "button_click", "target_component_id": "nav_reports_btn", "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": "/staff/reports" } } ], "then": null, "catch": null, "data_action": null }, "1e0f3c27f37d4bb982d893458e5a0a93": { "action_id": "1e0f3c27f37d4bb982d893458e5a0a93", "trigger": "button_click", "target_component_id": "fulfill_reservation_btn", "operation": "custom", "description": "", "payload": {}, "guard": null, "requires_confirmation": true, "confirmation_message": null, "validation_rules": [], "validation_messages": {}, "updates": [], "api_endpoint": null, "api_body": null, "side_effects": [ { "type": "toast", "config": { "message": "Reservation fulfilled. Proceed to checkout.", "type": "success" } }, { "type": "refresh", "config": {} } ], "then": null, "catch": null, "data_action": null }, "304bc329119e4e98a3ec588bd66ec432": { "action_id": "304bc329119e4e98a3ec588bd66ec432", "trigger": "button_click", "target_component_id": "cancel_reservation_btn", "operation": "custom", "description": "", "payload": {}, "guard": null, "requires_confirmation": true, "confirmation_message": null, "validation_rules": [], "validation_messages": {}, "updates": [], "api_endpoint": "304bc329119e4e98a3ec588bd66ec432", "api_body": null, "side_effects": [ { "type": "toast", "config": { "message": "Reservation cancelled.", "type": "info" } }, { "type": "refresh", "config": {} } ], "then": null, "catch": null, "data_action": null } }, "feedback": { "4dfd48574794402eb3517486b6dae887": { "action_id": "4dfd48574794402eb3517486b6dae887", "loading_indicator": "spinner", "loading_text": null, "success_message": null, "error_message": "Failed to search members", "ui_updates": [] }, "3cc141b65c9d4383b7b22ec79ab96857": { "action_id": "3cc141b65c9d4383b7b22ec79ab96857", "loading_indicator": "spinner", "loading_text": null, "success_message": "Book checked out successfully!", "error_message": "Checkout failed. Please verify member eligibility and book availability.", "ui_updates": [] }, "2b9c47723b1e49dba99835e835e5065c": { "action_id": "2b9c47723b1e49dba99835e835e5065c", "loading_indicator": "spinner", "loading_text": null, "success_message": null, "error_message": "No active loan found for this barcode", "ui_updates": [] }, "b54590a73d3b4988b0958ec82143d4fd": { "action_id": "b54590a73d3b4988b0958ec82143d4fd", "loading_indicator": "spinner", "loading_text": null, "success_message": "Book returned successfully!", "error_message": "Return failed. Please try again.", "ui_updates": [] }, "924b065aa3ff4802a1daf1969fc42dd2": { "action_id": "924b065aa3ff4802a1daf1969fc42dd2", "loading_indicator": null, "loading_text": null, "success_message": null, "error_message": null, "ui_updates": [] }, "1e0f3c27f37d4bb982d893458e5a0a93": { "action_id": "1e0f3c27f37d4bb982d893458e5a0a93", "loading_indicator": "spinner", "loading_text": null, "success_message": "Reservation fulfilled", "error_message": "Failed to fulfill reservation", "ui_updates": [] }, "304bc329119e4e98a3ec588bd66ec432": { "action_id": "304bc329119e4e98a3ec588bd66ec432", "loading_indicator": "spinner", "loading_text": null, "success_message": "Reservation cancelled", "error_message": "Failed to cancel reservation", "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": "Librarian 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 }, "page_subtitle": { "type": "Typography.Text", "label": "Welcome back! Here's your operational overview.", "description": null, "bind": null, "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_checkouts_col": { "type": "Col", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "xs": 24, "sm": 12, "md": 8, "lg": 4 }, "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_checkouts_card": { "type": "Card", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "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_checkouts_statistic": { "type": "Statistic", "label": "Checked Out Today", "description": null, "bind": "state.checkoutsToday", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "Checked Out Today", "valueStyle": { "color": "#1677ff" } }, "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_returns_col": { "type": "Col", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "xs": 24, "sm": 12, "md": 8, "lg": 4 }, "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_returns_card": { "type": "Card", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "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_returns_statistic": { "type": "Statistic", "label": "Returns Today", "description": null, "bind": "state.returnsToday", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "Returns Today", "valueStyle": { "color": "#52c41a" } }, "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_overdue_col": { "type": "Col", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "xs": 24, "sm": 12, "md": 8, "lg": 4 }, "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_overdue_card": { "type": "Card", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "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_overdue_statistic": { "type": "Statistic", "label": "Overdue Books", "description": null, "bind": "state.overdueCount", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "Overdue Books", "valueStyle": { "color": "#ff4d4f" } }, "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_reservations_col": { "type": "Col", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "xs": 24, "sm": 12, "md": 8, "lg": 4 }, "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_reservations_card": { "type": "Card", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "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_reservations_statistic": { "type": "Statistic", "label": "Pending Reservations", "description": null, "bind": "state.pendingReservationsCount", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "Pending Reservations", "valueStyle": { "color": "#faad14" } }, "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_new_members_col": { "type": "Col", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "xs": 24, "sm": 12, "md": 8, "lg": 4 }, "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_new_members_card": { "type": "Card", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "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_new_members_statistic": { "type": "Statistic", "label": "New Members (This Week)", "description": null, "bind": "state.newMembersThisWeek", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "New Members (This Week)", "valueStyle": { "color": "#722ed1" } }, "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": "Card", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "Quick Actions" }, "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 }, "quick_actions_row": { "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": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "checkout_book_btn": { "type": "Button", "label": "Checkout Book", "description": null, "bind": null, "onClick": "openCheckoutModal", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "primary", "size": "large", "icon": "BookOutlined" }, "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 }, "return_book_btn": { "type": "Button", "label": "Return Book", "description": null, "bind": null, "onClick": "openReturnModal", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "primary", "size": "large", "icon": "SwapOutlined" }, "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 }, "register_member_btn": { "type": "Button", "label": "Register Member", "description": null, "bind": null, "onClick": "navigateToRegisterMember", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "default", "size": "large", "icon": "UserAddOutlined" }, "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 }, "nav_books_btn": { "type": "Button", "label": "Manage Books", "description": null, "bind": null, "onClick": "navigateToBooks", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "link", "size": "middle" }, "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 }, "nav_circulation_btn": { "type": "Button", "label": "Circulation", "description": null, "bind": null, "onClick": "navigateToCirculation", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "link", "size": "middle" }, "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 }, "nav_reservations_btn": { "type": "Button", "label": "Reservations", "description": null, "bind": null, "onClick": "navigateToReservations", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "link", "size": "middle" }, "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 }, "nav_fines_btn": { "type": "Button", "label": "Fines", "description": null, "bind": null, "onClick": "navigateToFines", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "link", "size": "middle" }, "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 }, "nav_reports_btn": { "type": "Button", "label": "Reports", "description": null, "bind": null, "onClick": "navigateToReports", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "link", "size": "middle" }, "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 }, "overdue_section": { "type": "Card", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "Overdue Books" }, "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 }, "overdue_table": { "type": "Table", "label": "Overdue Books", "description": null, "bind": "state.overdueLoans", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "columns": [ { "title": "Book Title", "dataIndex": "book_title", "key": "book_title" }, { "title": "Member Name", "dataIndex": "member_name", "key": "member_name" }, { "title": "Due Date", "dataIndex": "due_date", "key": "due_date" }, { "title": "Days Overdue", "dataIndex": "days_overdue", "key": "days_overdue" }, { "title": "Fine Accrued", "dataIndex": "fine_accrued", "key": "fine_accrued" } ], "pagination": { "pageSize": 10 }, "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": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "Pending Reservations Ready for Pickup" }, "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": "Pending Reservations", "description": null, "bind": "state.pendingReservations", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "columns": [ { "title": "Book Title", "dataIndex": "book_title", "key": "book_title" }, { "title": "Member Name", "dataIndex": "member_name", "key": "member_name" }, { "title": "Notification Date", "dataIndex": "notified_date", "key": "notified_date" }, { "title": "Expires At", "dataIndex": "expiration_date", "key": "expiration_date" }, { "title": "Action", "dataIndex": "action", "key": "action", "render": "action_buttons" } ], "pagination": { "pageSize": 10 }, "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 }, "fulfill_reservation_btn": { "type": "Button", "label": "Fulfill", "description": null, "bind": null, "onClick": "fulfillReservation", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "primary", "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 }, "cancel_reservation_btn": { "type": "Button", "label": "Cancel", "description": null, "bind": null, "onClick": "cancelReservation", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "default", "danger": 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 }, "checkout_modal": { "type": "Modal", "label": "Checkout Book", "description": null, "bind": "state.checkoutModalVisible", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "Checkout Book", "width": 640, "footer": null }, "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 }, "checkout_modal_content": { "type": "Space", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "direction": "vertical", "size": "middle", "style": { "width": "100%" } }, "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 }, "member_search_label": { "type": "Typography.Text", "label": "Search Member (by name, email, or membership number)", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "strong": 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 }, "member_search_input": { "type": "Input.Search", "label": "Search Member", "description": null, "bind": "state.checkoutMemberSearch", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Enter name, email, or membership number...", "allowClear": 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 }, "member_search_results": { "type": "List", "label": null, "description": null, "bind": "state.checkoutMemberResults", "onClick": "selectMember", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "size": "small", "bordered": true }, "dynamic_props": {}, "styles": { "maxHeight": "150px", "overflow": "auto" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "selected_member_info": { "type": "Descriptions", "label": "Member Eligibility", "description": null, "bind": "state.selectedMember", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "Member Eligibility", "bordered": true, "size": "small", "column": 1 }, "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 }, "barcode_label": { "type": "Typography.Text", "label": "Book Copy Barcode", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "strong": 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 }, "checkout_barcode_input": { "type": "Input", "label": "Book Copy Barcode", "description": null, "bind": "state.checkoutBarcode", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Scan or enter barcode...", "allowClear": 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 }, "checkout_due_date_display": { "type": "Alert", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "info", "showIcon": true, "message": "Due date will be calculated based on system loan period configuration" }, "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 }, "confirm_checkout_btn": { "type": "Button", "label": "Confirm Checkout", "description": null, "bind": null, "onClick": "confirmCheckout", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "primary", "block": true, "size": "large" }, "dynamic_props": {}, "styles": { "marginTop": "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 }, "return_modal": { "type": "Modal", "label": "Return Book", "description": null, "bind": "state.returnModalVisible", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "Return Book", "width": 600, "footer": null }, "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 }, "return_modal_content": { "type": "Space", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "direction": "vertical", "size": "middle", "style": { "width": "100%" } }, "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 }, "return_barcode_label": { "type": "Typography.Text", "label": "Scan Book Barcode", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "strong": 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 }, "return_barcode_input": { "type": "Input.Search", "label": "Book Barcode", "description": null, "bind": "state.returnBarcode", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Scan or enter barcode...", "enterButton": "Lookup" }, "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 }, "return_lookup_btn": { "type": "Button", "label": "Lookup", "description": null, "bind": null, "onClick": "lookupReturnLoan", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "default", "style": { "display": "none" } }, "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 }, "return_loan_details_display": { "type": "Descriptions", "label": "Loan Details", "description": null, "bind": "state.returnLoanDetails", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "Loan Details", "bordered": true, "size": "small", "column": 1 }, "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 }, "return_overdue_alert": { "type": "Alert", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "warning", "showIcon": true, "message": "Overdue fine will be calculated automatically" }, "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 }, "return_condition_label": { "type": "Typography.Text", "label": "Condition Assessment", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "strong": 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 }, "return_condition_select": { "type": "Select", "label": "Condition", "description": null, "bind": "state.returnCondition", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "options": [ { "label": "Excellent", "value": "EXCELLENT" }, { "label": "Good", "value": "GOOD" }, { "label": "Fair", "value": "FAIR" }, { "label": "Poor", "value": "POOR" }, { "label": "Damaged", "value": "DAMAGED" } ], "style": { "width": "100%" }, "placeholder": "Select condition..." }, "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 }, "return_damage_fine_label": { "type": "Typography.Text", "label": "Damage Fine (optional)", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "strong": 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 }, "return_damage_fine_input": { "type": "InputNumber", "label": "Damage Fine", "description": null, "bind": "state.returnDamageFine", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "min": 0, "precision": 2, "prefix": "$", "placeholder": "0.00", "style": { "width": "100%" } }, "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 }, "confirm_return_btn": { "type": "Button", "label": "Confirm Return", "description": null, "bind": null, "onClick": "confirmReturn", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "primary", "block": true, "size": "large" }, "dynamic_props": {}, "styles": { "marginTop": "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 } } }, "layout_ir": { "root": "main_container", "children": { "main_container": [ "page_header", "page_subtitle", "stat_cards_row", "quick_actions_section", "overdue_section", "reservations_section", "checkout_modal", "return_modal" ], "stat_cards_row": [ "stat_checkouts_col", "stat_returns_col", "stat_overdue_col", "stat_reservations_col", "stat_new_members_col" ], "stat_checkouts_col": [ "stat_checkouts_card" ], "stat_checkouts_card": [ "stat_checkouts_statistic" ], "stat_returns_col": [ "stat_returns_card" ], "stat_returns_card": [ "stat_returns_statistic" ], "stat_overdue_col": [ "stat_overdue_card" ], "stat_overdue_card": [ "stat_overdue_statistic" ], "stat_reservations_col": [ "stat_reservations_card" ], "stat_reservations_card": [ "stat_reservations_statistic" ], "stat_new_members_col": [ "stat_new_members_card" ], "stat_new_members_card": [ "stat_new_members_statistic" ], "quick_actions_section": [ "quick_actions_row" ], "quick_actions_row": [ "checkout_book_btn", "return_book_btn", "register_member_btn", "nav_books_btn", "nav_circulation_btn", "nav_reservations_btn", "nav_fines_btn", "nav_reports_btn" ], "overdue_section": [ "overdue_table" ], "reservations_section": [ "reservations_table" ], "checkout_modal": [ "checkout_modal_content" ], "checkout_modal_content": [ "member_search_label", "member_search_input", "member_search_results", "selected_member_info", "barcode_label", "checkout_barcode_input", "checkout_due_date_display", "confirm_checkout_btn" ], "return_modal": [ "return_modal_content" ], "return_modal_content": [ "return_barcode_label", "return_barcode_input", "return_loan_details_display", "return_overdue_alert", "return_condition_label", "return_condition_select", "return_damage_fine_label", "return_damage_fine_input", "confirm_return_btn" ] }, "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": "horizontal", "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 }, "quick_actions_section": { "type": "vertical", "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 }, "quick_actions_row": { "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 }, "overdue_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 }, "checkout_modal_content": { "type": "vertical", "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 }, "return_modal_content": { "type": "vertical", "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 } }, "layout_zones": [ { "zone_id": "main_zone", "component": "main_container", "anchor": "top-left", "size_hint": "full-width", "z_layer": "base", "notes": "Main page container" }, { "zone_id": "checkout_overlay", "component": "checkout_modal", "anchor": "center", "size_hint": "640px", "z_layer": "overlay", "notes": "Checkout modal overlay" }, { "zone_id": "return_overlay", "component": "return_modal", "anchor": "center", "size_hint": "600px", "z_layer": "overlay", "notes": "Return 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 }