{ "page_ir": { "page_id": "member_profile", "page_goal": "Member self-service profile page allowing viewing and editing of personal information, password changes, avatar upload, and notification preferences management", "style": { "tone": "friendly", "theme": "light", "density": "comfortable", "color_intent": "professional blue with clean white backgrounds" }, "accessibility": { "required_labels": [ "profile_form", "password_form", "notification_preferences", "avatar_upload" ], "skip_navigation": true, "focus_management": true, "announce_changes": [] }, "responsive": { "breakpoints": { "sm": 576, "md": 768, "lg": 992, "xl": 1200 }, "collapse_rules": [ "profile_sections_stack_vertically_on_small" ], "hidden_on_small": [], "stack_on_small": [] }, "constraints": [ "member_role_only", "authenticated_required" ], "seo_title": null, "seo_description": null }, "data_ir": { "types": {}, "state": { "userProfile": { "type": "object", "initial": null, "required": true, "constraints": {}, "item_type": null }, "memberDetails": { "type": "object", "initial": null, "required": true, "constraints": {}, "item_type": null }, "isEditingProfile": { "type": "boolean", "initial": false, "required": false, "constraints": {}, "item_type": null }, "isLoadingProfile": { "type": "boolean", "initial": true, "required": false, "constraints": {}, "item_type": null }, "isSavingProfile": { "type": "boolean", "initial": false, "required": false, "constraints": {}, "item_type": null }, "isSavingPassword": { "type": "boolean", "initial": false, "required": false, "constraints": {}, "item_type": null }, "notificationPreferences": { "type": "object", "initial": { "dueDateReminders": true, "overdueNotifications": true, "reservationNotifications": true, "fineNotifications": true }, "required": false, "constraints": {}, "item_type": null }, "isSavingPreferences": { "type": "boolean", "initial": false, "required": false, "constraints": {}, "item_type": null } }, "derived": { "fullName": { "type": "string", "expr": "(state.userProfile?.first_name || '') + ' ' + (state.userProfile?.last_name || '')", "deps": [] }, "membershipActive": { "type": "boolean", "expr": "state.memberDetails?.account_standing === 'GOOD'", "deps": [] } } }, "data_fetch_ir": { "endpoints": { "6f6e8e934c42474aa90406daefb156d4": { "endpoint_id": "6f6e8e934c42474aa90406daefb156d4", "module": "User Management", "endpoint": "/users/{user_id}", "method": "GET", "path_params": { "user_id": "appContext.currentUser.id" }, "query_params": {}, "body": null, "fields": [ "id", "email", "first_name", "last_name", "phone", "address", "role", "status", "created_at", "updated_at" ], "response_target": "userProfile", "response_transform": null, "trigger": "on_mount", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "0b7930231bd04513b8d630d04f773245": { "endpoint_id": "0b7930231bd04513b8d630d04f773245", "module": "User Management", "endpoint": "/users/members/{member_id}", "method": "GET", "path_params": { "member_id": "appContext.currentUser.memberId" }, "query_params": {}, "body": null, "fields": [ "id", "user_id", "membership_number", "membership_date", "membership_expiry", "borrowing_limit", "account_standing", "created_at", "updated_at" ], "response_target": "memberDetails", "response_transform": null, "trigger": "on_mount", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "09ae7ad3142241ce868dd703b9314bee": { "endpoint_id": "09ae7ad3142241ce868dd703b9314bee", "module": "User Management", "endpoint": "/users/{user_id}", "method": "PUT", "path_params": { "user_id": "appContext.currentUser.id" }, "query_params": {}, "body": null, "fields": [ "id", "email", "first_name", "last_name", "phone", "address", "role", "status", "created_at", "updated_at" ], "response_target": "userProfile", "response_transform": null, "trigger": "manual", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "f8250a5f76204ae486205a641376fd76": { "endpoint_id": "f8250a5f76204ae486205a641376fd76", "module": "User Management", "endpoint": "/users/{user_id}", "method": "PUT", "path_params": { "user_id": "appContext.currentUser.id" }, "query_params": {}, "body": null, "fields": [ "id", "email", "first_name", "last_name", "phone", "address", "role", "status", "created_at", "updated_at" ], "response_target": "userProfile", "response_transform": null, "trigger": "manual", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null } } }, "data_model_ir": { "entities": { "user": { "name": "User", "backend_module": "User Management", "fields": [ "id", "email", "first_name", "last_name", "phone", "address", "role", "status", "created_at", "updated_at" ], "computed": [], "display_fields": [ "first_name", "last_name", "email", "phone", "address" ], "search_fields": [], "filters": [], "default_sort": null, "default_sort_dir": "asc" }, "member": { "name": "Member", "backend_module": "User Management", "fields": [ "id", "user_id", "membership_number", "membership_date", "membership_expiry", "borrowing_limit", "account_standing", "created_at", "updated_at" ], "computed": [], "display_fields": [ "membership_number", "membership_date", "membership_expiry", "account_standing", "borrowing_limit" ], "search_fields": [], "filters": [], "default_sort": null, "default_sort_dir": "asc" } }, "relationships": [] }, "behaviour_ir": { "events": { "toggleEditMode": { "type": "mutation", "updates": [ { "target": "state.isEditingProfile", "expr": "!state.isEditingProfile" } ], "description": "" }, "updateNotificationPref": { "type": "mutation", "updates": [ { "target": "state.notificationPreferences", "expr": "{ ...state.notificationPreferences, [payload.key]: payload.value }" } ], "description": "" } }, "actions": { "a2e6acebc84d46049efeede912d06330": { "action_id": "a2e6acebc84d46049efeede912d06330", "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.isSavingProfile", "expr": "true" }, { "target": "state.isEditingProfile", "expr": "false" } ], "api_endpoint": "09ae7ad3142241ce868dd703b9314bee", "api_body": "{ phone: formValues.phone, address: formValues.address }", "side_effects": [ { "type": "toast", "config": { "message": "Profile updated successfully!", "type": "success" } } ], "then": null, "catch": null, "data_action": null }, "9fdf3f9c500743e7986e0d829064c7c2": { "action_id": "9fdf3f9c500743e7986e0d829064c7c2", "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": "{\"field\": \"new_password\", \"message\": \"New password is required\", \"rule_id\": \"val_new_password\", \"type\": \"required\"}", "message": "{\"field\": \"new_password\", \"message\": \"New password is required\", \"rule_id\": \"val_new_password\", \"type\": \"required\"}" }, { "rule_id": "val_2", "field": null, "type": "custom", "value": null, "expression": "{\"field\": \"new_password\", \"message\": \"Password must be at least 8 characters\", \"rule_id\": \"val_new_password_min\", \"type\": \"min_length\", \"value\": 8}", "message": "{\"field\": \"new_password\", \"message\": \"Password must be at least 8 characters\", \"rule_id\": \"val_new_password_min\", \"type\": \"min_length\", \"value\": 8}" }, { "rule_id": "val_3", "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.isSavingPassword", "expr": "true" } ], "api_endpoint": "f8250a5f76204ae486205a641376fd76", "api_body": "{ password: formValues.new_password }", "side_effects": [ { "type": "toast", "config": { "message": "Password changed successfully!", "type": "success" } } ], "then": null, "catch": null, "data_action": null }, "23b2a7dfd55e45b398478e9457a2d9c3": { "action_id": "23b2a7dfd55e45b398478e9457a2d9c3", "trigger": "button_click", "target_component_id": "save_preferences_button", "operation": "custom", "description": "", "payload": {}, "guard": null, "requires_confirmation": false, "confirmation_message": null, "validation_rules": [], "validation_messages": {}, "updates": [ { "target": "state.isSavingPreferences", "expr": "true" } ], "api_endpoint": null, "api_body": null, "side_effects": [ { "type": "toast", "config": { "message": "Notification preferences saved!", "type": "success" } } ], "then": null, "catch": null, "data_action": null }, "c86fd385595445439d7c3ca2cfa75dbd": { "action_id": "c86fd385595445439d7c3ca2cfa75dbd", "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": "/member/dashboard" } } ], "then": null, "catch": null, "data_action": null } }, "feedback": { "a2e6acebc84d46049efeede912d06330": { "action_id": "a2e6acebc84d46049efeede912d06330", "loading_indicator": "spinner", "loading_text": null, "success_message": "Profile updated successfully!", "error_message": "Failed to update profile. Please try again.", "ui_updates": [] }, "9fdf3f9c500743e7986e0d829064c7c2": { "action_id": "9fdf3f9c500743e7986e0d829064c7c2", "loading_indicator": "spinner", "loading_text": null, "success_message": "Password changed successfully!", "error_message": "Failed to change password. Please check your current password.", "ui_updates": [] }, "23b2a7dfd55e45b398478e9457a2d9c3": { "action_id": "23b2a7dfd55e45b398478e9457a2d9c3", "loading_indicator": "spinner", "loading_text": null, "success_message": "Notification preferences saved!", "error_message": "Failed to save preferences. Please try again.", "ui_updates": [] }, "c86fd385595445439d7c3ca2cfa75dbd": { "action_id": "c86fd385595445439d7c3ca2cfa75dbd", "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": "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%", "background": "#f5f5f5", "padding": "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_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 }, "back_button": { "type": "Button", "label": "Back to Dashboard", "description": null, "bind": null, "onClick": "navigateBack", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "link", "icon": "ArrowLeftOutlined" }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "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 }, "content_wrapper": { "type": "div", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": {}, "dynamic_props": {}, "styles": { "maxWidth": "900px", "margin": "0 auto", "width": "100%" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "avatar_section": { "type": "Card", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "Profile Photo" }, "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 }, "avatar_content": { "type": "div", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": {}, "dynamic_props": {}, "styles": { "display": "flex", "alignItems": "center", "gap": "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 }, "avatar_display": { "type": "Avatar", "label": null, "description": null, "bind": "state.userProfile", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "size": 96, "icon": "UserOutlined" }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "avatar_upload": { "type": "Upload", "label": "Upload Photo", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "accept": "image/*", "maxCount": 1, "listType": "picture" }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "profile_info_card": { "type": "Card", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "Personal 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_card_extra": { "type": "Button", "label": "Edit Profile", "description": null, "bind": null, "onClick": "toggleEditMode", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "primary", "icon": "EditOutlined" }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "profile_form": { "type": "Form", "label": "Profile Information Form", "description": null, "bind": "state.userProfile", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "layout": "vertical", "disabled": "!state.isEditingProfile" }, "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": 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 }, "col_first_name": { "type": "Col", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "span": 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 }, "field_first_name": { "type": "Form.Item", "label": "First Name", "description": null, "bind": "first_name", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "name": "first_name" }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "input_first_name": { "type": "Input", "label": null, "description": null, "bind": "first_name", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "disabled": true, "placeholder": "First Name" }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "col_last_name": { "type": "Col", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "span": 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 }, "field_last_name": { "type": "Form.Item", "label": "Last Name", "description": null, "bind": "last_name", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "name": "last_name" }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "input_last_name": { "type": "Input", "label": null, "description": null, "bind": "last_name", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "disabled": true, "placeholder": "Last Name" }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "form_row_2": { "type": "Row", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "gutter": 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 }, "col_email": { "type": "Col", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "span": 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 }, "field_email": { "type": "Form.Item", "label": "Email", "description": null, "bind": "email", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "name": "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 }, "input_email": { "type": "Input", "label": null, "description": null, "bind": "email", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "disabled": true, "placeholder": "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 }, "col_phone": { "type": "Col", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "span": 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 }, "field_phone": { "type": "Form.Item", "label": "Phone", "description": null, "bind": "phone", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "name": "phone" }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "input_phone": { "type": "Input", "label": null, "description": null, "bind": "phone", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "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 }, "form_row_3": { "type": "Row", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "gutter": 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 }, "col_address": { "type": "Col", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "span": 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 }, "field_address": { "type": "Form.Item", "label": "Address", "description": null, "bind": "address", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "name": "address" }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "input_address": { "type": "Input.TextArea", "label": null, "description": null, "bind": "address", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "rows": 3, "placeholder": "Your 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 }, "membership_info_section": { "type": "div", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": {}, "dynamic_props": {}, "styles": { "marginTop": "16px", "paddingTop": "16px", "borderTop": "1px solid #f0f0f0" }, "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_title": { "type": "Typography.Title", "label": "Membership Details", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "level": 5 }, "dynamic_props": {}, "styles": { "marginBottom": "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 }, "membership_descriptions": { "type": "Descriptions", "label": null, "description": null, "bind": "state.memberDetails", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "column": 2, "size": "small", "bordered": true }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "desc_member_id": { "type": "Descriptions.Item", "label": "Member ID", "description": null, "bind": "state.memberDetails.membership_number", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": {}, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "desc_membership_date": { "type": "Descriptions.Item", "label": "Membership Date", "description": null, "bind": "state.memberDetails.membership_date", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": {}, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "desc_expiry_date": { "type": "Descriptions.Item", "label": "Expiry Date", "description": null, "bind": "state.memberDetails.membership_expiry", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": {}, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "desc_account_standing": { "type": "Descriptions.Item", "label": "Account Standing", "description": null, "bind": "state.memberDetails.account_standing", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": {}, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "desc_borrowing_limit": { "type": "Descriptions.Item", "label": "Borrowing Limit", "description": null, "bind": "state.memberDetails.borrowing_limit", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": {}, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "save_profile_button": { "type": "Button", "label": "Save Profile", "description": null, "bind": null, "onClick": "saveProfile", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "primary", "htmlType": "submit", "loading": "state.isSavingProfile" }, "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 }, "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": "Change Password Form", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "layout": "vertical" }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "field_current_password": { "type": "Form.Item", "label": "Current Password", "description": null, "bind": "current_password", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "name": "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 }, "input_current_password": { "type": "Input.Password", "label": null, "description": null, "bind": "current_password", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Enter 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 }, "field_new_password": { "type": "Form.Item", "label": "New Password", "description": null, "bind": "new_password", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "name": "new_password", "rules": [ { "required": true, "message": "Please enter a new password" }, { "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 }, "input_new_password": { "type": "Input.Password", "label": null, "description": null, "bind": "new_password", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Enter 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 }, "password_strength": { "type": "Progress", "label": "Password Strength", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "percent": 0, "size": "small", "showInfo": true }, "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 }, "field_confirm_password": { "type": "Form.Item", "label": "Confirm New Password", "description": null, "bind": "confirm_password", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "name": "confirm_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 }, "input_confirm_password": { "type": "Input.Password", "label": null, "description": null, "bind": "confirm_password", "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 }, "save_password_button": { "type": "Button", "label": "Change Password", "description": null, "bind": null, "onClick": "savePassword", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "primary", "htmlType": "submit", "loading": "state.isSavingPassword" }, "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 }, "notifications_card": { "type": "Card", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "Notification Preferences" }, "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 }, "notifications_content": { "type": "div", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": {}, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "pref_due_date": { "type": "div", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": {}, "dynamic_props": {}, "styles": { "display": "flex", "justifyContent": "space-between", "alignItems": "center", "padding": "12px 0", "borderBottom": "1px solid #f0f0f0" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "pref_due_date_label": { "type": "Typography.Text", "label": "Email Due Date Reminders", "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 }, "pref_due_date_switch": { "type": "Switch", "label": null, "description": null, "bind": "state.notificationPreferences.dueDateReminders", "onClick": "updateNotificationPref", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "defaultChecked": true }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "pref_overdue": { "type": "div", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": {}, "dynamic_props": {}, "styles": { "display": "flex", "justifyContent": "space-between", "alignItems": "center", "padding": "12px 0", "borderBottom": "1px solid #f0f0f0" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "pref_overdue_label": { "type": "Typography.Text", "label": "Overdue Notifications", "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 }, "pref_overdue_switch": { "type": "Switch", "label": null, "description": null, "bind": "state.notificationPreferences.overdueNotifications", "onClick": "updateNotificationPref", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "defaultChecked": true }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "pref_reservation": { "type": "div", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": {}, "dynamic_props": {}, "styles": { "display": "flex", "justifyContent": "space-between", "alignItems": "center", "padding": "12px 0", "borderBottom": "1px solid #f0f0f0" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "pref_reservation_label": { "type": "Typography.Text", "label": "Reservation Notifications", "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 }, "pref_reservation_switch": { "type": "Switch", "label": null, "description": null, "bind": "state.notificationPreferences.reservationNotifications", "onClick": "updateNotificationPref", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "defaultChecked": true }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "pref_fine": { "type": "div", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": {}, "dynamic_props": {}, "styles": { "display": "flex", "justifyContent": "space-between", "alignItems": "center", "padding": "12px 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 }, "pref_fine_label": { "type": "Typography.Text", "label": "Fine Notifications", "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 }, "pref_fine_switch": { "type": "Switch", "label": null, "description": null, "bind": "state.notificationPreferences.fineNotifications", "onClick": "updateNotificationPref", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "defaultChecked": true }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "save_preferences_button": { "type": "Button", "label": "Save Preferences", "description": null, "bind": null, "onClick": "saveNotificationPreferences", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "primary", "loading": "state.isSavingPreferences" }, "dynamic_props": {}, "styles": { "marginTop": "16px" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null } } }, "layout_ir": { "root": "main_container", "children": { "main_container": [ "page_header", "content_wrapper" ], "page_header": [ "back_button", "page_title" ], "content_wrapper": [ "avatar_section", "profile_info_card", "password_card", "notifications_card" ], "avatar_section": [ "avatar_content" ], "avatar_content": [ "avatar_display", "avatar_upload" ], "profile_info_card": [ "profile_card_extra", "profile_form" ], "profile_form": [ "form_row_1", "form_row_2", "form_row_3", "membership_info_section", "save_profile_button" ], "form_row_1": [ "col_first_name", "col_last_name" ], "col_first_name": [ "field_first_name" ], "field_first_name": [ "input_first_name" ], "col_last_name": [ "field_last_name" ], "field_last_name": [ "input_last_name" ], "form_row_2": [ "col_email", "col_phone" ], "col_email": [ "field_email" ], "field_email": [ "input_email" ], "col_phone": [ "field_phone" ], "field_phone": [ "input_phone" ], "form_row_3": [ "col_address" ], "col_address": [ "field_address" ], "field_address": [ "input_address" ], "membership_info_section": [ "membership_title", "membership_descriptions" ], "membership_descriptions": [ "desc_member_id", "desc_membership_date", "desc_expiry_date", "desc_account_standing", "desc_borrowing_limit" ], "password_card": [ "password_form" ], "password_form": [ "field_current_password", "field_new_password", "password_strength", "field_confirm_password", "save_password_button" ], "field_current_password": [ "input_current_password" ], "field_new_password": [ "input_new_password" ], "field_confirm_password": [ "input_confirm_password" ], "notifications_card": [ "notifications_content" ], "notifications_content": [ "pref_due_date", "pref_overdue", "pref_reservation", "pref_fine", "save_preferences_button" ], "pref_due_date": [ "pref_due_date_label", "pref_due_date_switch" ], "pref_overdue": [ "pref_overdue_label", "pref_overdue_switch" ], "pref_reservation": [ "pref_reservation_label", "pref_reservation_switch" ], "pref_fine": [ "pref_fine_label", "pref_fine_switch" ] }, "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 }, "content_wrapper": { "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 }, "avatar_content": { "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": 0, "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": 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_2": { "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 }, "form_row_3": { "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_section": { "type": "vertical", "gap": 12, "padding": null, "columns": null, "column_template": null, "row_template": null, "align_items": null, "justify_content": null, "wrap": false, "min_height": null, "overflow": null }, "password_form": { "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 }, "notifications_content": { "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 }, "pref_due_date": { "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 }, "pref_overdue": { "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 }, "pref_reservation": { "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 }, "pref_fine": { "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 }