{ "page_ir": { "page_id": "member_detail", "page_goal": "Comprehensive member profile view for staff showing member information, statistics, and tabbed sections for loans, reservations, fines, payments, and reviews", "style": { "tone": "professional", "theme": "light", "density": "comfortable", "color_intent": "neutral with status-colored badges" }, "accessibility": { "required_labels": [ "member_name", "member_status", "tab_navigation", "action_buttons" ], "skip_navigation": true, "focus_management": true, "announce_changes": [] }, "responsive": { "breakpoints": { "sm": 576, "md": 768, "lg": 992, "xl": 1200 }, "collapse_rules": [ "stats_cards_stack_on_small", "header_actions_wrap_on_mobile" ], "hidden_on_small": [ "address_field" ], "stack_on_small": [] }, "constraints": [ "requires_memberId_route_param", "staff_only_access" ], "seo_title": null, "seo_description": null }, "data_ir": { "types": {}, "state": { "memberDetail": { "type": "object", "initial": null, "required": true, "constraints": {}, "item_type": null }, "memberUser": { "type": "object", "initial": null, "required": true, "constraints": {}, "item_type": null }, "memberLoans": { "type": "array", "initial": [], "required": false, "constraints": {}, "item_type": null }, "loanHistory": { "type": "array", "initial": [], "required": false, "constraints": {}, "item_type": null }, "memberReservations": { "type": "array", "initial": [], "required": false, "constraints": {}, "item_type": null }, "memberFines": { "type": "array", "initial": [], "required": false, "constraints": {}, "item_type": null }, "memberReviews": { "type": "array", "initial": [], "required": false, "constraints": {}, "item_type": null }, "activeTab": { "type": "string", "initial": "current_loans", "required": false, "constraints": {}, "item_type": null }, "loading": { "type": "boolean", "initial": true, "required": false, "constraints": {}, "item_type": null }, "editModalVisible": { "type": "boolean", "initial": false, "required": false, "constraints": {}, "item_type": null }, "loanHistoryStatusFilter": { "type": "string", "initial": "", "required": false, "constraints": {}, "item_type": null } }, "derived": { "totalBooksBorrowed": { "type": "number", "expr": "state.loanHistory.length", "deps": [] }, "currentLoansCount": { "type": "number", "expr": "state.memberLoans.filter(l => l.status === 'ACTIVE' || l.status === 'OVERDUE').length", "deps": [] }, "activeReservationsCount": { "type": "number", "expr": "state.memberReservations.filter(r => r.status === 'PENDING' || r.status === 'READY').length", "deps": [] }, "outstandingFinesTotal": { "type": "number", "expr": "state.memberFines.filter(f => f.status === 'UNPAID' || f.status === 'PARTIAL').reduce((sum, f) => sum + (f.amount - f.amount_paid), 0)", "deps": [] }, "memberFullName": { "type": "string", "expr": "state.memberUser ? (state.memberUser.first_name + ' ' + state.memberUser.last_name) : ''", "deps": [] } } }, "data_fetch_ir": { "endpoints": { "17f6e2b6a5074abea7afcdcdc5c96c09": { "endpoint_id": "17f6e2b6a5074abea7afcdcdc5c96c09", "module": "User Management", "endpoint": "/users/members/{member_id}/details", "method": "GET", "path_params": { "member_id": "$route.memberId" }, "query_params": {}, "body": null, "fields": [ "id", "user_id", "membership_number", "user" ], "response_target": "memberDetail", "response_transform": null, "trigger": "on_mount", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "97f4ab96b0be4b9cbe5a7108b938ec57": { "endpoint_id": "97f4ab96b0be4b9cbe5a7108b938ec57", "module": "User Management", "endpoint": "/users/{user_id}", "method": "GET", "path_params": { "user_id": "$state.memberDetail.user_id" }, "query_params": {}, "body": null, "fields": [ "id", "email", "first_name", "last_name", "phone", "address", "role", "status", "created_at" ], "response_target": "memberUser", "response_transform": null, "trigger": "on_change", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "a772bed932444b95b91408e27951e148": { "endpoint_id": "a772bed932444b95b91408e27951e148", "module": "Circulation", "endpoint": "/circulation/loans", "method": "GET", "path_params": {}, "query_params": { "member_id": "$route.memberId", "loan_status": "ACTIVE", "limit": 50 }, "body": null, "fields": [ "id", "book_id", "checkout_date", "due_date", "renewal_count", "status", "notes" ], "response_target": "memberLoans", "response_transform": null, "trigger": "on_mount", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "4dc66c668cb84a7089f56f1ba0563fd8": { "endpoint_id": "4dc66c668cb84a7089f56f1ba0563fd8", "module": "Circulation", "endpoint": "/circulation/loans", "method": "GET", "path_params": {}, "query_params": { "member_id": "$route.memberId", "limit": 100 }, "body": null, "fields": [ "id", "book_id", "checkout_date", "due_date", "return_date", "renewal_count", "status" ], "response_target": "loanHistory", "response_transform": null, "trigger": "on_mount", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "8d4b2c39df96498f99bf0bdb72d75e15": { "endpoint_id": "8d4b2c39df96498f99bf0bdb72d75e15", "module": "Circulation", "endpoint": "/circulation/reservations", "method": "GET", "path_params": {}, "query_params": { "member_id": "$route.memberId", "limit": 50 }, "body": null, "fields": [ "id", "book_id", "reservation_date", "expiry_date", "queue_position", "status" ], "response_target": "memberReservations", "response_transform": null, "trigger": "on_mount", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "a0af9952260647fda31984e8205f1026": { "endpoint_id": "a0af9952260647fda31984e8205f1026", "module": "Fines", "endpoint": "/fines/", "method": "GET", "path_params": {}, "query_params": { "member_id": "$route.memberId", "limit": 50 }, "body": null, "fields": [ "id", "loan_id", "amount", "amount_paid", "reason", "description", "status", "assessed_date", "due_date" ], "response_target": "memberFines", "response_transform": null, "trigger": "on_mount", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "cbb4babdd92f4ab7baee39530671ce8d": { "endpoint_id": "cbb4babdd92f4ab7baee39530671ce8d", "module": "Engagement", "endpoint": "/engagement/reviews", "method": "GET", "path_params": {}, "query_params": { "member_id": "$route.memberId", "limit": 50 }, "body": null, "fields": [ "id", "book_id", "rating", "review_text", "status", "review_date" ], "response_target": "memberReviews", "response_transform": null, "trigger": "on_mount", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "fdd2ea0ee54640b5ac59a2557b95ff08": { "endpoint_id": "fdd2ea0ee54640b5ac59a2557b95ff08", "module": "User Management", "endpoint": "/users/members/{member_id}", "method": "PUT", "path_params": { "member_id": "$route.memberId" }, "query_params": {}, "body": null, "fields": [ "id", "membership_number", "membership_date", "membership_expiry", "borrowing_limit", "account_standing" ], "response_target": "memberDetail", "response_transform": null, "trigger": "manual", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "a41a911d8c424dfabf31e93f89c371f2": { "endpoint_id": "a41a911d8c424dfabf31e93f89c371f2", "module": "User Management", "endpoint": "/users/{user_id}", "method": "PUT", "path_params": { "user_id": "$state.memberDetail.user_id" }, "query_params": {}, "body": null, "fields": [ "id", "email", "first_name", "last_name", "phone", "address", "status" ], "response_target": "memberUser", "response_transform": null, "trigger": "manual", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "186cb816a86044eb9ad3e077273968b8": { "endpoint_id": "186cb816a86044eb9ad3e077273968b8", "module": "User Management", "endpoint": "/users/members/{member_id}", "method": "PUT", "path_params": { "member_id": "$route.memberId" }, "query_params": {}, "body": null, "fields": [ "id", "account_standing" ], "response_target": "memberDetail", "response_transform": null, "trigger": "manual", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "f0346f41e6794cac8a41f2332ce99717": { "endpoint_id": "f0346f41e6794cac8a41f2332ce99717", "module": "Circulation", "endpoint": "/circulation/loans/{loan_id}/renew", "method": "POST", "path_params": { "loan_id": "$state.selectedLoanId" }, "query_params": {}, "body": null, "fields": [ "id", "due_date", "renewal_count", "status" ], "response_target": "f0346f41e6794cac8a41f2332ce99717_data", "response_transform": null, "trigger": "manual", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "ea99767a3abf446a9b23166f7950dc28": { "endpoint_id": "ea99767a3abf446a9b23166f7950dc28", "module": "Circulation", "endpoint": "/circulation/reservations/{reservation_id}/cancel", "method": "POST", "path_params": { "reservation_id": "$state.selectedReservationId" }, "query_params": {}, "body": null, "fields": [ "id", "status" ], "response_target": "ea99767a3abf446a9b23166f7950dc28_data", "response_transform": null, "trigger": "manual", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "048d3bd07ccb4e988f5c4b2d87e516d6": { "endpoint_id": "048d3bd07ccb4e988f5c4b2d87e516d6", "module": "Fines", "endpoint": "/fines/{fine_id}/waive", "method": "POST", "path_params": { "fine_id": "$state.selectedFineId" }, "query_params": { "waived_by": "appContext.currentUser.id", "waived_reason": "Staff waiver" }, "body": null, "fields": [ "id", "status", "waived_by", "waived_date" ], "response_target": "048d3bd07ccb4e988f5c4b2d87e516d6_data", "response_transform": null, "trigger": "manual", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null } } }, "data_model_ir": { "entities": { "member": { "name": "Member", "backend_module": "User Management", "fields": [ "id", "user_id", "membership_number", "membership_date", "membership_expiry", "borrowing_limit", "account_standing", "created_at", "updated_at" ], "computed": [], "display_fields": [ "membership_number", "membership_date", "membership_expiry", "borrowing_limit", "account_standing" ], "search_fields": [], "filters": [ "account_standing" ], "default_sort": null, "default_sort_dir": "asc" }, "user": { "name": "User", "backend_module": "User Management", "fields": [ "id", "email", "first_name", "last_name", "phone", "address", "role", "status", "created_at", "updated_at" ], "computed": [], "display_fields": [ "email", "first_name", "last_name", "phone", "address", "status" ], "search_fields": [], "filters": [ "status" ], "default_sort": null, "default_sort_dir": "asc" }, "loan": { "name": "Loan", "backend_module": "Circulation", "fields": [ "id", "book_id", "member_id", "librarian_id", "checkout_date", "due_date", "return_date", "renewal_count", "status", "notes", "created_at", "updated_at" ], "computed": [], "display_fields": [ "book_id", "checkout_date", "due_date", "renewal_count", "status" ], "search_fields": [], "filters": [ "status" ], "default_sort": null, "default_sort_dir": "asc" }, "reservation": { "name": "Reservation", "backend_module": "Circulation", "fields": [ "id", "book_id", "member_id", "reservation_date", "expiry_date", "queue_position", "status", "notified_date", "created_at", "updated_at" ], "computed": [], "display_fields": [ "book_id", "reservation_date", "queue_position", "status" ], "search_fields": [], "filters": [ "status" ], "default_sort": null, "default_sort_dir": "asc" }, "fine": { "name": "Fine", "backend_module": "Fines", "fields": [ "id", "member_id", "loan_id", "amount", "amount_paid", "reason", "description", "status", "assessed_date", "due_date", "waived_by", "waived_date", "waived_reason", "created_at", "updated_at" ], "computed": [], "display_fields": [ "amount", "amount_paid", "reason", "status", "assessed_date" ], "search_fields": [], "filters": [ "status", "reason" ], "default_sort": null, "default_sort_dir": "asc" }, "review": { "name": "Review", "backend_module": "Engagement", "fields": [ "id", "book_id", "member_id", "rating", "review_text", "status", "review_date", "created_at", "updated_at" ], "computed": [], "display_fields": [ "book_id", "rating", "review_text", "status", "review_date" ], "search_fields": [], "filters": [ "status" ], "default_sort": null, "default_sort_dir": "asc" } }, "relationships": [] }, "behaviour_ir": { "events": { "onTabChange": { "type": "mutation", "updates": [ { "target": "state.activeTab", "expr": "event.value" } ], "description": "" }, "onLoanHistoryFilterChange": { "type": "mutation", "updates": [ { "target": "state.loanHistoryStatusFilter", "expr": "event.value" } ], "description": "" }, "onEditModalOpen": { "type": "mutation", "updates": [ { "target": "state.editModalVisible", "expr": "true" } ], "description": "" }, "onEditModalClose": { "type": "mutation", "updates": [ { "target": "state.editModalVisible", "expr": "false" } ], "description": "" } }, "actions": { "8dcb4aa962c2433e8eb2fdaeebb5aff3": { "action_id": "8dcb4aa962c2433e8eb2fdaeebb5aff3", "trigger": "button_click", "target_component_id": "edit_button", "operation": "custom", "description": "", "payload": {}, "guard": null, "requires_confirmation": false, "confirmation_message": null, "validation_rules": [], "validation_messages": {}, "updates": [ { "target": "state.editModalVisible", "expr": "true" } ], "api_endpoint": null, "api_body": null, "side_effects": [ { "type": "modal_open", "config": { "modal_id": "edit_member_modal" } } ], "then": null, "catch": null, "data_action": null }, "14de0d4b706a419caaad967a2335f9e8": { "action_id": "14de0d4b706a419caaad967a2335f9e8", "trigger": "form_submit", "target_component_id": "edit_member_modal", "operation": "update", "description": "", "payload": {}, "guard": null, "requires_confirmation": false, "confirmation_message": null, "validation_rules": [ { "rule_id": "val_0", "field": null, "type": "custom", "value": null, "expression": "{\"field\": \"email\", \"message\": \"Valid email is required\", \"rule_id\": \"val_email\", \"type\": \"email\"}", "message": "{\"field\": \"email\", \"message\": \"Valid email is required\", \"rule_id\": \"val_email\", \"type\": \"email\"}" }, { "rule_id": "val_1", "field": null, "type": "custom", "value": null, "expression": "{\"field\": \"first_name\", \"message\": \"First name is required\", \"rule_id\": \"val_first_name\", \"type\": \"required\"}", "message": "{\"field\": \"first_name\", \"message\": \"First name is required\", \"rule_id\": \"val_first_name\", \"type\": \"required\"}" }, { "rule_id": "val_2", "field": null, "type": "custom", "value": null, "expression": "{\"field\": \"last_name\", \"message\": \"Last name is required\", \"rule_id\": \"val_last_name\", \"type\": \"required\"}", "message": "{\"field\": \"last_name\", \"message\": \"Last name is required\", \"rule_id\": \"val_last_name\", \"type\": \"required\"}" } ], "validation_messages": {}, "updates": [ { "target": "state.editModalVisible", "expr": "false" } ], "api_endpoint": "a41a911d8c424dfabf31e93f89c371f2", "api_body": "{ first_name: form.first_name, last_name: form.last_name, email: form.email, phone: form.phone, address: form.address }", "side_effects": [ { "type": "toast", "config": { "message": "Member updated successfully", "type": "success" } }, { "type": "modal_close", "config": { "modal_id": "edit_member_modal" } }, { "type": "refresh", "config": {} } ], "then": null, "catch": null, "data_action": null }, "186cb816a86044eb9ad3e077273968b8": { "action_id": "186cb816a86044eb9ad3e077273968b8", "trigger": "button_click", "target_component_id": "suspend_button", "operation": "update", "description": "", "payload": { "account_standing": "SUSPENDED" }, "guard": null, "requires_confirmation": true, "confirmation_message": null, "validation_rules": [], "validation_messages": {}, "updates": [], "api_endpoint": "186cb816a86044eb9ad3e077273968b8", "api_body": "{ account_standing: 'SUSPENDED' }", "side_effects": [ { "type": "toast", "config": { "message": "Member suspended", "type": "warning" } }, { "type": "refresh", "config": {} } ], "then": null, "catch": null, "data_action": null }, "a8e3eca38aa54cf983c0dd552c5d4183": { "action_id": "a8e3eca38aa54cf983c0dd552c5d4183", "trigger": "button_click", "target_component_id": "suspend_button", "operation": "update", "description": "", "payload": { "account_standing": "GOOD" }, "guard": null, "requires_confirmation": true, "confirmation_message": null, "validation_rules": [], "validation_messages": {}, "updates": [], "api_endpoint": "186cb816a86044eb9ad3e077273968b8", "api_body": "{ account_standing: 'GOOD' }", "side_effects": [ { "type": "toast", "config": { "message": "Member reactivated", "type": "success" } }, { "type": "refresh", "config": {} } ], "then": null, "catch": null, "data_action": null }, "1d8a8a2fcfb74b0893e2bb37925325b7": { "action_id": "1d8a8a2fcfb74b0893e2bb37925325b7", "trigger": "button_click", "target_component_id": "reset_password_button", "operation": "update", "description": "", "payload": {}, "guard": null, "requires_confirmation": true, "confirmation_message": null, "validation_rules": [], "validation_messages": {}, "updates": [], "api_endpoint": "a41a911d8c424dfabf31e93f89c371f2", "api_body": "{ password: 'TempPass123!' }", "side_effects": [ { "type": "toast", "config": { "message": "Password has been reset. Member will receive notification.", "type": "success" } } ], "then": null, "catch": null, "data_action": null }, "f0346f41e6794cac8a41f2332ce99717": { "action_id": "f0346f41e6794cac8a41f2332ce99717", "trigger": "button_click", "target_component_id": "loans_table", "operation": "custom", "description": "", "payload": {}, "guard": null, "requires_confirmation": true, "confirmation_message": null, "validation_rules": [], "validation_messages": {}, "updates": [], "api_endpoint": "f0346f41e6794cac8a41f2332ce99717", "api_body": null, "side_effects": [ { "type": "toast", "config": { "message": "Loan renewed successfully", "type": "success" } }, { "type": "refresh", "config": {} } ], "then": null, "catch": null, "data_action": null }, "ea99767a3abf446a9b23166f7950dc28": { "action_id": "ea99767a3abf446a9b23166f7950dc28", "trigger": "button_click", "target_component_id": "reservations_table", "operation": "custom", "description": "", "payload": {}, "guard": null, "requires_confirmation": true, "confirmation_message": null, "validation_rules": [], "validation_messages": {}, "updates": [], "api_endpoint": "ea99767a3abf446a9b23166f7950dc28", "api_body": null, "side_effects": [ { "type": "toast", "config": { "message": "Reservation cancelled", "type": "success" } }, { "type": "refresh", "config": {} } ], "then": null, "catch": null, "data_action": null }, "048d3bd07ccb4e988f5c4b2d87e516d6": { "action_id": "048d3bd07ccb4e988f5c4b2d87e516d6", "trigger": "button_click", "target_component_id": "fines_table", "operation": "custom", "description": "", "payload": {}, "guard": null, "requires_confirmation": true, "confirmation_message": null, "validation_rules": [], "validation_messages": {}, "updates": [], "api_endpoint": "048d3bd07ccb4e988f5c4b2d87e516d6", "api_body": null, "side_effects": [ { "type": "toast", "config": { "message": "Fine waived successfully", "type": "success" } }, { "type": "refresh", "config": {} } ], "then": null, "catch": null, "data_action": null }, "d0c1ac6451dc4440ac28a9d45f35cb95": { "action_id": "d0c1ac6451dc4440ac28a9d45f35cb95", "trigger": "button_click", "target_component_id": "back_button", "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": "/admin/members" } } ], "then": null, "catch": null, "data_action": null }, "be611e4ebc3a4bfa8345dba58fc3705c": { "action_id": "be611e4ebc3a4bfa8345dba58fc3705c", "trigger": "button_click", "target_component_id": "view_all_loans_button", "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": "/circulation/loans" } } ], "then": null, "catch": null, "data_action": null }, "bb60737237d548709a62d0df7d058adb": { "action_id": "bb60737237d548709a62d0df7d058adb", "trigger": "button_click", "target_component_id": "view_all_fines_button", "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": "/fines" } } ], "then": null, "catch": null, "data_action": null } }, "feedback": { "8dcb4aa962c2433e8eb2fdaeebb5aff3": { "action_id": "8dcb4aa962c2433e8eb2fdaeebb5aff3", "loading_indicator": "none", "loading_text": null, "success_message": "", "error_message": "", "ui_updates": [] }, "14de0d4b706a419caaad967a2335f9e8": { "action_id": "14de0d4b706a419caaad967a2335f9e8", "loading_indicator": "spinner", "loading_text": null, "success_message": "Member updated successfully", "error_message": "Failed to update member", "ui_updates": [] }, "186cb816a86044eb9ad3e077273968b8": { "action_id": "186cb816a86044eb9ad3e077273968b8", "loading_indicator": "spinner", "loading_text": null, "success_message": "Member suspended", "error_message": "Failed to suspend member", "ui_updates": [] }, "a8e3eca38aa54cf983c0dd552c5d4183": { "action_id": "a8e3eca38aa54cf983c0dd552c5d4183", "loading_indicator": "spinner", "loading_text": null, "success_message": "Member reactivated", "error_message": "Failed to reactivate member", "ui_updates": [] }, "1d8a8a2fcfb74b0893e2bb37925325b7": { "action_id": "1d8a8a2fcfb74b0893e2bb37925325b7", "loading_indicator": "spinner", "loading_text": null, "success_message": "Password reset successfully", "error_message": "Failed to reset password", "ui_updates": [] }, "f0346f41e6794cac8a41f2332ce99717": { "action_id": "f0346f41e6794cac8a41f2332ce99717", "loading_indicator": "spinner", "loading_text": null, "success_message": "Loan renewed successfully", "error_message": "Failed to renew loan", "ui_updates": [] }, "ea99767a3abf446a9b23166f7950dc28": { "action_id": "ea99767a3abf446a9b23166f7950dc28", "loading_indicator": "spinner", "loading_text": null, "success_message": "Reservation cancelled", "error_message": "Failed to cancel reservation", "ui_updates": [] }, "048d3bd07ccb4e988f5c4b2d87e516d6": { "action_id": "048d3bd07ccb4e988f5c4b2d87e516d6", "loading_indicator": "spinner", "loading_text": null, "success_message": "Fine waived", "error_message": "Failed to waive fine", "ui_updates": [] }, "d0c1ac6451dc4440ac28a9d45f35cb95": { "action_id": "d0c1ac6451dc4440ac28a9d45f35cb95", "loading_indicator": "none", "loading_text": null, "success_message": "", "error_message": "", "ui_updates": [] }, "be611e4ebc3a4bfa8345dba58fc3705c": { "action_id": "be611e4ebc3a4bfa8345dba58fc3705c", "loading_indicator": "none", "loading_text": null, "success_message": "", "error_message": "", "ui_updates": [] }, "bb60737237d548709a62d0df7d058adb": { "action_id": "bb60737237d548709a62d0df7d058adb", "loading_indicator": "none", "loading_text": null, "success_message": "", "error_message": "", "ui_updates": [] } } }, "component_ir": { "library": "antd", "theme": { "primaryColor": "#1677ff", "secondaryColor": "#000000", "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_section": { "type": "div", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": {}, "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 }, "back_button": { "type": "Button", "label": "← Back to Members", "description": null, "bind": null, "onClick": "navigateToMembersList", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "link", "size": "small" }, "dynamic_props": {}, "styles": { "marginBottom": "16px", "paddingLeft": "0" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "header_card": { "type": "Card", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "bordered": false }, "dynamic_props": {}, "styles": { "borderRadius": "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 }, "header_content": { "type": "div", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": {}, "dynamic_props": {}, "styles": { "display": "flex", "alignItems": "center", "justifyContent": "space-between", "flexWrap": "wrap", "gap": "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 }, "member_info_section": { "type": "div", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": {}, "dynamic_props": {}, "styles": { "display": "flex", "alignItems": "center", "gap": "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 }, "member_avatar": { "type": "Avatar", "label": null, "description": null, "bind": "derived.memberFullName", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "size": 72, "icon": "UserOutlined" }, "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_name_block": { "type": "div", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": {}, "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_name_text": { "type": "Typography.Title", "label": null, "description": null, "bind": "derived.memberFullName", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "level": 3 }, "dynamic_props": {}, "styles": { "marginBottom": "4px" }, "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_id_text": { "type": "Typography.Text", "label": null, "description": null, "bind": "state.memberDetail.membership_number", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "secondary" }, "dynamic_props": {}, "styles": { "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 }, "member_status_badge": { "type": "Tag", "label": null, "description": null, "bind": "state.memberDetail.account_standing", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "color": "auto" }, "dynamic_props": {}, "styles": { "marginTop": "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 }, "header_actions": { "type": "Space", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "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 }, "edit_button": { "type": "Button", "label": "Edit", "description": null, "bind": null, "onClick": "editMember", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "primary", "icon": "EditOutlined" }, "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 }, "suspend_button": { "type": "Button", "label": "Suspend / Reactivate", "description": null, "bind": null, "onClick": "suspendMember", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "default", "danger": true, "icon": "StopOutlined" }, "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 }, "reset_password_button": { "type": "Button", "label": "Reset Password", "description": null, "bind": null, "onClick": "resetPassword", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "default", "icon": "KeyOutlined" }, "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 }, "profile_info_card": { "type": "Card", "label": "Profile Information", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "bordered": false }, "dynamic_props": {}, "styles": { "borderRadius": "8px", "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 }, "profile_descriptions": { "type": "Descriptions", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "column": 3, "bordered": true, "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 }, "desc_email": { "type": "Descriptions.Item", "label": "Email", "description": null, "bind": "state.memberUser.email", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": {}, "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 }, "desc_phone": { "type": "Descriptions.Item", "label": "Phone", "description": null, "bind": "state.memberUser.phone", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": {}, "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 }, "desc_address": { "type": "Descriptions.Item", "label": "Address", "description": null, "bind": "state.memberUser.address", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": {}, "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 }, "desc_join_date": { "type": "Descriptions.Item", "label": "Join Date", "description": null, "bind": "state.memberDetail.membership_date", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": {}, "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 }, "desc_expiry": { "type": "Descriptions.Item", "label": "Membership Expiry", "description": null, "bind": "state.memberDetail.membership_expiry", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": {}, "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 }, "desc_borrowing_limit": { "type": "Descriptions.Item", "label": "Borrowing Limit", "description": null, "bind": "state.memberDetail.borrowing_limit", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": {}, "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 }, "stats_section": { "type": "div", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": {}, "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 }, "stats_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": {}, "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_total_borrowed_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": 6 }, "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_total_borrowed_card": { "type": "Card", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "bordered": false }, "dynamic_props": {}, "styles": { "borderRadius": "8px", "textAlign": "center" }, "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_total_borrowed_statistic": { "type": "Statistic", "label": "Total Books Borrowed", "description": null, "bind": "derived.totalBooksBorrowed", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "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_current_loans_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": 6 }, "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_current_loans_card": { "type": "Card", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "bordered": false }, "dynamic_props": {}, "styles": { "borderRadius": "8px", "textAlign": "center" }, "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_current_loans_statistic": { "type": "Statistic", "label": "Current Loans", "description": null, "bind": "derived.currentLoansCount", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "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_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": 6 }, "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": { "bordered": false }, "dynamic_props": {}, "styles": { "borderRadius": "8px", "textAlign": "center" }, "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": "Active Reservations", "description": null, "bind": "derived.activeReservationsCount", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "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_fines_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": 6 }, "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_fines_card": { "type": "Card", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "bordered": false }, "dynamic_props": {}, "styles": { "borderRadius": "8px", "textAlign": "center" }, "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_fines_statistic": { "type": "Statistic", "label": "Outstanding Fines", "description": null, "bind": "derived.outstandingFinesTotal", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "prefix": "$", "precision": 2, "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 }, "tabs_section": { "type": "Card", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "bordered": false }, "dynamic_props": {}, "styles": { "borderRadius": "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 }, "member_tabs": { "type": "Tabs", "label": null, "description": null, "bind": "state.activeTab", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "items": [ { "key": "current_loans", "label": "Current Loans" }, { "key": "borrowing_history", "label": "Borrowing History" }, { "key": "reservations", "label": "Active Reservations" }, { "key": "fines", "label": "Fines" }, { "key": "reviews", "label": "Reviews" } ] }, "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_table": { "type": "Table", "label": null, "description": null, "bind": "state.memberLoans", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "columns": [ { "title": "Book ID", "dataIndex": "book_id", "key": "book_id" }, { "title": "Checkout Date", "dataIndex": "checkout_date", "key": "checkout_date" }, { "title": "Due Date", "dataIndex": "due_date", "key": "due_date" }, { "title": "Renewals", "dataIndex": "renewal_count", "key": "renewal_count" }, { "title": "Status", "dataIndex": "status", "key": "status" }, { "title": "Actions", "key": "actions" } ], "rowKey": "id", "pagination": { "pageSize": 10 }, "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 }, "loan_history_filter": { "type": "Select", "label": "Filter by Status", "description": null, "bind": "state.loanHistoryStatusFilter", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "allowClear": true, "placeholder": "All Statuses", "options": [ { "label": "Active", "value": "ACTIVE" }, { "label": "Returned", "value": "RETURNED" }, { "label": "Overdue", "value": "OVERDUE" }, { "label": "Lost", "value": "LOST" } ], "style": { "width": 200 } }, "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 }, "loan_history_table": { "type": "Table", "label": null, "description": null, "bind": "state.loanHistory", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "columns": [ { "title": "Book ID", "dataIndex": "book_id", "key": "book_id" }, { "title": "Checkout Date", "dataIndex": "checkout_date", "key": "checkout_date" }, { "title": "Due Date", "dataIndex": "due_date", "key": "due_date" }, { "title": "Return Date", "dataIndex": "return_date", "key": "return_date" }, { "title": "Renewals", "dataIndex": "renewal_count", "key": "renewal_count" }, { "title": "Status", "dataIndex": "status", "key": "status" } ], "rowKey": "id", "pagination": { "pageSize": 10 }, "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 }, "reservations_table": { "type": "Table", "label": null, "description": null, "bind": "state.memberReservations", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "columns": [ { "title": "Book ID", "dataIndex": "book_id", "key": "book_id" }, { "title": "Reservation Date", "dataIndex": "reservation_date", "key": "reservation_date" }, { "title": "Queue Position", "dataIndex": "queue_position", "key": "queue_position" }, { "title": "Status", "dataIndex": "status", "key": "status" }, { "title": "Actions", "key": "actions" } ], "rowKey": "id", "pagination": { "pageSize": 10 }, "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 }, "fines_table": { "type": "Table", "label": null, "description": null, "bind": "state.memberFines", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "columns": [ { "title": "Reason", "dataIndex": "reason", "key": "reason" }, { "title": "Amount", "dataIndex": "amount", "key": "amount" }, { "title": "Paid", "dataIndex": "amount_paid", "key": "amount_paid" }, { "title": "Status", "dataIndex": "status", "key": "status" }, { "title": "Assessed Date", "dataIndex": "assessed_date", "key": "assessed_date" }, { "title": "Actions", "key": "actions" } ], "rowKey": "id", "pagination": { "pageSize": 10 }, "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 }, "reviews_table": { "type": "Table", "label": null, "description": null, "bind": "state.memberReviews", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "columns": [ { "title": "Book ID", "dataIndex": "book_id", "key": "book_id" }, { "title": "Rating", "dataIndex": "rating", "key": "rating" }, { "title": "Review", "dataIndex": "review_text", "key": "review_text", "ellipsis": true }, { "title": "Status", "dataIndex": "status", "key": "status" }, { "title": "Date", "dataIndex": "review_date", "key": "review_date" } ], "rowKey": "id", "pagination": { "pageSize": 10 }, "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 }, "view_all_loans_button": { "type": "Button", "label": "View All Loans", "description": null, "bind": null, "onClick": "navigateToLoans", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "link", "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 }, "view_all_fines_button": { "type": "Button", "label": "View All Fines", "description": null, "bind": null, "onClick": "navigateToFines", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "link", "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 }, "edit_member_modal": { "type": "Modal", "label": "Edit Member", "description": null, "bind": "state.editModalVisible", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "width": 640, "okText": "Save", "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 }, "edit_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 }, "edit_form_first_name": { "type": "Form.Item", "label": "First Name", "description": null, "bind": "state.memberUser.first_name", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "name": "first_name", "rules": [ { "required": true, "message": "First name is required" } ] }, "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 }, "edit_form_last_name": { "type": "Form.Item", "label": "Last Name", "description": null, "bind": "state.memberUser.last_name", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "name": "last_name", "rules": [ { "required": true, "message": "Last name is required" } ] }, "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 }, "edit_form_email": { "type": "Form.Item", "label": "Email", "description": null, "bind": "state.memberUser.email", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "name": "email", "rules": [ { "required": true, "type": "email", "message": "Valid email is required" } ] }, "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 }, "edit_form_phone": { "type": "Form.Item", "label": "Phone", "description": null, "bind": "state.memberUser.phone", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "name": "phone" }, "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 }, "edit_form_address": { "type": "Form.Item", "label": "Address", "description": null, "bind": "state.memberUser.address", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "name": "address" }, "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 }, "edit_input_first_name": { "type": "Input", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Enter first name" }, "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 }, "edit_input_last_name": { "type": "Input", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Enter last name" }, "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 }, "edit_input_email": { "type": "Input", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Enter email" }, "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 }, "edit_input_phone": { "type": "Input", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Enter phone" }, "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 }, "edit_input_address": { "type": "Input.TextArea", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Enter address", "rows": 3 }, "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_section", "profile_info_card", "stats_section", "tabs_section", "edit_member_modal" ], "page_header_section": [ "back_button", "header_card" ], "header_card": [ "header_content" ], "header_content": [ "member_info_section", "header_actions" ], "member_info_section": [ "member_avatar", "member_name_block" ], "member_name_block": [ "member_name_text", "member_id_text", "member_status_badge" ], "header_actions": [ "edit_button", "suspend_button", "reset_password_button" ], "profile_info_card": [ "profile_descriptions" ], "profile_descriptions": [ "desc_email", "desc_phone", "desc_address", "desc_join_date", "desc_expiry", "desc_borrowing_limit" ], "stats_section": [ "stats_row" ], "stats_row": [ "stat_total_borrowed_col", "stat_current_loans_col", "stat_reservations_col", "stat_fines_col" ], "stat_total_borrowed_col": [ "stat_total_borrowed_card" ], "stat_total_borrowed_card": [ "stat_total_borrowed_statistic" ], "stat_current_loans_col": [ "stat_current_loans_card" ], "stat_current_loans_card": [ "stat_current_loans_statistic" ], "stat_reservations_col": [ "stat_reservations_card" ], "stat_reservations_card": [ "stat_reservations_statistic" ], "stat_fines_col": [ "stat_fines_card" ], "stat_fines_card": [ "stat_fines_statistic" ], "tabs_section": [ "member_tabs", "loans_table", "loan_history_filter", "loan_history_table", "reservations_table", "fines_table", "reviews_table", "view_all_loans_button", "view_all_fines_button" ], "edit_member_modal": [ "edit_form" ], "edit_form": [ "edit_form_first_name", "edit_form_last_name", "edit_form_email", "edit_form_phone", "edit_form_address" ], "edit_form_first_name": [ "edit_input_first_name" ], "edit_form_last_name": [ "edit_input_last_name" ], "edit_form_email": [ "edit_input_email" ], "edit_form_phone": [ "edit_input_phone" ], "edit_form_address": [ "edit_input_address" ] }, "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 }, "page_header_section": { "type": "vertical", "gap": 8, "padding": null, "columns": null, "column_template": null, "row_template": null, "align_items": null, "justify_content": null, "wrap": false, "min_height": null, "overflow": null }, "header_content": { "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 }, "member_info_section": { "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 }, "member_name_block": { "type": "vertical", "gap": 4, "padding": null, "columns": null, "column_template": null, "row_template": null, "align_items": null, "justify_content": null, "wrap": false, "min_height": null, "overflow": null }, "header_actions": { "type": "horizontal", "gap": 8, "padding": null, "columns": null, "column_template": null, "row_template": null, "align_items": null, "justify_content": null, "wrap": false, "min_height": null, "overflow": null }, "profile_info_card": { "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 }, "stats_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 }, "stats_row": { "type": "grid", "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 }, "tabs_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 }, "edit_member_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 }, "edit_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 } }, "layout_zones": [ { "zone_id": "page_content", "component": "main_container", "anchor": "top-left", "size_hint": "full-width", "z_layer": "base", "notes": "Main page container" }, { "zone_id": "modal_overlay", "component": "edit_member_modal", "anchor": "center", "size_hint": "auto", "z_layer": "overlay", "notes": "Edit member 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 }