{ "page_ir": { "page_id": "checkout_process", "page_goal": "Two-step checkout process for librarians to look up members, verify eligibility, search for books, and process book loans with validation and confirmation", "style": { "tone": "professional", "theme": "light", "density": "comfortable", "color_intent": "blue primary with success/error states for validation" }, "accessibility": { "required_labels": [ "member_search_input", "book_search_input", "process_checkout_button", "checkout_another_button" ], "skip_navigation": true, "focus_management": true, "announce_changes": [] }, "responsive": { "breakpoints": { "sm": 576, "md": 768, "lg": 1024 }, "collapse_rules": [ "stack_cards_vertically_on_small" ], "hidden_on_small": [], "stack_on_small": [] }, "constraints": [ "librarian_role_required", "member_must_be_active", "book_must_be_available" ], "seo_title": null, "seo_description": null }, "data_ir": { "types": {}, "state": { "currentStep": { "type": "number", "initial": 0, "required": true, "constraints": { "min": 0, "max": 2 }, "item_type": null }, "memberSearchQuery": { "type": "string", "initial": "", "required": false, "constraints": {}, "item_type": null }, "selectedMember": { "type": "object", "initial": null, "required": false, "constraints": {}, "item_type": null }, "memberLoans": { "type": "array", "initial": [], "required": false, "constraints": {}, "item_type": null }, "memberFines": { "type": "array", "initial": [], "required": false, "constraints": {}, "item_type": null }, "bookSearchQuery": { "type": "string", "initial": "", "required": false, "constraints": {}, "item_type": null }, "selectedBook": { "type": "object", "initial": null, "required": false, "constraints": {}, "item_type": null }, "memberSearchLoading": { "type": "boolean", "initial": false, "required": false, "constraints": {}, "item_type": null }, "bookSearchLoading": { "type": "boolean", "initial": false, "required": false, "constraints": {}, "item_type": null }, "checkoutLoading": { "type": "boolean", "initial": false, "required": false, "constraints": {}, "item_type": null }, "checkoutSuccess": { "type": "boolean", "initial": false, "required": false, "constraints": {}, "item_type": null }, "createdLoan": { "type": "object", "initial": null, "required": false, "constraints": {}, "item_type": null }, "memberValidationError": { "type": "string", "initial": "", "required": false, "constraints": {}, "item_type": null }, "bookValidationError": { "type": "string", "initial": "", "required": false, "constraints": {}, "item_type": null }, "memberSearchResults": { "type": "array", "initial": [], "required": false, "constraints": {}, "item_type": null }, "bookSearchResults": { "type": "array", "initial": [], "required": false, "constraints": {}, "item_type": null } }, "derived": { "memberActiveLoansCount": { "type": "number", "expr": "state.memberLoans.filter(l => l.status === 'ACTIVE').length", "deps": [] }, "memberOutstandingFinesTotal": { "type": "number", "expr": "state.memberFines.filter(f => f.status === 'UNPAID' || f.status === 'PARTIAL').reduce((sum, f) => sum + (f.amount - f.amount_paid), 0)", "deps": [] }, "calculatedDueDate": { "type": "date", "expr": "new Date(Date.now() + (appContext.librarySettings?.loanPeriodDays || 14) * 86400000).toISOString()", "deps": [] }, "isMemberEligible": { "type": "boolean", "expr": "state.selectedMember && state.selectedMember.account_standing === 'GOOD' && derived.memberActiveLoansCount < (state.selectedMember.borrowing_limit || appContext.librarySettings?.maxLoans || 5) && derived.memberOutstandingFinesTotal < (appContext.librarySettings?.suspensionThreshold || 50)", "deps": [] }, "isBookAvailable": { "type": "boolean", "expr": "state.selectedBook && state.selectedBook.status === 'AVAILABLE' && state.selectedBook.available_copies > 0", "deps": [] } } }, "data_fetch_ir": { "endpoints": { "c1c37e6698cc4c6bbabd912305f6cdbe": { "endpoint_id": "c1c37e6698cc4c6bbabd912305f6cdbe", "module": "User Management", "endpoint": "/users/members", "method": "GET", "path_params": {}, "query_params": { "limit": 10, "offset": 0 }, "body": null, "fields": [ "id", "user_id", "membership_number", "membership_date", "membership_expiry", "borrowing_limit", "account_standing" ], "response_target": "memberSearchResults", "response_transform": null, "trigger": "manual", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "a92b53acd8de42adabb55b27a518dad9": { "endpoint_id": "a92b53acd8de42adabb55b27a518dad9", "module": "User Management", "endpoint": "/users/members/{member_id}/details", "method": "GET", "path_params": { "member_id": "$state.selectedMember.id" }, "query_params": {}, "body": null, "fields": [ "id", "user_id", "membership_number", "user" ], "response_target": "selectedMember", "response_transform": null, "trigger": "manual", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "83308bc58e2d4127ac75100cefa35a42": { "endpoint_id": "83308bc58e2d4127ac75100cefa35a42", "module": "Circulation", "endpoint": "/circulation/loans", "method": "GET", "path_params": {}, "query_params": { "member_id": "$state.selectedMember.id", "loan_status": "ACTIVE", "limit": 50 }, "body": null, "fields": [ "id", "book_id", "checkout_date", "due_date", "status" ], "response_target": "memberLoans", "response_transform": null, "trigger": "manual", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "ed13cdff4d1240caa84a9087cba824e3": { "endpoint_id": "ed13cdff4d1240caa84a9087cba824e3", "module": "Fines", "endpoint": "/fines/", "method": "GET", "path_params": {}, "query_params": { "member_id": "$state.selectedMember.id", "status": "UNPAID", "limit": 50 }, "body": null, "fields": [ "id", "amount", "amount_paid", "status", "reason" ], "response_target": "memberFines", "response_transform": null, "trigger": "manual", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "198fa5534b0d4689940c564fbbfc5283": { "endpoint_id": "198fa5534b0d4689940c564fbbfc5283", "module": "", "endpoint": "/books", "method": "GET", "path_params": {}, "query_params": { "search": "$state.bookSearchQuery", "limit": 10, "offset": 0 }, "body": null, "fields": [ "id", "isbn", "title", "subtitle", "status", "location", "available_copies", "book_format" ], "response_target": "bookSearchResults", "response_transform": null, "trigger": "manual", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "020224bb51c8461a843c40e2287aaa5a": { "endpoint_id": "020224bb51c8461a843c40e2287aaa5a", "module": "Circulation", "endpoint": "/circulation/loans", "method": "POST", "path_params": {}, "query_params": {}, "body": null, "fields": [ "id", "book_id", "member_id", "librarian_id", "checkout_date", "due_date", "status" ], "response_target": "createdLoan", "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", "account_standing", "borrowing_limit" ], "search_fields": [], "filters": [ "account_standing" ], "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", "status", "location", "available_copies" ], "search_fields": [], "filters": [ "status", "book_format" ], "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", "status" ], "search_fields": [], "filters": [ "status", "member_id" ], "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", "created_at", "updated_at" ], "computed": [], "display_fields": [ "amount", "status", "reason" ], "search_fields": [], "filters": [ "status", "member_id" ], "default_sort": null, "default_sort_dir": "asc" } }, "relationships": [] }, "behaviour_ir": { "events": { "onMemberSearchChange": { "type": "mutation", "updates": [ { "target": "state.memberSearchQuery", "expr": "event.value" } ], "description": "" }, "onBookSearchChange": { "type": "mutation", "updates": [ { "target": "state.bookSearchQuery", "expr": "event.value" } ], "description": "" }, "onSelectMemberFromResults": { "type": "mutation", "updates": [ { "target": "state.selectedMember", "expr": "event.record" }, { "target": "state.memberValidationError", "expr": "''" } ], "description": "" }, "onSelectBookFromResults": { "type": "mutation", "updates": [ { "target": "state.selectedBook", "expr": "event.record" }, { "target": "state.bookValidationError", "expr": "''" } ], "description": "" } }, "actions": { "ff689f7e0e284949a68d634a03c1304a": { "action_id": "ff689f7e0e284949a68d634a03c1304a", "trigger": "button_click", "target_component_id": "member_search_button", "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\": \"memberSearchQuery\", \"message\": \"Please enter a member ID, name, or email to search\", \"rule_id\": \"val_member_query\", \"type\": \"required\"}", "message": "{\"field\": \"memberSearchQuery\", \"message\": \"Please enter a member ID, name, or email to search\", \"rule_id\": \"val_member_query\", \"type\": \"required\"}" } ], "validation_messages": {}, "updates": [ { "target": "state.memberSearchLoading", "expr": "true" } ], "api_endpoint": "c1c37e6698cc4c6bbabd912305f6cdbe", "api_body": null, "side_effects": [], "then": null, "catch": null, "data_action": null }, "d7b1df028f1d4454bdbfe5d5b8ef2039": { "action_id": "d7b1df028f1d4454bdbfe5d5b8ef2039", "trigger": "row_click", "target_component_id": "member_search_results_list", "operation": "read", "description": "", "payload": {}, "guard": null, "requires_confirmation": false, "confirmation_message": null, "validation_rules": [], "validation_messages": {}, "updates": [ { "target": "state.selectedMember", "expr": "event.record" }, { "target": "state.memberSearchLoading", "expr": "true" } ], "api_endpoint": "a92b53acd8de42adabb55b27a518dad9", "api_body": null, "side_effects": [], "then": null, "catch": null, "data_action": null }, "d87270f5cd474585960cf53168052e99": { "action_id": "d87270f5cd474585960cf53168052e99", "trigger": "button_click", "target_component_id": "member_info_card", "operation": "read", "description": "", "payload": {}, "guard": null, "requires_confirmation": false, "confirmation_message": null, "validation_rules": [], "validation_messages": {}, "updates": [], "api_endpoint": "83308bc58e2d4127ac75100cefa35a42", "api_body": null, "side_effects": [], "then": null, "catch": null, "data_action": null }, "b1552cb4b00d419ebd49af8a726ce349": { "action_id": "b1552cb4b00d419ebd49af8a726ce349", "trigger": "button_click", "target_component_id": "member_info_card", "operation": "read", "description": "", "payload": {}, "guard": null, "requires_confirmation": false, "confirmation_message": null, "validation_rules": [], "validation_messages": {}, "updates": [], "api_endpoint": "ed13cdff4d1240caa84a9087cba824e3", "api_body": null, "side_effects": [], "then": null, "catch": null, "data_action": null }, "73eb7da11c5f413da625c0f9d745f2a0": { "action_id": "73eb7da11c5f413da625c0f9d745f2a0", "trigger": "button_click", "target_component_id": "proceed_to_book_button", "operation": "custom", "description": "", "payload": {}, "guard": null, "requires_confirmation": false, "confirmation_message": null, "validation_rules": [], "validation_messages": {}, "updates": [ { "target": "state.currentStep", "expr": "1" } ], "api_endpoint": null, "api_body": null, "side_effects": [], "then": null, "catch": null, "data_action": null }, "fe668c04b8ba486893093269ef6a20c9": { "action_id": "fe668c04b8ba486893093269ef6a20c9", "trigger": "button_click", "target_component_id": "book_search_button", "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\": \"bookSearchQuery\", \"message\": \"Please enter a book ID, ISBN, or title to search\", \"rule_id\": \"val_book_query\", \"type\": \"required\"}", "message": "{\"field\": \"bookSearchQuery\", \"message\": \"Please enter a book ID, ISBN, or title to search\", \"rule_id\": \"val_book_query\", \"type\": \"required\"}" } ], "validation_messages": {}, "updates": [ { "target": "state.bookSearchLoading", "expr": "true" } ], "api_endpoint": "198fa5534b0d4689940c564fbbfc5283", "api_body": null, "side_effects": [], "then": null, "catch": null, "data_action": null }, "e9a73db6b4504ea8b9412420d5e58d13": { "action_id": "e9a73db6b4504ea8b9412420d5e58d13", "trigger": "row_click", "target_component_id": "book_search_results_list", "operation": "custom", "description": "", "payload": {}, "guard": null, "requires_confirmation": false, "confirmation_message": null, "validation_rules": [], "validation_messages": {}, "updates": [ { "target": "state.selectedBook", "expr": "event.record" }, { "target": "state.bookValidationError", "expr": "event.record.status !== 'AVAILABLE' ? 'This book is not available for checkout' : ''" } ], "api_endpoint": null, "api_body": null, "side_effects": [], "then": null, "catch": null, "data_action": null }, "97bce396f6ed45f1b88928329a244312": { "action_id": "97bce396f6ed45f1b88928329a244312", "trigger": "button_click", "target_component_id": "process_checkout_button", "operation": "create", "description": "", "payload": {}, "guard": null, "requires_confirmation": true, "confirmation_message": null, "validation_rules": [], "validation_messages": {}, "updates": [ { "target": "state.checkoutLoading", "expr": "true" } ], "api_endpoint": "020224bb51c8461a843c40e2287aaa5a", "api_body": "{ book_id: state.selectedBook.id, member_id: state.selectedMember.id, librarian_id: appContext.currentUser?.id, checkout_date: new Date().toISOString(), due_date: derived.calculatedDueDate, status: 'ACTIVE' }", "side_effects": [ { "type": "toast", "config": { "message": "Book checked out successfully!", "type": "success" } } ], "then": null, "catch": null, "data_action": null }, "2ea3ab835bbb48a68279f46e0fd76e81": { "action_id": "2ea3ab835bbb48a68279f46e0fd76e81", "trigger": "button_click", "target_component_id": "checkout_another_button", "operation": "custom", "description": "", "payload": {}, "guard": null, "requires_confirmation": false, "confirmation_message": null, "validation_rules": [], "validation_messages": {}, "updates": [ { "target": "state.currentStep", "expr": "1" }, { "target": "state.selectedBook", "expr": "null" }, { "target": "state.bookSearchQuery", "expr": "''" }, { "target": "state.bookSearchResults", "expr": "[]" }, { "target": "state.bookValidationError", "expr": "''" }, { "target": "state.checkoutSuccess", "expr": "false" }, { "target": "state.createdLoan", "expr": "null" } ], "api_endpoint": null, "api_body": null, "side_effects": [], "then": null, "catch": null, "data_action": null }, "33284ad464b54322b0fe10a8a42e13ae": { "action_id": "33284ad464b54322b0fe10a8a42e13ae", "trigger": "button_click", "target_component_id": "new_checkout_button", "operation": "custom", "description": "", "payload": {}, "guard": null, "requires_confirmation": false, "confirmation_message": null, "validation_rules": [], "validation_messages": {}, "updates": [ { "target": "state.currentStep", "expr": "0" }, { "target": "state.selectedMember", "expr": "null" }, { "target": "state.selectedBook", "expr": "null" }, { "target": "state.memberSearchQuery", "expr": "''" }, { "target": "state.bookSearchQuery", "expr": "''" }, { "target": "state.memberSearchResults", "expr": "[]" }, { "target": "state.bookSearchResults", "expr": "[]" }, { "target": "state.memberLoans", "expr": "[]" }, { "target": "state.memberFines", "expr": "[]" }, { "target": "state.memberValidationError", "expr": "''" }, { "target": "state.bookValidationError", "expr": "''" }, { "target": "state.checkoutSuccess", "expr": "false" }, { "target": "state.createdLoan", "expr": "null" } ], "api_endpoint": null, "api_body": null, "side_effects": [], "then": null, "catch": null, "data_action": null }, "8bdca17ab463450dbfc2c0289c809122": { "action_id": "8bdca17ab463450dbfc2c0289c809122", "trigger": "button_click", "target_component_id": "back_to_member_button", "operation": "custom", "description": "", "payload": {}, "guard": null, "requires_confirmation": false, "confirmation_message": null, "validation_rules": [], "validation_messages": {}, "updates": [ { "target": "state.currentStep", "expr": "0" } ], "api_endpoint": null, "api_body": null, "side_effects": [], "then": null, "catch": null, "data_action": null }, "6ff73857e2b14b0c8d8ea34001900467": { "action_id": "6ff73857e2b14b0c8d8ea34001900467", "trigger": "button_click", "target_component_id": "back_to_dashboard_link", "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": "/librarian/dashboard" } } ], "then": null, "catch": null, "data_action": null }, "54d850bc23fc4daa803ab31c34b34641": { "action_id": "54d850bc23fc4daa803ab31c34b34641", "trigger": "button_click", "target_component_id": "view_loans_link", "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 } }, "feedback": { "ff689f7e0e284949a68d634a03c1304a": { "action_id": "ff689f7e0e284949a68d634a03c1304a", "loading_indicator": "spinner", "loading_text": null, "success_message": null, "error_message": "Failed to search members. Please try again.", "ui_updates": [ "state.memberSearchLoading = false" ] }, "d7b1df028f1d4454bdbfe5d5b8ef2039": { "action_id": "d7b1df028f1d4454bdbfe5d5b8ef2039", "loading_indicator": "spinner", "loading_text": null, "success_message": null, "error_message": "Failed to load member details.", "ui_updates": [ "state.memberSearchLoading = false" ] }, "d87270f5cd474585960cf53168052e99": { "action_id": "d87270f5cd474585960cf53168052e99", "loading_indicator": "spinner", "loading_text": null, "success_message": null, "error_message": "Failed to load member loans.", "ui_updates": [] }, "b1552cb4b00d419ebd49af8a726ce349": { "action_id": "b1552cb4b00d419ebd49af8a726ce349", "loading_indicator": "spinner", "loading_text": null, "success_message": null, "error_message": "Failed to load member fines.", "ui_updates": [] }, "fe668c04b8ba486893093269ef6a20c9": { "action_id": "fe668c04b8ba486893093269ef6a20c9", "loading_indicator": "spinner", "loading_text": null, "success_message": null, "error_message": "Failed to search books. Please try again.", "ui_updates": [ "state.bookSearchLoading = false" ] }, "97bce396f6ed45f1b88928329a244312": { "action_id": "97bce396f6ed45f1b88928329a244312", "loading_indicator": "spinner", "loading_text": null, "success_message": "Book checked out successfully!", "error_message": "Failed to process checkout. Please try again.", "ui_updates": [ "state.checkoutLoading = false", "state.checkoutSuccess = true", "state.currentStep = 2" ] }, "2ea3ab835bbb48a68279f46e0fd76e81": { "action_id": "2ea3ab835bbb48a68279f46e0fd76e81", "loading_indicator": null, "loading_text": null, "success_message": null, "error_message": null, "ui_updates": [] }, "33284ad464b54322b0fe10a8a42e13ae": { "action_id": "33284ad464b54322b0fe10a8a42e13ae", "loading_indicator": null, "loading_text": null, "success_message": null, "error_message": null, "ui_updates": [] }, "8bdca17ab463450dbfc2c0289c809122": { "action_id": "8bdca17ab463450dbfc2c0289c809122", "loading_indicator": null, "loading_text": null, "success_message": null, "error_message": null, "ui_updates": [] }, "73eb7da11c5f413da625c0f9d745f2a0": { "action_id": "73eb7da11c5f413da625c0f9d745f2a0", "loading_indicator": null, "loading_text": null, "success_message": null, "error_message": null, "ui_updates": [] }, "e9a73db6b4504ea8b9412420d5e58d13": { "action_id": "e9a73db6b4504ea8b9412420d5e58d13", "loading_indicator": null, "loading_text": null, "success_message": null, "error_message": null, "ui_updates": [] }, "6ff73857e2b14b0c8d8ea34001900467": { "action_id": "6ff73857e2b14b0c8d8ea34001900467", "loading_indicator": null, "loading_text": null, "success_message": null, "error_message": null, "ui_updates": [] }, "54d850bc23fc4daa803ab31c34b34641": { "action_id": "54d850bc23fc4daa803ab31c34b34641", "loading_indicator": null, "loading_text": null, "success_message": null, "error_message": null, "ui_updates": [] } } }, "component_ir": { "library": "antd", "theme": { "primaryColor": "#1677ff", "secondaryColor": "#52c41a", "successColor": null, "warningColor": null, "errorColor": null, "fontFamily": "sans-serif", "fontSize": null, "borderRadius": 6 }, "components": { "main_container": { "type": "Layout", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": {}, "dynamic_props": {}, "styles": { "minHeight": "100vh", "width": "100%", "padding": "24px", "background": "#f5f5f5" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "page_header": { "type": "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 }, "page_title": { "type": "Typography.Title", "label": "Book Checkout", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "level": 2 }, "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 }, "page_breadcrumb": { "type": "Breadcrumb", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "items": [ { "title": "Circulation" }, { "title": "Book Checkout" } ] }, "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 }, "back_to_dashboard_link": { "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": { "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 }, "steps_container": { "type": "Card", "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 }, "checkout_steps": { "type": "Steps", "label": null, "description": null, "bind": "state.currentStep", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "items": [ { "title": "Member Lookup", "description": "Find and verify member" }, { "title": "Book Selection", "description": "Search and select book" }, { "title": "Confirmation", "description": "Checkout receipt" } ] }, "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 }, "step_content_container": { "type": "div", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": {}, "dynamic_props": {}, "styles": { "marginTop": "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 }, "member_step_container": { "type": "div", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "visible": "state.currentStep === 0" }, "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_card": { "type": "Card", "label": "Member Lookup", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "Search Member" }, "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 }, "member_search_row": { "type": "div", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": {}, "dynamic_props": {}, "styles": { "display": "flex", "gap": "12px", "alignItems": "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 }, "member_search_input": { "type": "Input.Search", "label": "Search by Member ID, Name, or Email", "description": null, "bind": "state.memberSearchQuery", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Enter member ID, name, or email...", "allowClear": true, "size": "large" }, "dynamic_props": {}, "styles": { "flex": 1 }, "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_button": { "type": "Button", "label": "Search", "description": null, "bind": null, "onClick": "searchMember", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "primary", "size": "large", "icon": "SearchOutlined", "loading": "state.memberSearchLoading" }, "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_list": { "type": "List", "label": null, "description": null, "bind": "state.memberSearchResults", "onClick": "selectMember", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "size": "small", "bordered": true }, "dynamic_props": {}, "styles": { "marginTop": "12px" }, "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_card": { "type": "Card", "label": null, "description": null, "bind": "state.selectedMember", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "Member Information", "visible": "state.selectedMember !== null" }, "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 }, "member_name_display": { "type": "Descriptions", "label": null, "description": null, "bind": "state.selectedMember", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "bordered": true, "column": 2, "items": [ { "label": "Name", "field": "user.first_name + ' ' + user.last_name" }, { "label": "Member ID", "field": "membership_number" }, { "label": "Account Standing", "field": "account_standing" }, { "label": "Current Loans", "field": "derived.memberActiveLoansCount + '/' + (selectedMember.borrowing_limit || 5)" }, { "label": "Outstanding Fines", "field": "derived.memberOutstandingFinesTotal" }, { "label": "Membership Expiry", "field": "membership_expiry" } ] }, "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_validation_alert": { "type": "Alert", "label": null, "description": null, "bind": "state.memberValidationError", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "error", "showIcon": true, "visible": "state.memberValidationError !== ''" }, "dynamic_props": {}, "styles": { "marginTop": "12px" }, "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_suspended_alert": { "type": "Alert", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "error", "showIcon": true, "message": "Member account is suspended. Cannot proceed with checkout.", "visible": "state.selectedMember && state.selectedMember.account_standing === 'SUSPENDED'" }, "dynamic_props": {}, "styles": { "marginTop": "12px" }, "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_fine_warning_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": "Member has outstanding fines exceeding the threshold. Checkout may be restricted.", "visible": "derived.memberOutstandingFinesTotal >= (appContext.librarySettings?.suspensionThreshold || 50)" }, "dynamic_props": {}, "styles": { "marginTop": "12px" }, "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_eligible_alert": { "type": "Alert", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "success", "showIcon": true, "message": "Member is eligible for checkout.", "visible": "derived.isMemberEligible" }, "dynamic_props": {}, "styles": { "marginTop": "12px" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "proceed_to_book_button": { "type": "Button", "label": "Proceed to Book Selection", "description": null, "bind": null, "onClick": "proceedToBookStep", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "primary", "size": "large", "disabled": "!derived.isMemberEligible", "icon": "ArrowRightOutlined" }, "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 }, "book_step_container": { "type": "div", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "visible": "state.currentStep === 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 }, "book_search_card": { "type": "Card", "label": "Book Search", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "Search Book" }, "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 }, "book_search_row": { "type": "div", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": {}, "dynamic_props": {}, "styles": { "display": "flex", "gap": "12px", "alignItems": "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 }, "book_search_input": { "type": "Input.Search", "label": "Search by Book ID, ISBN, or Title", "description": null, "bind": "state.bookSearchQuery", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Enter book ID, ISBN, or title...", "allowClear": true, "size": "large" }, "dynamic_props": {}, "styles": { "flex": 1 }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "book_search_button": { "type": "Button", "label": "Search", "description": null, "bind": null, "onClick": "searchBook", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "primary", "size": "large", "icon": "SearchOutlined", "loading": "state.bookSearchLoading" }, "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 }, "book_search_results_list": { "type": "List", "label": null, "description": null, "bind": "state.bookSearchResults", "onClick": "selectBook", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "size": "small", "bordered": true }, "dynamic_props": {}, "styles": { "marginTop": "12px" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "book_info_card": { "type": "Card", "label": null, "description": null, "bind": "state.selectedBook", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "Book Information", "visible": "state.selectedBook !== null" }, "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 }, "book_details_display": { "type": "Descriptions", "label": null, "description": null, "bind": "state.selectedBook", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "bordered": true, "column": 2, "items": [ { "label": "Title", "field": "title" }, { "label": "ISBN", "field": "isbn" }, { "label": "Status", "field": "status" }, { "label": "Shelf Location", "field": "location" }, { "label": "Available Copies", "field": "available_copies" }, { "label": "Format", "field": "book_format" } ] }, "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 }, "book_validation_alert": { "type": "Alert", "label": null, "description": null, "bind": "state.bookValidationError", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "error", "showIcon": true, "visible": "state.bookValidationError !== ''" }, "dynamic_props": {}, "styles": { "marginTop": "12px" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "book_available_alert": { "type": "Alert", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "success", "showIcon": true, "message": "Book is available for checkout.", "visible": "derived.isBookAvailable" }, "dynamic_props": {}, "styles": { "marginTop": "12px" }, "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_summary_card": { "type": "Card", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "Checkout Summary", "visible": "derived.isBookAvailable && state.selectedBook !== null" }, "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 }, "checkout_summary_display": { "type": "Descriptions", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "bordered": true, "column": 1, "items": [ { "label": "Member", "field": "state.selectedMember?.membership_number" }, { "label": "Book", "field": "state.selectedBook?.title" }, { "label": "Checkout Date", "field": "new Date().toLocaleDateString()" }, { "label": "Due Date", "field": "derived.calculatedDueDate" }, { "label": "Loan Period", "field": "(appContext.librarySettings?.loanPeriodDays || 14) + ' days'" } ] }, "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 }, "book_step_actions": { "type": "div", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": {}, "dynamic_props": {}, "styles": { "display": "flex", "gap": "12px", "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 }, "back_to_member_button": { "type": "Button", "label": "Back to Member", "description": null, "bind": null, "onClick": "goBackToMemberStep", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "size": "large", "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 }, "process_checkout_button": { "type": "Button", "label": "Process Checkout", "description": null, "bind": null, "onClick": "processCheckout", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "primary", "size": "large", "disabled": "!derived.isBookAvailable", "loading": "state.checkoutLoading", "icon": "CheckOutlined" }, "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 }, "confirmation_step_container": { "type": "div", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "visible": "state.currentStep === 2" }, "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 }, "success_result": { "type": "Result", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "status": "success", "title": "Checkout Successful!", "subTitle": "The book has been checked out to the member." }, "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 }, "receipt_card": { "type": "Card", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "Checkout Receipt" }, "dynamic_props": {}, "styles": { "marginTop": "16px", "maxWidth": "600px", "margin": "0 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 }, "receipt_details": { "type": "Descriptions", "label": null, "description": null, "bind": "state.createdLoan", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "bordered": true, "column": 1, "items": [ { "label": "Member", "field": "state.selectedMember?.membership_number" }, { "label": "Book Title", "field": "state.selectedBook?.title" }, { "label": "ISBN", "field": "state.selectedBook?.isbn" }, { "label": "Checkout Date", "field": "state.createdLoan?.checkout_date" }, { "label": "Due Date", "field": "state.createdLoan?.due_date" }, { "label": "Loan ID", "field": "state.createdLoan?.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 }, "confirmation_actions": { "type": "div", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": {}, "dynamic_props": {}, "styles": { "display": "flex", "gap": "12px", "justifyContent": "center", "marginTop": "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 }, "checkout_another_button": { "type": "Button", "label": "Checkout Another Book (Same Member)", "description": null, "bind": null, "onClick": "checkoutAnother", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "primary", "size": "large", "icon": "PlusOutlined" }, "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 }, "new_checkout_button": { "type": "Button", "label": "New Checkout", "description": null, "bind": null, "onClick": "startNewCheckout", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "size": "large" }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "view_loans_link": { "type": "Button", "label": "View All Loans", "description": null, "bind": null, "onClick": "navigateToLoans", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "link", "size": "large" }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null } } }, "layout_ir": { "root": "main_container", "children": { "main_container": [ "page_header", "steps_container", "step_content_container" ], "page_header": [ "back_to_dashboard_link", "page_title", "page_breadcrumb" ], "steps_container": [ "checkout_steps" ], "step_content_container": [ "member_step_container", "book_step_container", "confirmation_step_container" ], "member_step_container": [ "member_search_card", "member_info_card", "member_suspended_alert", "member_fine_warning_alert", "member_eligible_alert", "proceed_to_book_button" ], "member_search_card": [ "member_search_row", "member_search_results_list" ], "member_search_row": [ "member_search_input", "member_search_button" ], "member_info_card": [ "member_name_display", "member_validation_alert" ], "book_step_container": [ "book_search_card", "book_info_card", "book_available_alert", "checkout_summary_card", "book_step_actions" ], "book_search_card": [ "book_search_row", "book_search_results_list" ], "book_search_row": [ "book_search_input", "book_search_button" ], "book_info_card": [ "book_details_display", "book_validation_alert" ], "checkout_summary_card": [ "checkout_summary_display" ], "book_step_actions": [ "back_to_member_button", "process_checkout_button" ], "confirmation_step_container": [ "success_result", "receipt_card", "confirmation_actions" ], "receipt_card": [ "receipt_details" ], "confirmation_actions": [ "checkout_another_button", "new_checkout_button", "view_loans_link" ] }, "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": 4, "padding": null, "columns": null, "column_template": null, "row_template": null, "align_items": null, "justify_content": null, "wrap": false, "min_height": null, "overflow": null }, "steps_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 }, "step_content_container": { "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 }, "member_step_container": { "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 }, "member_search_card": { "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 }, "member_search_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 }, "member_info_card": { "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 }, "book_step_container": { "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 }, "book_search_card": { "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 }, "book_search_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 }, "book_info_card": { "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 }, "checkout_summary_card": { "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 }, "book_step_actions": { "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 }, "confirmation_step_container": { "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 }, "receipt_card": { "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 }, "confirmation_actions": { "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 } }, "layout_zones": [ { "zone_id": "main_zone", "component": "main_container", "anchor": "center", "size_hint": "full-width", "z_layer": "base", "notes": "Main page container with full viewport height" } ], "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 }