{ "page_ir": { "page_id": "asn_detail", "page_goal": "Display full ASN details including line items, history, and provide actions to edit, close, add line items, and batch update line items", "style": { "tone": "professional", "theme": "light", "density": "comfortable", "color_intent": "neutral with blue accents" }, "accessibility": { "required_labels": [ "ASN Details", "Line Items Table", "History Tab", "Add Line Item", "Edit ASN", "Close ASN", "Batch Update" ], "skip_navigation": true, "focus_management": true, "announce_changes": [] }, "responsive": { "breakpoints": { "sm": 576, "md": 768, "lg": 1024, "xl": 1200 }, "collapse_rules": [ "stack_columns_on_small" ], "hidden_on_small": [], "stack_on_small": [] }, "constraints": [ "route_param_asnId_required" ], "seo_title": null, "seo_description": null }, "data_ir": { "types": {}, "state": { "asnDetail": { "type": "object", "initial": null, "required": true, "constraints": {}, "item_type": null }, "lineItems": { "type": "array", "initial": [], "required": false, "constraints": {}, "item_type": null }, "asnHistories": { "type": "array", "initial": [], "required": false, "constraints": {}, "item_type": null }, "loading": { "type": "boolean", "initial": true, "required": false, "constraints": {}, "item_type": null }, "addLineItemModalVisible": { "type": "boolean", "initial": false, "required": false, "constraints": {}, "item_type": null }, "editAsnDrawerVisible": { "type": "boolean", "initial": false, "required": false, "constraints": {}, "item_type": null }, "batchUpdateDrawerVisible": { "type": "boolean", "initial": false, "required": false, "constraints": {}, "item_type": null }, "activeTab": { "type": "string", "initial": "line_items", "required": false, "constraints": {}, "item_type": null }, "selectedLineItemIds": { "type": "array", "initial": [], "required": false, "constraints": {}, "item_type": null } }, "derived": { "totalLineItems": { "type": "number", "expr": "state.lineItems.length", "deps": [] } } }, "data_fetch_ir": { "endpoints": { "2a2a937897844754a3980ff96b9c7be2": { "endpoint_id": "2a2a937897844754a3980ff96b9c7be2", "module": "ASN Management", "endpoint": "/asns/{asn_id}/details", "method": "GET", "path_params": { "asn_id": "$route.asnId" }, "query_params": {}, "body": null, "fields": [ "id", "submenu_id", "inbound_shipment_no", "total_skus", "notes", "metadata", "version", "created_at", "updated_at", "line_items" ], "response_target": "asnDetail", "response_transform": null, "trigger": "on_mount", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "1ab448824688476e9ae09b072dc0fee2": { "endpoint_id": "1ab448824688476e9ae09b072dc0fee2", "module": "ASN Management", "endpoint": "/asns/line-items", "method": "GET", "path_params": {}, "query_params": { "asn_id": "$route.asnId", "limit": 100 }, "body": null, "fields": [ "id", "submenu_id", "sku", "cases", "asn_id", "notes", "metadata", "version", "created_at", "updated_at" ], "response_target": "lineItems", "response_transform": null, "trigger": "on_mount", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "66f0a2119b8f4320b3b0b298c2041deb": { "endpoint_id": "66f0a2119b8f4320b3b0b298c2041deb", "module": "ASN Management", "endpoint": "/asns/histories", "method": "GET", "path_params": {}, "query_params": { "asn_id": "$route.asnId", "limit": 50 }, "body": null, "fields": [ "id", "submenu_id", "asn_id", "change_date", "change_description", "changed_by", "change_type", "created_at", "updated_at" ], "response_target": "asnHistories", "response_transform": null, "trigger": "on_mount", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "b8b51388651f42d7a182d400ad11f82a": { "endpoint_id": "b8b51388651f42d7a182d400ad11f82a", "module": "ASN Management", "endpoint": "/asns/{asn_id}", "method": "PUT", "path_params": { "asn_id": "$route.asnId" }, "query_params": {}, "body": {}, "fields": [ "id", "inbound_shipment_no", "total_skus", "notes", "metadata" ], "response_target": "asnDetail", "response_transform": null, "trigger": "manual", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "2112e8b2f141481e8016eda43ee2afdf": { "endpoint_id": "2112e8b2f141481e8016eda43ee2afdf", "module": "ASN Management", "endpoint": "/asns/{asn_id}/close", "method": "POST", "path_params": { "asn_id": "$route.asnId" }, "query_params": { "changed_by": "$appContext.currentUser.id" }, "body": null, "fields": [ "id", "inbound_shipment_no", "total_skus", "notes", "version" ], "response_target": "asnDetail", "response_transform": null, "trigger": "manual", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "3bbcc9a7f7f149f58053ba8830c3d246": { "endpoint_id": "3bbcc9a7f7f149f58053ba8830c3d246", "module": "ASN Management", "endpoint": "/asns/line-items", "method": "POST", "path_params": {}, "query_params": {}, "body": {}, "fields": [ "id", "sku", "cases", "asn_id", "notes", "metadata" ], "response_target": "lineItems", "response_transform": null, "trigger": "manual", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "66c74276113e40408146b2cdb958af7a": { "endpoint_id": "66c74276113e40408146b2cdb958af7a", "module": "ASN Management", "endpoint": "/asns/line-items/{lineitem_id}", "method": "DELETE", "path_params": { "lineitem_id": "$state.selectedLineItemId" }, "query_params": {}, "body": null, "fields": [], "response_target": "66c74276113e40408146b2cdb958af7a_data", "response_transform": null, "trigger": "manual", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "c3a35dbb0f5f4b6eaab097e1eedb87a7": { "endpoint_id": "c3a35dbb0f5f4b6eaab097e1eedb87a7", "module": "ASN Management", "endpoint": "/asns/{asn_id}/line-items/batch", "method": "POST", "path_params": { "asn_id": "$route.asnId" }, "query_params": {}, "body": {}, "fields": [ "id", "inbound_shipment_no", "total_skus", "line_items" ], "response_target": "asnDetail", "response_transform": null, "trigger": "manual", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null } } }, "data_model_ir": { "entities": { "asn": { "name": "ASN", "backend_module": "ASN Management", "fields": [ "id", "submenu_id", "inbound_shipment_no", "total_skus", "notes", "metadata", "version", "deleted_at", "created_at", "updated_at", "line_items" ], "computed": [], "display_fields": [ "inbound_shipment_no", "total_skus", "notes", "created_at", "updated_at" ], "search_fields": [], "filters": [], "default_sort": null, "default_sort_dir": "asc" }, "asnLineItem": { "name": "ASN Line Item", "backend_module": "ASN Management", "fields": [ "id", "submenu_id", "sku", "cases", "asn_id", "notes", "metadata", "version", "deleted_at", "created_at", "updated_at" ], "computed": [], "display_fields": [ "id", "sku", "cases", "notes" ], "search_fields": [], "filters": [ "asn_id" ], "default_sort": null, "default_sort_dir": "asc" }, "asnHistory": { "name": "ASN History", "backend_module": "ASN Management", "fields": [ "id", "submenu_id", "asn_id", "change_date", "change_description", "changed_by", "change_type", "created_at", "updated_at" ], "computed": [], "display_fields": [ "change_date", "change_type", "change_description", "changed_by" ], "search_fields": [], "filters": [ "asn_id" ], "default_sort": null, "default_sort_dir": "asc" } }, "relationships": [] }, "behaviour_ir": { "events": { "openAddLineItemModal": { "type": "mutation", "updates": [ { "target": "state.addLineItemModalVisible", "expr": "true" } ], "description": "" }, "closeAddLineItemModal": { "type": "mutation", "updates": [ { "target": "state.addLineItemModalVisible", "expr": "false" } ], "description": "" }, "openEditAsnDrawer": { "type": "mutation", "updates": [ { "target": "state.editAsnDrawerVisible", "expr": "true" } ], "description": "" }, "closeEditAsnDrawer": { "type": "mutation", "updates": [ { "target": "state.editAsnDrawerVisible", "expr": "false" } ], "description": "" }, "openBatchUpdateDrawer": { "type": "mutation", "updates": [ { "target": "state.batchUpdateDrawerVisible", "expr": "true" } ], "description": "" }, "closeBatchUpdateDrawer": { "type": "mutation", "updates": [ { "target": "state.batchUpdateDrawerVisible", "expr": "false" } ], "description": "" }, "changeTab": { "type": "mutation", "updates": [ { "target": "state.activeTab", "expr": "$event.value" } ], "description": "" } }, "actions": { "eb393a688b4e43ffae1745edb86883c3": { "action_id": "eb393a688b4e43ffae1745edb86883c3", "trigger": "form_submit", "target_component_id": "edit_asn_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\": \"inbound_shipment_no\", \"message\": \"Inbound shipment number is required\", \"rule_id\": \"val_shipment_no\", \"type\": \"required\"}", "message": "{\"field\": \"inbound_shipment_no\", \"message\": \"Inbound shipment number is required\", \"rule_id\": \"val_shipment_no\", \"type\": \"required\"}" }, { "rule_id": "val_1", "field": null, "type": "custom", "value": null, "expression": "{\"field\": \"total_skus\", \"message\": \"Total SKUs is required\", \"rule_id\": \"val_total_skus\", \"type\": \"required\"}", "message": "{\"field\": \"total_skus\", \"message\": \"Total SKUs is required\", \"rule_id\": \"val_total_skus\", \"type\": \"required\"}" } ], "validation_messages": {}, "updates": [ { "target": "state.editAsnDrawerVisible", "expr": "false" } ], "api_endpoint": "b8b51388651f42d7a182d400ad11f82a", "api_body": "{ submenu_id: formValues.submenu_id, inbound_shipment_no: formValues.inbound_shipment_no, total_skus: formValues.total_skus, notes: formValues.notes, metadata: formValues.metadata }", "side_effects": [ { "type": "toast", "config": { "message": "ASN updated successfully", "type": "success" } }, { "type": "refresh", "config": { "target": "fetchAsnDetails" } } ], "then": null, "catch": null, "data_action": null }, "e0de2fddc1a84b3182f41c7350dbe1e1": { "action_id": "e0de2fddc1a84b3182f41c7350dbe1e1", "trigger": "button_click", "target_component_id": "close_asn_button", "operation": "custom", "description": "", "payload": {}, "guard": null, "requires_confirmation": true, "confirmation_message": null, "validation_rules": [], "validation_messages": {}, "updates": [], "api_endpoint": "2112e8b2f141481e8016eda43ee2afdf", "api_body": null, "side_effects": [ { "type": "toast", "config": { "message": "ASN closed successfully", "type": "success" } }, { "type": "refresh", "config": { "target": "fetchAsnDetails" } } ], "then": null, "catch": null, "data_action": null }, "b6338744c4c44f3dbab8b115ee775513": { "action_id": "b6338744c4c44f3dbab8b115ee775513", "trigger": "form_submit", "target_component_id": "add_line_item_form", "operation": "create", "description": "", "payload": {}, "guard": null, "requires_confirmation": false, "confirmation_message": null, "validation_rules": [ { "rule_id": "val_0", "field": null, "type": "custom", "value": null, "expression": "{\"field\": \"sku\", \"message\": \"SKU is required\", \"rule_id\": \"val_sku\", \"type\": \"required\"}", "message": "{\"field\": \"sku\", \"message\": \"SKU is required\", \"rule_id\": \"val_sku\", \"type\": \"required\"}" }, { "rule_id": "val_1", "field": null, "type": "custom", "value": null, "expression": "{\"field\": \"cases\", \"message\": \"Cases quantity is required\", \"rule_id\": \"val_cases\", \"type\": \"required\"}", "message": "{\"field\": \"cases\", \"message\": \"Cases quantity is required\", \"rule_id\": \"val_cases\", \"type\": \"required\"}" } ], "validation_messages": {}, "updates": [ { "target": "state.addLineItemModalVisible", "expr": "false" } ], "api_endpoint": "3bbcc9a7f7f149f58053ba8830c3d246", "api_body": "{ submenu_id: state.asnDetail.submenu_id, sku: formValues.sku, cases: formValues.cases, asn_id: $route.asnId, notes: formValues.notes, metadata: formValues.metadata }", "side_effects": [ { "type": "toast", "config": { "message": "Line item added successfully", "type": "success" } }, { "type": "refresh", "config": { "target": "fetchLineItems" } } ], "then": null, "catch": null, "data_action": null }, "66c74276113e40408146b2cdb958af7a": { "action_id": "66c74276113e40408146b2cdb958af7a", "trigger": "button_click", "target_component_id": "line_items_table", "operation": "delete", "description": "", "payload": {}, "guard": null, "requires_confirmation": true, "confirmation_message": null, "validation_rules": [], "validation_messages": {}, "updates": [], "api_endpoint": "66c74276113e40408146b2cdb958af7a", "api_body": null, "side_effects": [ { "type": "toast", "config": { "message": "Line item deleted", "type": "success" } }, { "type": "refresh", "config": { "target": "fetchLineItems" } } ], "then": null, "catch": null, "data_action": null }, "192f2de273e04e03a4f66902be3ad519": { "action_id": "192f2de273e04e03a4f66902be3ad519", "trigger": "form_submit", "target_component_id": "batch_update_form", "operation": "custom", "description": "", "payload": {}, "guard": null, "requires_confirmation": false, "confirmation_message": null, "validation_rules": [], "validation_messages": {}, "updates": [ { "target": "state.batchUpdateDrawerVisible", "expr": "false" } ], "api_endpoint": "c3a35dbb0f5f4b6eaab097e1eedb87a7", "api_body": "$formValues", "side_effects": [ { "type": "toast", "config": { "message": "Batch update completed successfully", "type": "success" } }, { "type": "refresh", "config": { "target": "fetchAsnDetails" } }, { "type": "refresh", "config": { "target": "fetchLineItems" } } ], "then": null, "catch": null, "data_action": null }, "0abd29b01bad459e9aacbc3f68b98be7": { "action_id": "0abd29b01bad459e9aacbc3f68b98be7", "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": "/asns" } } ], "then": null, "catch": null, "data_action": null } }, "feedback": { "eb393a688b4e43ffae1745edb86883c3": { "action_id": "eb393a688b4e43ffae1745edb86883c3", "loading_indicator": "spinner", "loading_text": null, "success_message": "ASN updated successfully", "error_message": "Failed to update ASN", "ui_updates": [] }, "e0de2fddc1a84b3182f41c7350dbe1e1": { "action_id": "e0de2fddc1a84b3182f41c7350dbe1e1", "loading_indicator": "spinner", "loading_text": null, "success_message": "ASN closed successfully", "error_message": "Failed to close ASN", "ui_updates": [] }, "b6338744c4c44f3dbab8b115ee775513": { "action_id": "b6338744c4c44f3dbab8b115ee775513", "loading_indicator": "spinner", "loading_text": null, "success_message": "Line item added successfully", "error_message": "Failed to add line item", "ui_updates": [] }, "66c74276113e40408146b2cdb958af7a": { "action_id": "66c74276113e40408146b2cdb958af7a", "loading_indicator": "spinner", "loading_text": null, "success_message": "Line item deleted", "error_message": "Failed to delete line item", "ui_updates": [] }, "192f2de273e04e03a4f66902be3ad519": { "action_id": "192f2de273e04e03a4f66902be3ad519", "loading_indicator": "spinner", "loading_text": null, "success_message": "Batch update completed", "error_message": "Failed to batch update line items", "ui_updates": [] }, "0abd29b01bad459e9aacbc3f68b98be7": { "action_id": "0abd29b01bad459e9aacbc3f68b98be7", "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%", "padding": "24px", "background": "#f5f5f5" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "page_header_section": { "type": "div", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": {}, "dynamic_props": {}, "styles": { "marginBottom": "24px" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "back_button": { "type": "Button", "label": "Back to ASN List", "description": null, "bind": null, "onClick": "navigateBack", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "icon": "ArrowLeftOutlined", "type": "link" }, "dynamic_props": {}, "styles": { "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 }, "page_title": { "type": "Typography.Title", "label": "ASN Details", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "level": 2 }, "dynamic_props": {}, "styles": { "marginBottom": "0" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "action_buttons_row": { "type": "Space", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "size": "middle" }, "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 }, "edit_asn_button": { "type": "Button", "label": "Edit ASN", "description": null, "bind": null, "onClick": "openEditAsnDrawer", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "default", "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 }, "close_asn_button": { "type": "Button", "label": "Close ASN", "description": null, "bind": null, "onClick": "closeAsnAction", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "primary", "danger": true, "icon": "CloseCircleOutlined" }, "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 }, "asn_info_card": { "type": "Card", "label": "ASN Information", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "ASN 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 }, "asn_descriptions": { "type": "Descriptions", "label": null, "description": null, "bind": "state.asnDetail", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "bordered": true, "column": 2, "items": [ { "label": "ASN ID", "field": "id" }, { "label": "Inbound Shipment No", "field": "inbound_shipment_no" }, { "label": "Total SKUs", "field": "total_skus" }, { "label": "Version", "field": "version" }, { "label": "Created At", "field": "created_at" }, { "label": "Updated At", "field": "updated_at" }, { "label": "Notes", "field": "notes", "span": 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 }, "tabs_section": { "type": "Tabs", "label": null, "description": null, "bind": "state.activeTab", "onClick": "changeTab", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "items": [ { "key": "line_items", "label": "Line Items" }, { "key": "history", "label": "History" } ] }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "line_items_tab_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 }, "line_items_toolbar": { "type": "Space", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "size": "middle" }, "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 }, "add_line_item_button": { "type": "Button", "label": "Add Line Item", "description": null, "bind": null, "onClick": "openAddLineItemModal", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "primary", "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 }, "batch_update_button": { "type": "Button", "label": "Batch Update", "description": null, "bind": null, "onClick": "openBatchUpdateDrawer", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "default", "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 }, "line_items_table": { "type": "Table", "label": "Line Items", "description": null, "bind": "state.lineItems", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "columns": [ { "title": "Line Item ID", "dataIndex": "id", "key": "id" }, { "title": "SKU", "dataIndex": "sku", "key": "sku" }, { "title": "Cases", "dataIndex": "cases", "key": "cases" }, { "title": "Notes", "dataIndex": "notes", "key": "notes" }, { "title": "Created At", "dataIndex": "created_at", "key": "created_at" }, { "title": "Actions", "key": "actions", "render": "action_buttons" } ], "rowKey": "id", "pagination": { "pageSize": 10 }, "rowSelection": 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 }, "history_tab_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 }, "history_timeline": { "type": "Timeline", "label": "ASN History", "description": null, "bind": "state.asnHistories", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "items_field": "asnHistories", "label_field": "change_date", "description_field": "change_description", "tag_field": "change_type" }, "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 }, "add_line_item_modal": { "type": "Modal", "label": "Add Line Item", "description": null, "bind": "state.addLineItemModalVisible", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "Add Line Item", "okText": "Add", "cancelText": "Cancel", "width": 520 }, "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 }, "add_line_item_form": { "type": "Form", "label": null, "description": null, "bind": null, "onClick": "submitAddLineItem", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "layout": "vertical", "fields": [ { "name": "sku", "label": "SKU", "type": "Input", "required": true, "placeholder": "Enter SKU" }, { "name": "cases", "label": "Cases (Quantity)", "type": "InputNumber", "required": true, "placeholder": "Enter quantity", "min": 1 }, { "name": "notes", "label": "Notes", "type": "TextArea", "required": false, "placeholder": "Optional notes" }, { "name": "metadata", "label": "Metadata", "type": "TextArea", "required": false, "placeholder": "Optional metadata" } ] }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "edit_asn_drawer": { "type": "Drawer", "label": "Edit ASN", "description": null, "bind": "state.editAsnDrawerVisible", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "Edit ASN", "width": 520, "placement": "right" }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "edit_asn_form": { "type": "Form", "label": null, "description": null, "bind": "state.asnDetail", "onClick": "submitEditAsn", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "layout": "vertical", "fields": [ { "name": "inbound_shipment_no", "label": "Inbound Shipment No", "type": "Input", "required": true }, { "name": "total_skus", "label": "Total SKUs", "type": "InputNumber", "required": true, "min": 0 }, { "name": "notes", "label": "Notes", "type": "TextArea", "required": false }, { "name": "metadata", "label": "Metadata", "type": "TextArea", "required": false } ] }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "edit_asn_submit_button": { "type": "Button", "label": "Save Changes", "description": null, "bind": null, "onClick": "submitEditAsn", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "primary", "htmlType": "submit", "block": true }, "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 }, "batch_update_drawer": { "type": "Drawer", "label": "Batch Update Line Items", "description": null, "bind": "state.batchUpdateDrawerVisible", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "Batch Update Line Items", "width": 640, "placement": "right" }, "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 }, "batch_update_form": { "type": "Form", "label": null, "description": null, "bind": null, "onClick": "submitBatchUpdate", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "layout": "vertical", "fields": [ { "name": "line_items", "label": "Line Items (JSON)", "type": "TextArea", "required": true, "placeholder": "Enter line items data for batch update", "rows": 10 } ] }, "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 }, "batch_update_submit_button": { "type": "Button", "label": "Apply Batch Update", "description": null, "bind": null, "onClick": "submitBatchUpdate", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "primary", "htmlType": "submit", "block": true }, "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_section", "asn_info_card", "tabs_section", "line_items_tab_content", "history_tab_content", "add_line_item_modal", "edit_asn_drawer", "batch_update_drawer" ], "page_header_section": [ "back_button", "page_title", "action_buttons_row" ], "action_buttons_row": [ "edit_asn_button", "close_asn_button" ], "asn_info_card": [ "asn_descriptions" ], "line_items_tab_content": [ "line_items_toolbar", "line_items_table" ], "line_items_toolbar": [ "add_line_item_button", "batch_update_button" ], "history_tab_content": [ "history_timeline" ], "add_line_item_modal": [ "add_line_item_form" ], "edit_asn_drawer": [ "edit_asn_form", "edit_asn_submit_button" ], "batch_update_drawer": [ "batch_update_form", "batch_update_submit_button" ] }, "layout": { "main_container": { "type": "vertical", "gap": 0, "padding": null, "columns": null, "column_template": null, "row_template": null, "align_items": null, "justify_content": null, "wrap": false, "min_height": null, "overflow": null }, "page_header_section": { "type": "vertical", "gap": 8, "padding": null, "columns": null, "column_template": null, "row_template": null, "align_items": null, "justify_content": null, "wrap": false, "min_height": null, "overflow": null }, "action_buttons_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 }, "asn_info_card": { "type": "vertical", "gap": 0, "padding": null, "columns": null, "column_template": null, "row_template": null, "align_items": null, "justify_content": null, "wrap": false, "min_height": null, "overflow": null }, "line_items_tab_content": { "type": "vertical", "gap": 16, "padding": null, "columns": null, "column_template": null, "row_template": null, "align_items": null, "justify_content": null, "wrap": false, "min_height": null, "overflow": null }, "line_items_toolbar": { "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 }, "history_tab_content": { "type": "vertical", "gap": 16, "padding": null, "columns": null, "column_template": null, "row_template": null, "align_items": null, "justify_content": null, "wrap": false, "min_height": null, "overflow": null }, "add_line_item_modal": { "type": "vertical", "gap": 0, "padding": null, "columns": null, "column_template": null, "row_template": null, "align_items": null, "justify_content": null, "wrap": false, "min_height": null, "overflow": null }, "edit_asn_drawer": { "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 }, "batch_update_drawer": { "type": "vertical", "gap": 16, "padding": null, "columns": null, "column_template": null, "row_template": null, "align_items": null, "justify_content": null, "wrap": false, "min_height": null, "overflow": null } }, "layout_zones": [ { "zone_id": "main_zone", "component": "main_container", "anchor": "top-left", "size_hint": "full-width", "z_layer": "base", "notes": "Main page container" }, { "zone_id": "modal_zone", "component": "add_line_item_modal", "anchor": "center", "size_hint": "auto", "z_layer": "overlay", "notes": "Add line item modal overlay" }, { "zone_id": "edit_drawer_zone", "component": "edit_asn_drawer", "anchor": "center", "size_hint": "auto", "z_layer": "overlay", "notes": "Edit ASN drawer overlay" }, { "zone_id": "batch_drawer_zone", "component": "batch_update_drawer", "anchor": "center", "size_hint": "auto", "z_layer": "overlay", "notes": "Batch update drawer overlay" } ], "responsive_overrides": [] }, "navigation_ir": { "tabs": [], "modals": {}, "drawers": {}, "routes": [], "breadcrumb": null, "default_tab": null }, "realtime_ir": { "timers": {}, "polling": {} }, "metadata": { "ir_version": "3.5", "generated_at": "", "source_prompt": null, "schema_session_id": null, "warnings": [] }, "page_data_contract": null, "schema_ir": null }