{ "page_ir": { "page_id": "member_loans", "page_goal": "Display member's current loans with renewal capability and complete loan history with filtering and pagination", "style": { "tone": "informational", "theme": "light", "density": "comfortable", "color_intent": "neutral with status-colored badges" }, "accessibility": { "required_labels": [ "current_loans_table", "loan_history_table", "status_filter", "date_range_filter", "renew_button" ], "skip_navigation": true, "focus_management": true, "announce_changes": [] }, "responsive": { "breakpoints": { "sm": 576, "md": 768, "lg": 992, "xl": 1200 }, "collapse_rules": [ "tables scroll horizontally on small screens" ], "hidden_on_small": [ "cover_thumbnail" ], "stack_on_small": [] }, "constraints": [ "member role required", "only shows loans for current authenticated member" ], "seo_title": null, "seo_description": null }, "data_ir": { "types": {}, "state": { "currentLoans": { "type": "array", "initial": [], "required": true, "constraints": {}, "item_type": null }, "loanHistory": { "type": "array", "initial": [], "required": true, "constraints": {}, "item_type": null }, "historyStatusFilter": { "type": "string", "initial": null, "required": false, "constraints": { "enum": [ "ACTIVE", "RETURNED", "OVERDUE", "LOST" ] }, "item_type": null }, "historyDateRange": { "type": "array", "initial": null, "required": false, "constraints": {}, "item_type": null }, "historyPagination": { "type": "object", "initial": { "current": 1, "pageSize": 10, "total": 0 }, "required": true, "constraints": {}, "item_type": null }, "loading": { "type": "boolean", "initial": false, "required": false, "constraints": {}, "item_type": null }, "renewModalVisible": { "type": "boolean", "initial": false, "required": false, "constraints": {}, "item_type": null }, "selectedLoanForRenewal": { "type": "object", "initial": null, "required": false, "constraints": {}, "item_type": null }, "renewalResult": { "type": "object", "initial": null, "required": false, "constraints": {}, "item_type": null }, "renewalLoading": { "type": "boolean", "initial": false, "required": false, "constraints": {}, "item_type": null } }, "derived": { "filteredHistoryCount": { "type": "number", "expr": "state.historyPagination.total", "deps": [] } } }, "data_fetch_ir": { "endpoints": { "ac6050b66ec144eeb0bb8f7898e4d982": { "endpoint_id": "ac6050b66ec144eeb0bb8f7898e4d982", "module": "Circulation", "endpoint": "/circulation/loans", "method": "GET", "path_params": {}, "query_params": { "member_id": "$context.currentUser.memberId", "loan_status": "ACTIVE", "limit": 50 }, "body": null, "fields": [ "id", "book_id", "member_id", "checkout_date", "due_date", "renewal_count", "status", "notes" ], "response_target": "currentLoans", "response_transform": null, "trigger": "on_mount", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "a8b8231621c7445f892ceaa9e2ab446a": { "endpoint_id": "a8b8231621c7445f892ceaa9e2ab446a", "module": "Circulation", "endpoint": "/circulation/loans", "method": "GET", "path_params": {}, "query_params": { "member_id": "$context.currentUser.memberId", "loan_status": "$state.historyStatusFilter", "limit": "$state.historyPagination.pageSize", "offset": "($state.historyPagination.current - 1) * $state.historyPagination.pageSize" }, "body": null, "fields": [ "id", "book_id", "member_id", "checkout_date", "due_date", "return_date", "renewal_count", "status", "notes" ], "response_target": "loanHistory", "response_transform": null, "trigger": "on_change", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "0bb6f297b8a54ef5b2cc2cbfc5bf1e2a": { "endpoint_id": "0bb6f297b8a54ef5b2cc2cbfc5bf1e2a", "module": "Circulation", "endpoint": "/circulation/loans/{loan_id}/renew", "method": "POST", "path_params": { "loan_id": "$state.selectedLoanForRenewal.id" }, "query_params": {}, "body": null, "fields": [ "id", "book_id", "member_id", "checkout_date", "due_date", "renewal_count", "status" ], "response_target": "renewalResult", "response_transform": null, "trigger": "manual", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null } } }, "data_model_ir": { "entities": { "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", "return_date", "renewal_count", "status" ], "search_fields": [], "filters": [ "status", "member_id" ], "default_sort": null, "default_sort_dir": "asc" }, "book": { "name": "Book", "backend_module": "", "fields": [ "id", "isbn", "title", "subtitle", "publisher_id", "publication_date", "edition", "language", "pages", "description", "book_format", "total_copies", "available_copies", "location", "status", "created_at", "updated_at" ], "computed": [], "display_fields": [ "title", "isbn" ], "search_fields": [], "filters": [], "default_sort": null, "default_sort_dir": "asc" } }, "relationships": [] }, "behaviour_ir": { "events": { "onHistoryStatusChange": { "type": "mutation", "updates": [ { "target": "state.historyStatusFilter", "expr": "event.value" }, { "target": "state.historyPagination.current", "expr": "1" } ], "description": "" }, "onHistoryDateRangeChange": { "type": "mutation", "updates": [ { "target": "state.historyDateRange", "expr": "event.value" }, { "target": "state.historyPagination.current", "expr": "1" } ], "description": "" }, "onHistoryPageChange": { "type": "mutation", "updates": [ { "target": "state.historyPagination.current", "expr": "event.page" }, { "target": "state.historyPagination.pageSize", "expr": "event.pageSize" } ], "description": "" }, "onRenewClick": { "type": "mutation", "updates": [ { "target": "state.selectedLoanForRenewal", "expr": "event.record" }, { "target": "state.renewModalVisible", "expr": "true" }, { "target": "state.renewalResult", "expr": "null" } ], "description": "" }, "onRenewModalClose": { "type": "mutation", "updates": [ { "target": "state.renewModalVisible", "expr": "false" }, { "target": "state.selectedLoanForRenewal", "expr": "null" }, { "target": "state.renewalResult", "expr": "null" } ], "description": "" } }, "actions": { "d7899cff7f924fc49c577d4e7e640012": { "action_id": "d7899cff7f924fc49c577d4e7e640012", "trigger": "button_click", "target_component_id": "renew_confirm_button", "operation": "custom", "description": "", "payload": {}, "guard": null, "requires_confirmation": false, "confirmation_message": null, "validation_rules": [], "validation_messages": {}, "updates": [ { "target": "state.renewalLoading", "expr": "true" } ], "api_endpoint": "0bb6f297b8a54ef5b2cc2cbfc5bf1e2a", "api_body": null, "side_effects": [ { "type": "toast", "config": { "message": "Loan renewed successfully!", "type": "success" } }, { "type": "refresh", "config": { "target": "fetchCurrentLoans" } } ], "then": null, "catch": null, "data_action": null }, "c6d9acd119524a5e9189a5c4932a3bc3": { "action_id": "c6d9acd119524a5e9189a5c4932a3bc3", "trigger": "row_click", "target_component_id": "current_loans_table", "operation": "read", "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": "/catalog/${record.book_id}" } } ], "then": null, "catch": null, "data_action": null }, "d0c1dd8b7ced4962a440e684115309ae": { "action_id": "d0c1dd8b7ced4962a440e684115309ae", "trigger": "button_click", "target_component_id": "back_to_dashboard_button", "operation": "read", "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": "/member/dashboard" } } ], "then": null, "catch": null, "data_action": null } }, "feedback": { "d7899cff7f924fc49c577d4e7e640012": { "action_id": "d7899cff7f924fc49c577d4e7e640012", "loading_indicator": "spinner", "loading_text": null, "success_message": "Loan renewed successfully! New due date has been set.", "error_message": "Unable to renew loan. Please check the reason below.", "ui_updates": [ "state.renewalLoading = false" ] }, "c6d9acd119524a5e9189a5c4932a3bc3": { "action_id": "c6d9acd119524a5e9189a5c4932a3bc3", "loading_indicator": "none", "loading_text": null, "success_message": null, "error_message": null, "ui_updates": [] }, "d0c1dd8b7ced4962a440e684115309ae": { "action_id": "d0c1dd8b7ced4962a440e684115309ae", "loading_indicator": "none", "loading_text": null, "success_message": null, "error_message": null, "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": { "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 }, "breadcrumb": { "type": "Breadcrumb", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "items": [ { "title": "Home", "href": "/member/dashboard" }, { "title": "My Loans" } ] }, "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 }, "page_title": { "type": "Typography.Title", "label": "My Loans", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "level": 2 }, "dynamic_props": {}, "styles": { "marginBottom": "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 }, "back_to_dashboard_button": { "type": "Button", "label": "Back to Dashboard", "description": null, "bind": null, "onClick": "navigateToDashboard", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "link", "icon": "ArrowLeftOutlined" }, "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 }, "current_loans_section": { "type": "Card", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "Current Loans" }, "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 }, "current_loans_table": { "type": "Table", "label": "Current Loans", "description": null, "bind": "state.currentLoans", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "columns": [ { "title": "Book", "dataIndex": "book_id", "key": "book_id", "render": "book_title_with_thumbnail" }, { "title": "Checkout Date", "dataIndex": "checkout_date", "key": "checkout_date", "render": "date" }, { "title": "Due Date", "dataIndex": "due_date", "key": "due_date", "render": "date" }, { "title": "Renewals", "dataIndex": "renewal_count", "key": "renewal_count", "render": "renewals_used_max" }, { "title": "Status", "dataIndex": "status", "key": "status", "render": "status_badge" }, { "title": "Action", "key": "action", "render": "renew_button" } ], "pagination": false, "rowKey": "id", "loading": "state.loading" }, "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 }, "history_section": { "type": "Card", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "Loan History" }, "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 }, "history_filters_row": { "type": "div", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": {}, "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 }, "history_status_filter": { "type": "Select", "label": "Status", "description": null, "bind": "state.historyStatusFilter", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Filter by status", "allowClear": true, "options": [ { "label": "Active", "value": "ACTIVE" }, { "label": "Returned", "value": "RETURNED" }, { "label": "Overdue", "value": "OVERDUE" }, { "label": "Lost", "value": "LOST" } ], "style": { "width": 180 } }, "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 }, "history_date_range_filter": { "type": "DatePicker.RangePicker", "label": "Date Range", "description": null, "bind": "state.historyDateRange", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": [ "Start Date", "End Date" ] }, "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_table": { "type": "Table", "label": "Loan History", "description": null, "bind": "state.loanHistory", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "columns": [ { "title": "Book", "dataIndex": "book_id", "key": "book_id", "render": "book_title_link" }, { "title": "Checkout Date", "dataIndex": "checkout_date", "key": "checkout_date", "render": "date" }, { "title": "Due Date", "dataIndex": "due_date", "key": "due_date", "render": "date" }, { "title": "Return Date", "dataIndex": "return_date", "key": "return_date", "render": "date_or_dash" }, { "title": "Status", "dataIndex": "status", "key": "status", "render": "status_badge" }, { "title": "Fines", "key": "fines", "render": "fine_amount" } ], "rowKey": "id", "loading": "state.loading", "pagination": { "current": "state.historyPagination.current", "pageSize": "state.historyPagination.pageSize", "total": "state.historyPagination.total", "showSizeChanger": true, "showTotal": 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 }, "renew_modal": { "type": "Modal", "label": "Renew Loan", "description": null, "bind": "state.renewModalVisible", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "Confirm Loan Renewal", "visible": "state.renewModalVisible", "onCancel": "onRenewModalClose", "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 }, "renew_modal_content": { "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 }, "renew_loan_info": { "type": "Descriptions", "label": null, "description": null, "bind": "state.selectedLoanForRenewal", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "column": 1, "bordered": true, "items": [ { "label": "Book", "content": "state.selectedLoanForRenewal.book_title" }, { "label": "Current Due Date", "content": "state.selectedLoanForRenewal.due_date" }, { "label": "New Due Date", "content": "calculated_new_due_date" }, { "label": "Renewals Used", "content": "state.selectedLoanForRenewal.renewal_count" } ] }, "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 }, "renew_denial_alert": { "type": "Alert", "label": null, "description": null, "bind": "state.renewalResult", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "error", "showIcon": true, "message": "Renewal Denied", "description": "state.renewalResult.error_message" }, "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 }, "renew_modal_footer": { "type": "div", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": {}, "dynamic_props": {}, "styles": { "display": "flex", "justifyContent": "flex-end", "gap": "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 }, "renew_cancel_button": { "type": "Button", "label": "Cancel", "description": null, "bind": null, "onClick": "onRenewModalClose", "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 }, "renew_confirm_button": { "type": "Button", "label": "Confirm Renewal", "description": null, "bind": null, "onClick": "confirmRenewLoan", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "primary", "loading": "state.renewalLoading" }, "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", "current_loans_section", "history_section", "renew_modal" ], "page_header": [ "breadcrumb", "back_to_dashboard_button", "page_title" ], "current_loans_section": [ "current_loans_table" ], "history_section": [ "history_filters_row", "loan_history_table" ], "history_filters_row": [ "history_status_filter", "history_date_range_filter" ], "renew_modal": [ "renew_modal_content" ], "renew_modal_content": [ "renew_loan_info", "renew_denial_alert", "renew_modal_footer" ], "renew_modal_footer": [ "renew_cancel_button", "renew_confirm_button" ] }, "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": { "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 }, "current_loans_section": { "type": "vertical", "gap": 0, "padding": null, "columns": null, "column_template": null, "row_template": null, "align_items": null, "justify_content": null, "wrap": false, "min_height": null, "overflow": null }, "history_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 }, "history_filters_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 }, "renew_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 }, "renew_modal_content": { "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 }, "renew_modal_footer": { "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 } }, "layout_zones": [ { "zone_id": "main_content", "component": "main_container", "anchor": "center", "size_hint": "full-width", "z_layer": "base", "notes": "Main page container with vertical stacking" }, { "zone_id": "renewal_overlay", "component": "renew_modal", "anchor": "center", "size_hint": "auto", "z_layer": "overlay", "notes": "Renewal confirmation 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 }