{ "page_ir": { "page_id": "member_profile", "page_goal": "Allow members to view their profile information, membership details, update contact info, change password, and view borrowing statistics", "style": { "tone": "professional", "theme": "light", "density": "comfortable", "color_intent": "neutral with primary accents" }, "accessibility": { "required_labels": [ "profile_form", "password_form", "membership_number", "membership_status", "join_date" ], "skip_navigation": true, "focus_management": true, "announce_changes": [] }, "responsive": { "breakpoints": { "sm": 576, "md": 768, "lg": 992, "xl": 1200 }, "collapse_rules": [ "stats_row collapses to vertical on sm", "form sections stack vertically on sm" ], "hidden_on_small": [], "stack_on_small": [] }, "constraints": [ "Member must be authenticated", "Only own profile data is editable" ], "seo_title": null, "seo_description": null }, "data_ir": { "types": {}, "state": { "memberDetails": { "type": "object", "initial": null, "required": true, "constraints": {}, "item_type": null }, "loading": { "type": "boolean", "initial": true, "required": false, "constraints": {}, "item_type": null }, "savingProfile": { "type": "boolean", "initial": false, "required": false, "constraints": {}, "item_type": null }, "savingPassword": { "type": "boolean", "initial": false, "required": false, "constraints": {}, "item_type": null }, "borrowingStats": { "type": "object", "initial": { "totalBorrowed": 0, "activeLoans": 0, "totalFinesPaid": 0 }, "required": false, "constraints": {}, "item_type": null }, "loans": { "type": "array", "initial": [], "required": false, "constraints": {}, "item_type": null }, "fines": { "type": "array", "initial": [], "required": false, "constraints": {}, "item_type": null } }, "derived": { "membershipStatusColor": { "type": "string", "expr": "state.memberDetails?.membership_status === 'ACTIVE' ? 'green' : state.memberDetails?.membership_status === 'SUSPENDED' ? 'red' : state.memberDetails?.membership_status === 'EXPIRED' ? 'orange' : 'default'", "deps": [] }, "totalBorrowed": { "type": "number", "expr": "state.loans.length", "deps": [] }, "activeLoansCount": { "type": "number", "expr": "state.loans.filter(l => l.status === 'ACTIVE').length", "deps": [] }, "totalFinesPaid": { "type": "number", "expr": "state.fines.filter(f => f.payment_status === 'PAID').reduce((sum, f) => sum + Number(f.amount_paid || 0), 0)", "deps": [] } } }, "data_fetch_ir": { "endpoints": { "19102e51d9ba48b990c41f741e5db65b": { "endpoint_id": "19102e51d9ba48b990c41f741e5db65b", "module": "Authentication", "endpoint": "/auth/members/{member_id}/details", "method": "GET", "path_params": { "member_id": "appContext.currentUser.memberId" }, "query_params": {}, "body": null, "fields": [ "id", "membership_number", "user", "library_branch" ], "response_target": "memberDetails", "response_transform": null, "trigger": "on_mount", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "3a5c9e5d104e42c4af6c0125d8a9dce1": { "endpoint_id": "3a5c9e5d104e42c4af6c0125d8a9dce1", "module": "Circulation", "endpoint": "/loans/", "method": "GET", "path_params": {}, "query_params": { "member_id": "appContext.currentUser.memberId", "limit": 100 }, "body": null, "fields": [ "id", "member_id", "status", "checkout_date", "due_date", "return_date" ], "response_target": "loans", "response_transform": null, "trigger": "on_mount", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "d786e6b2441445229f07474a06fdfa0c": { "endpoint_id": "d786e6b2441445229f07474a06fdfa0c", "module": "Fines and Payments", "endpoint": "/fines/", "method": "GET", "path_params": {}, "query_params": { "member_id": "appContext.currentUser.memberId", "limit": 100 }, "body": null, "fields": [ "id", "member_id", "amount", "payment_status", "amount_paid" ], "response_target": "fines", "response_transform": null, "trigger": "on_mount", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "b06e8527a4fd490e89dbc19926d4a9d9": { "endpoint_id": "b06e8527a4fd490e89dbc19926d4a9d9", "module": "Authentication", "endpoint": "/auth/users/{user_id}", "method": "PUT", "path_params": { "user_id": "appContext.currentUser.id" }, "query_params": {}, "body": null, "fields": [ "id", "email", "first_name", "last_name" ], "response_target": "updateUserProfile_data", "response_transform": null, "trigger": "manual", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "85c897b3be0d4b25ad560469b3fbc7af": { "endpoint_id": "85c897b3be0d4b25ad560469b3fbc7af", "module": "Authentication", "endpoint": "/auth/members/{member_id}", "method": "PUT", "path_params": { "member_id": "appContext.currentUser.memberId" }, "query_params": {}, "body": null, "fields": [ "id", "membership_number", "user" ], "response_target": "updateMemberProfile_data", "response_transform": null, "trigger": "manual", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "7c791f3253e34b82ba33394b06ec164b": { "endpoint_id": "7c791f3253e34b82ba33394b06ec164b", "module": "Authentication", "endpoint": "/auth/users/{user_id}", "method": "PUT", "path_params": { "user_id": "appContext.currentUser.id" }, "query_params": {}, "body": null, "fields": [ "id", "email", "first_name", "last_name" ], "response_target": "7c791f3253e34b82ba33394b06ec164b_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": "Authentication", "fields": [ "id", "membership_number", "user", "membership_status", "join_date", "date_of_birth", "address", "library_branch" ], "computed": [], "display_fields": [ "membership_number", "membership_status", "join_date" ], "search_fields": [], "filters": [], "default_sort": null, "default_sort_dir": "asc" }, "user": { "name": "User", "backend_module": "Authentication", "fields": [ "id", "email", "first_name", "last_name" ], "computed": [], "display_fields": [ "email", "first_name", "last_name" ], "search_fields": [], "filters": [], "default_sort": null, "default_sort_dir": "asc" }, "loan": { "name": "Loan", "backend_module": "Circulation", "fields": [ "id", "member_id", "book_copy_id", "checkout_date", "due_date", "return_date", "renewal_count", "status" ], "computed": [], "display_fields": [ "status", "checkout_date" ], "search_fields": [], "filters": [ "member_id", "status" ], "default_sort": null, "default_sort_dir": "asc" }, "fine": { "name": "Fine", "backend_module": "Fines and Payments", "fields": [ "id", "member_id", "loan_id", "amount", "reason", "issue_date", "payment_status", "amount_paid" ], "computed": [], "display_fields": [ "amount", "payment_status" ], "search_fields": [], "filters": [ "member_id", "payment_status" ], "default_sort": null, "default_sort_dir": "asc" } }, "relationships": [] }, "behaviour_ir": { "events": { "onProfileLoaded": { "type": "mutation", "updates": [ { "target": "state.loading", "expr": "false" } ], "description": "" } }, "actions": { "665cc6c5fbb64ba3b07dd6fbb5b88b0b": { "action_id": "665cc6c5fbb64ba3b07dd6fbb5b88b0b", "trigger": "form_submit", "target_component_id": "profile_form", "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\": \"Please enter a valid email address\", \"rule_id\": \"val_email\", \"type\": \"email\"}", "message": "{\"field\": \"email\", \"message\": \"Please enter a valid email address\", \"rule_id\": \"val_email\", \"type\": \"email\"}" }, { "rule_id": "val_1", "field": null, "type": "custom", "value": null, "expression": "{\"field\": \"phone\", \"message\": \"Phone number is required\", \"rule_id\": \"val_phone\", \"type\": \"required\"}", "message": "{\"field\": \"phone\", \"message\": \"Phone number is required\", \"rule_id\": \"val_phone\", \"type\": \"required\"}" } ], "validation_messages": {}, "updates": [ { "target": "state.savingProfile", "expr": "true" } ], "api_endpoint": "b06e8527a4fd490e89dbc19926d4a9d9", "api_body": "{ email: formValues.email, phone: formValues.phone, first_name: appContext.currentUser.fullName.split(' ')[0], last_name: appContext.currentUser.fullName.split(' ').slice(1).join(' ') }", "side_effects": [ { "type": "toast", "config": { "message": "Profile updated successfully!", "type": "success" } } ], "then": null, "catch": null, "data_action": null }, "eb08d810c4b54ce49bd4bf474fed2473": { "action_id": "eb08d810c4b54ce49bd4bf474fed2473", "trigger": "form_submit", "target_component_id": "profile_form", "operation": "update", "description": "", "payload": {}, "guard": null, "requires_confirmation": false, "confirmation_message": null, "validation_rules": [], "validation_messages": {}, "updates": [ { "target": "state.savingProfile", "expr": "true" } ], "api_endpoint": "85c897b3be0d4b25ad560469b3fbc7af", "api_body": "{ address: formValues.address }", "side_effects": [ { "type": "toast", "config": { "message": "Address updated successfully!", "type": "success" } } ], "then": null, "catch": null, "data_action": null }, "7c791f3253e34b82ba33394b06ec164b": { "action_id": "7c791f3253e34b82ba33394b06ec164b", "trigger": "form_submit", "target_component_id": "password_form", "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\": \"current_password\", \"message\": \"Current password is required\", \"rule_id\": \"val_current_password\", \"type\": \"required\"}", "message": "{\"field\": \"current_password\", \"message\": \"Current password is required\", \"rule_id\": \"val_current_password\", \"type\": \"required\"}" }, { "rule_id": "val_1", "field": null, "type": "custom", "value": null, "expression": "{\"config\": {\"min\": 8}, \"field\": \"new_password\", \"message\": \"Password must be at least 8 characters\", \"rule_id\": \"val_new_password\", \"type\": \"min_length\"}", "message": "{\"config\": {\"min\": 8}, \"field\": \"new_password\", \"message\": \"Password must be at least 8 characters\", \"rule_id\": \"val_new_password\", \"type\": \"min_length\"}" }, { "rule_id": "val_2", "field": null, "type": "custom", "value": null, "expression": "{\"field\": \"confirm_password\", \"message\": \"Please confirm your new password\", \"rule_id\": \"val_confirm_password\", \"type\": \"required\"}", "message": "{\"field\": \"confirm_password\", \"message\": \"Please confirm your new password\", \"rule_id\": \"val_confirm_password\", \"type\": \"required\"}" } ], "validation_messages": {}, "updates": [ { "target": "state.savingPassword", "expr": "true" } ], "api_endpoint": "7c791f3253e34b82ba33394b06ec164b", "api_body": "{ password: formValues.new_password }", "side_effects": [ { "type": "toast", "config": { "message": "Password changed successfully!", "type": "success" } } ], "then": null, "catch": null, "data_action": null }, "f9fb55929ae14a8aa6339445080de253": { "action_id": "f9fb55929ae14a8aa6339445080de253", "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": "/dashboard" } } ], "then": null, "catch": null, "data_action": null } }, "feedback": { "665cc6c5fbb64ba3b07dd6fbb5b88b0b": { "action_id": "665cc6c5fbb64ba3b07dd6fbb5b88b0b", "loading_indicator": "spinner", "loading_text": null, "success_message": "Profile updated successfully!", "error_message": "Failed to update profile. Please try again.", "ui_updates": [] }, "eb08d810c4b54ce49bd4bf474fed2473": { "action_id": "eb08d810c4b54ce49bd4bf474fed2473", "loading_indicator": "spinner", "loading_text": null, "success_message": "Address updated successfully!", "error_message": "Failed to update address. Please try again.", "ui_updates": [] }, "7c791f3253e34b82ba33394b06ec164b": { "action_id": "7c791f3253e34b82ba33394b06ec164b", "loading_indicator": "spinner", "loading_text": null, "success_message": "Password changed successfully!", "error_message": "Failed to change password. Please check your current password.", "ui_updates": [] }, "f9fb55929ae14a8aa6339445080de253": { "action_id": "f9fb55929ae14a8aa6339445080de253", "loading_indicator": null, "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": "div", "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", "display": "flex", "alignItems": "center", "justifyContent": "space-between" }, "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 Profile", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "level": 2 }, "dynamic_props": {}, "styles": { "margin": 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_button": { "type": "Button", "label": "Back to Dashboard", "description": null, "bind": null, "onClick": "navigateToDashboard", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "default", "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 }, "membership_card": { "type": "Card", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "Membership Information" }, "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 }, "membership_info_row": { "type": "Row", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "gutter": [ 24, 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 }, "membership_number_col": { "type": "Col", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "xs": 24, "sm": 8 }, "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 }, "membership_number_stat": { "type": "Statistic", "label": "Membership Number", "description": null, "bind": "state.memberDetails.membership_number", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "Membership Number" }, "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 }, "join_date_col": { "type": "Col", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "xs": 24, "sm": 8 }, "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 }, "join_date_stat": { "type": "Statistic", "label": "Join Date", "description": null, "bind": "state.memberDetails.join_date", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "Join 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 }, "status_col": { "type": "Col", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "xs": 24, "sm": 8 }, "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 }, "membership_status_display": { "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 }, "status_label": { "type": "Typography.Text", "label": "Membership Status", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "secondary" }, "dynamic_props": {}, "styles": { "display": "block", "marginBottom": "8px" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "status_badge": { "type": "Tag", "label": null, "description": null, "bind": "state.memberDetails.membership_status", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "color": "derived.membershipStatusColor" }, "dynamic_props": {}, "styles": { "fontSize": "14px", "padding": "4px 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 }, "stats_card": { "type": "Card", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "Borrowing Statistics" }, "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": [ 24, 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 }, "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": 8 }, "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 }, "total_borrowed_stat": { "type": "Statistic", "label": "Total Books Borrowed", "description": null, "bind": "derived.totalBorrowed", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "Total Books Borrowed", "prefix": "BookOutlined" }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "active_loans_col": { "type": "Col", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "xs": 24, "sm": 8 }, "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 }, "active_loans_stat": { "type": "Statistic", "label": "Current Active Loans", "description": null, "bind": "derived.activeLoansCount", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "Current Active Loans", "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 }, "fines_paid_col": { "type": "Col", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "xs": 24, "sm": 8 }, "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_paid_stat": { "type": "Statistic", "label": "Total Fines Paid", "description": null, "bind": "derived.totalFinesPaid", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "Total Fines Paid", "prefix": "$", "precision": 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 }, "profile_card": { "type": "Card", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "Profile Information" }, "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 }, "profile_form": { "type": "Form", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "layout": "vertical", "name": "profile_form" }, "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 }, "form_row_1": { "type": "Row", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "gutter": 24 }, "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 }, "full_name_col": { "type": "Col", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "xs": 24, "sm": 12 }, "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 }, "full_name_field": { "type": "Form.Item", "label": "Full Name", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "name": "full_name", "label": "Full 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 }, "full_name_input": { "type": "Input", "label": null, "description": null, "bind": "state.memberDetails.user.first_name + ' ' + state.memberDetails.user.last_name", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "disabled": true, "placeholder": "Full 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 }, "email_col": { "type": "Col", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "xs": 24, "sm": 12 }, "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 }, "email_field": { "type": "Form.Item", "label": "Email", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "name": "email", "label": "Email", "rules": [ { "required": true, "type": "email", "message": "Please enter a valid 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 }, "email_input": { "type": "Input", "label": null, "description": null, "bind": "state.memberDetails.user.email", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Enter your 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 }, "form_row_2": { "type": "Row", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "gutter": 24 }, "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 }, "phone_col": { "type": "Col", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "xs": 24, "sm": 12 }, "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 }, "phone_field": { "type": "Form.Item", "label": "Phone Number", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "name": "phone", "label": "Phone Number" }, "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 }, "phone_input": { "type": "Input", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Enter your phone number" }, "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 }, "address_col": { "type": "Col", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "xs": 24, "sm": 12 }, "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 }, "address_field": { "type": "Form.Item", "label": "Address", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "name": "address", "label": "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 }, "address_input": { "type": "Input.TextArea", "label": null, "description": null, "bind": "state.memberDetails.address", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Enter your 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 }, "save_profile_button": { "type": "Button", "label": "Save Changes", "description": null, "bind": null, "onClick": "saveProfile", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "primary", "htmlType": "submit", "loading": "state.savingProfile" }, "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 }, "password_card": { "type": "Card", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "Change Password" }, "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 }, "password_form": { "type": "Form", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "layout": "vertical", "name": "password_form" }, "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 }, "password_row": { "type": "Row", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "gutter": 24 }, "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_password_col": { "type": "Col", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "xs": 24, "sm": 8 }, "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_password_field": { "type": "Form.Item", "label": "Current Password", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "name": "current_password", "label": "Current Password", "rules": [ { "required": true, "message": "Please enter your current password" } ] }, "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_password_input": { "type": "Input.Password", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Current password" }, "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_password_col": { "type": "Col", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "xs": 24, "sm": 8 }, "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_password_field": { "type": "Form.Item", "label": "New Password", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "name": "new_password", "label": "New Password", "rules": [ { "required": true, "min": 8, "message": "Password must be at least 8 characters" } ] }, "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_password_input": { "type": "Input.Password", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "New password" }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "confirm_password_col": { "type": "Col", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "xs": 24, "sm": 8 }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "confirm_password_field": { "type": "Form.Item", "label": "Confirm New Password", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "name": "confirm_password", "label": "Confirm New Password", "rules": [ { "required": true, "message": "Please confirm your new password" } ] }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "confirm_password_input": { "type": "Input.Password", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Confirm new password" }, "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 }, "change_password_button": { "type": "Button", "label": "Change Password", "description": null, "bind": null, "onClick": "changePassword", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "primary", "htmlType": "submit", "loading": "state.savingPassword" }, "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", "membership_card", "stats_card", "profile_card", "password_card" ], "page_header": [ "page_title", "back_button" ], "membership_card": [ "membership_info_row" ], "membership_info_row": [ "membership_number_col", "join_date_col", "status_col" ], "membership_number_col": [ "membership_number_stat" ], "join_date_col": [ "join_date_stat" ], "status_col": [ "membership_status_display" ], "membership_status_display": [ "status_label", "status_badge" ], "stats_card": [ "stats_row" ], "stats_row": [ "total_borrowed_col", "active_loans_col", "fines_paid_col" ], "total_borrowed_col": [ "total_borrowed_stat" ], "active_loans_col": [ "active_loans_stat" ], "fines_paid_col": [ "fines_paid_stat" ], "profile_card": [ "profile_form" ], "profile_form": [ "form_row_1", "form_row_2", "save_profile_button" ], "form_row_1": [ "full_name_col", "email_col" ], "full_name_col": [ "full_name_field" ], "full_name_field": [ "full_name_input" ], "email_col": [ "email_field" ], "email_field": [ "email_input" ], "form_row_2": [ "phone_col", "address_col" ], "phone_col": [ "phone_field" ], "phone_field": [ "phone_input" ], "address_col": [ "address_field" ], "address_field": [ "address_input" ], "password_card": [ "password_form" ], "password_form": [ "password_row", "change_password_button" ], "password_row": [ "current_password_col", "new_password_col", "confirm_password_col" ], "current_password_col": [ "current_password_field" ], "current_password_field": [ "current_password_input" ], "new_password_col": [ "new_password_field" ], "new_password_field": [ "new_password_input" ], "confirm_password_col": [ "confirm_password_field" ], "confirm_password_field": [ "confirm_password_input" ] }, "layout": { "main_container": { "type": "vertical", "gap": 0, "padding": null, "columns": null, "column_template": null, "row_template": null, "align_items": null, "justify_content": null, "wrap": false, "min_height": null, "overflow": null }, "page_header": { "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 }, "membership_info_row": { "type": "horizontal", "gap": 24, "padding": null, "columns": null, "column_template": null, "row_template": null, "align_items": null, "justify_content": null, "wrap": false, "min_height": null, "overflow": null }, "membership_status_display": { "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 }, "stats_row": { "type": "horizontal", "gap": 24, "padding": null, "columns": null, "column_template": null, "row_template": null, "align_items": null, "justify_content": null, "wrap": false, "min_height": null, "overflow": null }, "profile_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 }, "form_row_1": { "type": "horizontal", "gap": 24, "padding": null, "columns": null, "column_template": null, "row_template": null, "align_items": null, "justify_content": null, "wrap": false, "min_height": null, "overflow": null }, "form_row_2": { "type": "horizontal", "gap": 24, "padding": null, "columns": null, "column_template": null, "row_template": null, "align_items": null, "justify_content": null, "wrap": false, "min_height": null, "overflow": null }, "password_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 }, "password_row": { "type": "horizontal", "gap": 24, "padding": null, "columns": null, "column_template": null, "row_template": null, "align_items": null, "justify_content": null, "wrap": false, "min_height": null, "overflow": null } }, "layout_zones": [ { "zone_id": "main_zone", "component": "main_container", "anchor": "top-left", "size_hint": "full-width", "z_layer": "base", "notes": "Main page container 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 }