{
  "page_ir": {
    "page_id": "payment",
    "page_goal": "Process payment for a bus seat reservation, displaying reservation summary, countdown timer, payment method selection, and handling payment success/failure/expiry scenarios.",
    "style": {
      "tone": "professional",
      "theme": "light",
      "density": "comfortable",
      "color_intent": "trust and urgency"
    },
    "accessibility": {
      "required_labels": [
        "payment_method_select",
        "card_number_input",
        "card_expiry_input",
        "card_cvv_input",
        "cardholder_name_input",
        "pay_now_button",
        "cancel_link",
        "retry_button"
      ],
      "skip_navigation": true,
      "focus_management": true,
      "announce_changes": []
    },
    "responsive": {
      "breakpoints": {
        "xs": 480,
        "sm": 576,
        "md": 768,
        "lg": 992,
        "xl": 1200
      },
      "collapse_rules": [
        "payment_content_row collapses to vertical below md"
      ],
      "hidden_on_small": [],
      "stack_on_small": []
    },
    "constraints": [
      "User must be authenticated",
      "Reservation must be active and not expired",
      "Payment must complete within reservation window"
    ],
    "seo_title": null,
    "seo_description": null
  },
  "data_ir": {
    "types": {},
    "state": {
      "reservationDetails": {
        "type": "object",
        "initial": null,
        "required": true,
        "constraints": {},
        "item_type": null
      },
      "selectedPaymentMethod": {
        "type": "string",
        "initial": "CREDIT_CARD",
        "required": true,
        "constraints": {
          "enum": [
            "CREDIT_CARD",
            "DEBIT_CARD",
            "UPI",
            "NET_BANKING",
            "WALLET"
          ]
        },
        "item_type": null
      },
      "isProcessingPayment": {
        "type": "boolean",
        "initial": false,
        "required": false,
        "constraints": {},
        "item_type": null
      },
      "isLoadingReservation": {
        "type": "boolean",
        "initial": true,
        "required": false,
        "constraints": {},
        "item_type": null
      },
      "paymentError": {
        "type": "string",
        "initial": null,
        "required": false,
        "constraints": {},
        "item_type": null
      },
      "paymentResult": {
        "type": "object",
        "initial": null,
        "required": false,
        "constraints": {},
        "item_type": null
      },
      "reservationExpired": {
        "type": "boolean",
        "initial": false,
        "required": false,
        "constraints": {},
        "item_type": null
      },
      "remainingSeconds": {
        "type": "number",
        "initial": 0,
        "required": false,
        "constraints": {
          "min": 0
        },
        "item_type": null
      }
    },
    "derived": {
      "countdownMinutes": {
        "type": "number",
        "expr": "Math.floor(state.remainingSeconds / 60)",
        "deps": []
      },
      "countdownSecs": {
        "type": "number",
        "expr": "state.remainingSeconds % 60",
        "deps": []
      },
      "countdownDisplay": {
        "type": "string",
        "expr": "String(Math.floor(state.remainingSeconds / 60)).padStart(2, '0') + ':' + String(state.remainingSeconds % 60).padStart(2, '0')",
        "deps": []
      },
      "isCardPayment": {
        "type": "boolean",
        "expr": "state.selectedPaymentMethod === 'CREDIT_CARD' || state.selectedPaymentMethod === 'DEBIT_CARD'",
        "deps": []
      },
      "totalAmount": {
        "type": "number",
        "expr": "state.reservationDetails?.total_amount || appContext.activeReservation?.totalAmount || 0",
        "deps": []
      },
      "seatList": {
        "type": "array",
        "expr": "state.reservationDetails?.reservation_seats || []",
        "deps": []
      },
      "scheduleInfo": {
        "type": "object",
        "expr": "state.reservationDetails?.schedule || null",
        "deps": []
      },
      "paymentSucceeded": {
        "type": "boolean",
        "expr": "state.paymentResult !== null && state.paymentResult?.status === 'PENDING'",
        "deps": []
      }
    }
  },
  "data_fetch_ir": {
    "endpoints": {
      "adaee87d9b8742d58304ab06c68187a2": {
        "endpoint_id": "adaee87d9b8742d58304ab06c68187a2",
        "module": "Reservations",
        "endpoint": "/reservations/{reservation_id}/details",
        "method": "GET",
        "path_params": {
          "reservation_id": "$route.reservationId"
        },
        "query_params": {},
        "body": null,
        "fields": [
          "id",
          "user_id",
          "schedule_id",
          "reservation_datetime",
          "expiry_datetime",
          "status",
          "total_amount",
          "created_at",
          "updated_at",
          "user",
          "schedule",
          "reservation_seats"
        ],
        "response_target": "reservationDetails",
        "response_transform": null,
        "trigger": "on_mount",
        "depends_on": [],
        "debounce_ms": null,
        "loading_field": null,
        "error_field": null
      },
      "4ed3d7ca37cc4292a82c742fd348be52": {
        "endpoint_id": "4ed3d7ca37cc4292a82c742fd348be52",
        "module": "Payments",
        "endpoint": "/payments/initiate",
        "method": "POST",
        "path_params": {},
        "query_params": {},
        "body": {
          "reservation_id": "$route.reservationId",
          "payment_method": "$state.selectedPaymentMethod"
        },
        "fields": [
          "payment_id",
          "booking_id",
          "amount",
          "payment_method",
          "payment_gateway_reference",
          "status",
          "transaction_datetime"
        ],
        "response_target": "paymentResult",
        "response_transform": null,
        "trigger": "manual",
        "depends_on": [],
        "debounce_ms": null,
        "loading_field": null,
        "error_field": null
      },
      "6a9c923cc6cb4b6788763635186d71c4": {
        "endpoint_id": "6a9c923cc6cb4b6788763635186d71c4",
        "module": "Reservations",
        "endpoint": "/reservations/{reservation_id}/release",
        "method": "POST",
        "path_params": {
          "reservation_id": "$route.reservationId"
        },
        "query_params": {},
        "body": null,
        "fields": [],
        "response_target": "releaseReservation_data",
        "response_transform": null,
        "trigger": "manual",
        "depends_on": [],
        "debounce_ms": null,
        "loading_field": null,
        "error_field": null
      }
    }
  },
  "data_model_ir": {
    "entities": {
      "reservation": {
        "name": "Reservation",
        "backend_module": "Reservations",
        "fields": [
          "id",
          "user_id",
          "schedule_id",
          "reservation_datetime",
          "expiry_datetime",
          "status",
          "total_amount",
          "created_at",
          "updated_at"
        ],
        "computed": [],
        "display_fields": [
          "status",
          "total_amount",
          "expiry_datetime"
        ],
        "search_fields": [],
        "filters": [],
        "default_sort": null,
        "default_sort_dir": "asc"
      },
      "reservationDetail": {
        "name": "ReservationDetail",
        "backend_module": "Reservations",
        "fields": [
          "id",
          "user_id",
          "schedule_id",
          "reservation_datetime",
          "expiry_datetime",
          "status",
          "total_amount",
          "created_at",
          "updated_at",
          "user",
          "schedule",
          "reservation_seats"
        ],
        "computed": [],
        "display_fields": [
          "total_amount",
          "status",
          "expiry_datetime",
          "reservation_seats"
        ],
        "search_fields": [],
        "filters": [],
        "default_sort": null,
        "default_sort_dir": "asc"
      },
      "payment": {
        "name": "Payment",
        "backend_module": "Payments",
        "fields": [
          "payment_id",
          "booking_id",
          "amount",
          "payment_method",
          "payment_gateway_reference",
          "status",
          "transaction_datetime"
        ],
        "computed": [],
        "display_fields": [
          "amount",
          "payment_method",
          "status"
        ],
        "search_fields": [],
        "filters": [],
        "default_sort": null,
        "default_sort_dir": "asc"
      }
    },
    "relationships": []
  },
  "behaviour_ir": {
    "events": {
      "onPaymentMethodChange": {
        "type": "mutation",
        "updates": [
          {
            "target": "state.selectedPaymentMethod",
            "expr": "event.value"
          }
        ],
        "description": ""
      },
      "onReservationLoaded": {
        "type": "mutation",
        "updates": [
          {
            "target": "state.reservationDetails",
            "expr": "response.data"
          },
          {
            "target": "state.isLoadingReservation",
            "expr": "false"
          },
          {
            "target": "state.remainingSeconds",
            "expr": "Math.max(0, Math.floor((new Date(response.data.expiry_datetime) - new Date()) / 1000))"
          }
        ],
        "description": ""
      },
      "onCountdownTick": {
        "type": "mutation",
        "updates": [
          {
            "target": "state.remainingSeconds",
            "expr": "Math.max(0, state.remainingSeconds - 1)"
          }
        ],
        "description": ""
      },
      "onReservationExpired": {
        "type": "mutation",
        "updates": [
          {
            "target": "state.reservationExpired",
            "expr": "true"
          }
        ],
        "description": ""
      },
      "onPaymentStart": {
        "type": "mutation",
        "updates": [
          {
            "target": "state.isProcessingPayment",
            "expr": "true"
          },
          {
            "target": "state.paymentError",
            "expr": "null"
          }
        ],
        "description": ""
      },
      "onPaymentSuccess": {
        "type": "mutation",
        "updates": [
          {
            "target": "state.isProcessingPayment",
            "expr": "false"
          },
          {
            "target": "state.paymentResult",
            "expr": "response.data"
          }
        ],
        "description": ""
      },
      "onPaymentFailure": {
        "type": "mutation",
        "updates": [
          {
            "target": "state.isProcessingPayment",
            "expr": "false"
          },
          {
            "target": "state.paymentError",
            "expr": "response.error || 'Payment failed. Please try again.'"
          }
        ],
        "description": ""
      }
    },
    "actions": {
      "d6456f5fb3e94ab385eafa1b10606f9a": {
        "action_id": "d6456f5fb3e94ab385eafa1b10606f9a",
        "trigger": "form_submit",
        "target_component_id": "payment_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\": \"selectedPaymentMethod\", \"message\": \"Please select a payment method\", \"rule_id\": \"val_payment_method\", \"type\": \"required\"}",
            "message": "{\"field\": \"selectedPaymentMethod\", \"message\": \"Please select a payment method\", \"rule_id\": \"val_payment_method\", \"type\": \"required\"}"
          },
          {
            "rule_id": "val_1",
            "field": null,
            "type": "custom",
            "value": null,
            "expression": "{\"condition\": \"state.selectedPaymentMethod === 'CREDIT_CARD' || state.selectedPaymentMethod === 'DEBIT_CARD'\", \"field\": \"card_number\", \"message\": \"Card number is required\", \"rule_id\": \"val_card_number\", \"type\": \"required\"}",
            "message": "{\"condition\": \"state.selectedPaymentMethod === 'CREDIT_CARD' || state.selectedPaymentMethod === 'DEBIT_CARD'\", \"field\": \"card_number\", \"message\": \"Card number is required\", \"rule_id\": \"val_card_number\", \"type\": \"required\"}"
          },
          {
            "rule_id": "val_2",
            "field": null,
            "type": "custom",
            "value": null,
            "expression": "{\"condition\": \"state.selectedPaymentMethod === 'CREDIT_CARD' || state.selectedPaymentMethod === 'DEBIT_CARD'\", \"field\": \"card_expiry\", \"message\": \"Expiry date is required\", \"rule_id\": \"val_card_expiry\", \"type\": \"required\"}",
            "message": "{\"condition\": \"state.selectedPaymentMethod === 'CREDIT_CARD' || state.selectedPaymentMethod === 'DEBIT_CARD'\", \"field\": \"card_expiry\", \"message\": \"Expiry date is required\", \"rule_id\": \"val_card_expiry\", \"type\": \"required\"}"
          },
          {
            "rule_id": "val_3",
            "field": null,
            "type": "custom",
            "value": null,
            "expression": "{\"condition\": \"state.selectedPaymentMethod === 'CREDIT_CARD' || state.selectedPaymentMethod === 'DEBIT_CARD'\", \"field\": \"card_cvv\", \"message\": \"CVV is required\", \"rule_id\": \"val_card_cvv\", \"type\": \"required\"}",
            "message": "{\"condition\": \"state.selectedPaymentMethod === 'CREDIT_CARD' || state.selectedPaymentMethod === 'DEBIT_CARD'\", \"field\": \"card_cvv\", \"message\": \"CVV is required\", \"rule_id\": \"val_card_cvv\", \"type\": \"required\"}"
          },
          {
            "rule_id": "val_4",
            "field": null,
            "type": "custom",
            "value": null,
            "expression": "{\"condition\": \"state.selectedPaymentMethod === 'CREDIT_CARD' || state.selectedPaymentMethod === 'DEBIT_CARD'\", \"field\": \"cardholder_name\", \"message\": \"Cardholder name is required\", \"rule_id\": \"val_cardholder_name\", \"type\": \"required\"}",
            "message": "{\"condition\": \"state.selectedPaymentMethod === 'CREDIT_CARD' || state.selectedPaymentMethod === 'DEBIT_CARD'\", \"field\": \"cardholder_name\", \"message\": \"Cardholder name is required\", \"rule_id\": \"val_cardholder_name\", \"type\": \"required\"}"
          }
        ],
        "validation_messages": {},
        "updates": [
          {
            "target": "state.isProcessingPayment",
            "expr": "true"
          },
          {
            "target": "state.paymentError",
            "expr": "null"
          }
        ],
        "api_endpoint": "4ed3d7ca37cc4292a82c742fd348be52",
        "api_body": "{ reservation_id: routeParams.reservationId, payment_method: state.selectedPaymentMethod }",
        "side_effects": [
          {
            "type": "toast",
            "config": {
              "message": "Processing payment...",
              "type": "info"
            }
          }
        ],
        "then": null,
        "catch": null,
        "data_action": null
      },
      "42e53542623c4bfdba96ec3d9bda7600": {
        "action_id": "42e53542623c4bfdba96ec3d9bda7600",
        "trigger": "button_click",
        "target_component_id": "retry_button",
        "operation": "custom",
        "description": "",
        "payload": {},
        "guard": null,
        "requires_confirmation": false,
        "confirmation_message": null,
        "validation_rules": [],
        "validation_messages": {},
        "updates": [
          {
            "target": "state.isProcessingPayment",
            "expr": "true"
          },
          {
            "target": "state.paymentError",
            "expr": "null"
          }
        ],
        "api_endpoint": "4ed3d7ca37cc4292a82c742fd348be52",
        "api_body": "{ reservation_id: routeParams.reservationId, payment_method: state.selectedPaymentMethod }",
        "side_effects": [
          {
            "type": "toast",
            "config": {
              "message": "Retrying payment...",
              "type": "info"
            }
          }
        ],
        "then": null,
        "catch": null,
        "data_action": null
      },
      "1a2fb04203ea412fac762d7bd4c178e5": {
        "action_id": "1a2fb04203ea412fac762d7bd4c178e5",
        "trigger": "button_click",
        "target_component_id": "cancel_link",
        "operation": "custom",
        "description": "",
        "payload": {},
        "guard": null,
        "requires_confirmation": true,
        "confirmation_message": null,
        "validation_rules": [],
        "validation_messages": {},
        "updates": [],
        "api_endpoint": "6a9c923cc6cb4b6788763635186d71c4",
        "api_body": null,
        "side_effects": [
          {
            "type": "toast",
            "config": {
              "message": "Reservation cancelled. Seats have been released.",
              "type": "warning"
            }
          },
          {
            "type": "navigate",
            "config": {
              "path": "/"
            }
          }
        ],
        "then": null,
        "catch": null,
        "data_action": null
      },
      "c61bd2b6506142b08266764592828de4": {
        "action_id": "c61bd2b6506142b08266764592828de4",
        "trigger": "button_click",
        "target_component_id": "pay_now_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": "/bookings/${state.paymentResult.booking_id}/confirm"
            }
          }
        ],
        "then": null,
        "catch": null,
        "data_action": null
      },
      "adf5c010914c41d293668b23a08034b9": {
        "action_id": "adf5c010914c41d293668b23a08034b9",
        "trigger": "button_click",
        "target_component_id": "expired_redirect_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": "/"
            }
          }
        ],
        "then": null,
        "catch": null,
        "data_action": null
      }
    },
    "feedback": {
      "d6456f5fb3e94ab385eafa1b10606f9a": {
        "action_id": "d6456f5fb3e94ab385eafa1b10606f9a",
        "loading_indicator": "spinner",
        "loading_text": null,
        "success_message": "Payment successful! Redirecting to booking confirmation...",
        "error_message": "Payment failed. Please try again.",
        "ui_updates": [
          "state.isProcessingPayment = false"
        ]
      },
      "42e53542623c4bfdba96ec3d9bda7600": {
        "action_id": "42e53542623c4bfdba96ec3d9bda7600",
        "loading_indicator": "spinner",
        "loading_text": null,
        "success_message": "Payment successful!",
        "error_message": "Payment failed again. Please check your details.",
        "ui_updates": []
      },
      "1a2fb04203ea412fac762d7bd4c178e5": {
        "action_id": "1a2fb04203ea412fac762d7bd4c178e5",
        "loading_indicator": "spinner",
        "loading_text": null,
        "success_message": "Reservation released successfully.",
        "error_message": "Failed to release reservation.",
        "ui_updates": []
      },
      "c61bd2b6506142b08266764592828de4": {
        "action_id": "c61bd2b6506142b08266764592828de4",
        "loading_indicator": null,
        "loading_text": null,
        "success_message": null,
        "error_message": null,
        "ui_updates": []
      },
      "adf5c010914c41d293668b23a08034b9": {
        "action_id": "adf5c010914c41d293668b23a08034b9",
        "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%",
          "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": {
          "maxWidth": "960px",
          "margin": "0 auto",
          "marginBottom": "24px"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "page_title": {
        "type": "Typography.Title",
        "label": "Payment",
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "level": 2
        },
        "dynamic_props": {},
        "styles": {
          "marginBottom": "4px"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "page_subtitle": {
        "type": "Typography.Text",
        "label": "Complete your payment to confirm your booking",
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "type": "secondary"
        },
        "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
      },
      "loading_container": {
        "type": "div",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "visible_when": "state.isLoadingReservation"
        },
        "dynamic_props": {},
        "styles": {
          "display": "flex",
          "justifyContent": "center",
          "alignItems": "center",
          "minHeight": "400px"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "loading_spinner": {
        "type": "Spin",
        "label": "Loading reservation details...",
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "size": "large",
          "tip": "Loading reservation details..."
        },
        "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
      },
      "expired_alert_container": {
        "type": "div",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "visible_when": "state.reservationExpired"
        },
        "dynamic_props": {},
        "styles": {
          "maxWidth": "960px",
          "margin": "0 auto"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "expired_alert": {
        "type": "Alert",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "type": "error",
          "showIcon": true,
          "message": "Reservation Expired",
          "description": "Your reservation has expired. The seats have been released. Please search for a new bus and try again."
        },
        "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
      },
      "expired_redirect_button": {
        "type": "Button",
        "label": "Back to Search",
        "description": null,
        "bind": null,
        "onClick": "handleExpiredRedirect",
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "type": "primary",
          "size": "large",
          "block": 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
      },
      "content_container": {
        "type": "div",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "visible_when": "!state.isLoadingReservation && !state.reservationExpired"
        },
        "dynamic_props": {},
        "styles": {
          "maxWidth": "960px",
          "margin": "0 auto"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "payment_content_row": {
        "type": "Row",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "gutter": [
            24,
            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
      },
      "left_column": {
        "type": "Col",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "xs": 24,
          "md": 14
        },
        "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
      },
      "right_column": {
        "type": "Col",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "xs": 24,
          "md": 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
      },
      "countdown_card": {
        "type": "Card",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "bordered": true
        },
        "dynamic_props": {},
        "styles": {
          "marginBottom": "16px",
          "textAlign": "center"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "countdown_icon_row": {
        "type": "div",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {},
        "dynamic_props": {},
        "styles": {
          "display": "flex",
          "alignItems": "center",
          "justifyContent": "center",
          "gap": "8px",
          "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
      },
      "countdown_label": {
        "type": "Typography.Text",
        "label": "Time Remaining to Complete Payment",
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "type": "secondary"
        },
        "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
      },
      "countdown_timer": {
        "type": "Statistic.Countdown",
        "label": null,
        "description": null,
        "bind": "derived.countdownDisplay",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "format": "mm:ss",
          "valueStyle_color": "state.remainingSeconds < 120 ? '#ff4d4f' : '#1677ff'",
          "valueStyle_fontSize": "36px",
          "valueStyle_fontWeight": "bold"
        },
        "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
      },
      "countdown_warning": {
        "type": "Typography.Text",
        "label": "Your seats are reserved for a limited time. Complete payment before the timer expires.",
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "type": "warning",
          "visible_when": "state.remainingSeconds < 120 && state.remainingSeconds > 0"
        },
        "dynamic_props": {},
        "styles": {
          "fontSize": "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
      },
      "payment_method_card": {
        "type": "Card",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "title": "Payment Method",
          "bordered": 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
      },
      "payment_method_radio_group": {
        "type": "Radio.Group",
        "label": "Select Payment Method",
        "description": null,
        "bind": "state.selectedPaymentMethod",
        "onClick": "onPaymentMethodChange",
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "optionType": "button",
          "buttonStyle": "solid",
          "size": "large",
          "options": [
            {
              "label": "Credit Card",
              "value": "CREDIT_CARD"
            },
            {
              "label": "Debit Card",
              "value": "DEBIT_CARD"
            },
            {
              "label": "UPI",
              "value": "UPI"
            },
            {
              "label": "Net Banking",
              "value": "NET_BANKING"
            },
            {
              "label": "Wallet",
              "value": "WALLET"
            }
          ]
        },
        "dynamic_props": {},
        "styles": {
          "width": "100%",
          "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
      },
      "payment_form": {
        "type": "Form",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": "submitPayment",
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "layout": "vertical",
          "requiredMark": 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
      },
      "card_fields_container": {
        "type": "div",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "visible_when": "derived.isCardPayment"
        },
        "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
      },
      "cardholder_name_input": {
        "type": "Form.Item",
        "label": "Cardholder Name",
        "description": null,
        "bind": "cardholder_name",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "name": "cardholder_name",
          "rules": [
            {
              "required": true,
              "message": "Please enter cardholder 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
      },
      "cardholder_name_field": {
        "type": "Input",
        "label": null,
        "description": null,
        "bind": "cardholder_name",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "placeholder": "John Doe",
          "size": "large"
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "card_number_input": {
        "type": "Form.Item",
        "label": "Card Number",
        "description": null,
        "bind": "card_number",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "name": "card_number",
          "rules": [
            {
              "required": true,
              "message": "Please enter card 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
      },
      "card_number_field": {
        "type": "Input",
        "label": null,
        "description": null,
        "bind": "card_number",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "placeholder": "1234 5678 9012 3456",
          "maxLength": 19,
          "size": "large"
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "card_details_row": {
        "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
      },
      "expiry_col": {
        "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
      },
      "card_expiry_input": {
        "type": "Form.Item",
        "label": "Expiry Date",
        "description": null,
        "bind": "card_expiry",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "name": "card_expiry",
          "rules": [
            {
              "required": true,
              "message": "Please enter expiry 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
      },
      "card_expiry_field": {
        "type": "Input",
        "label": null,
        "description": null,
        "bind": "card_expiry",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "placeholder": "MM/YY",
          "maxLength": 5,
          "size": "large"
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "cvv_col": {
        "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
      },
      "card_cvv_input": {
        "type": "Form.Item",
        "label": "CVV",
        "description": null,
        "bind": "card_cvv",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "name": "card_cvv",
          "rules": [
            {
              "required": true,
              "message": "Please enter CVV"
            }
          ]
        },
        "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
      },
      "card_cvv_field": {
        "type": "Input.Password",
        "label": null,
        "description": null,
        "bind": "card_cvv",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "placeholder": "123",
          "maxLength": 4,
          "size": "large"
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "upi_fields_container": {
        "type": "div",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "visible_when": "state.selectedPaymentMethod === 'UPI'"
        },
        "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
      },
      "upi_id_input": {
        "type": "Form.Item",
        "label": "UPI ID",
        "description": null,
        "bind": "upi_id",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "name": "upi_id",
          "rules": [
            {
              "required": true,
              "message": "Please enter your UPI ID"
            }
          ]
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "upi_id_field": {
        "type": "Input",
        "label": null,
        "description": null,
        "bind": "upi_id",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "placeholder": "yourname@upi",
          "size": "large"
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "wallet_fields_container": {
        "type": "div",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "visible_when": "state.selectedPaymentMethod === 'WALLET'"
        },
        "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
      },
      "wallet_info_alert": {
        "type": "Alert",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "type": "info",
          "showIcon": true,
          "message": "Wallet Payment",
          "description": "You will be redirected to your wallet provider to complete the payment."
        },
        "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
      },
      "netbanking_fields_container": {
        "type": "div",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "visible_when": "state.selectedPaymentMethod === 'NET_BANKING'"
        },
        "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
      },
      "netbanking_info_alert": {
        "type": "Alert",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "type": "info",
          "showIcon": true,
          "message": "Net Banking",
          "description": "You will be redirected to your bank's secure payment page."
        },
        "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
      },
      "payment_error_alert": {
        "type": "Alert",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "type": "error",
          "showIcon": true,
          "closable": true,
          "message": "Payment Failed",
          "description_bind": "state.paymentError",
          "visible_when": "state.paymentError !== null"
        },
        "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
      },
      "payment_actions_container": {
        "type": "div",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {},
        "dynamic_props": {},
        "styles": {
          "marginTop": "24px"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "pay_now_button": {
        "type": "Button",
        "label": "Pay Now",
        "description": null,
        "bind": null,
        "onClick": "submitPayment",
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "type": "primary",
          "size": "large",
          "block": true,
          "htmlType": "submit",
          "loading_bind": "state.isProcessingPayment",
          "disabled_bind": "state.isProcessingPayment || state.reservationExpired"
        },
        "dynamic_props": {},
        "styles": {
          "height": "48px",
          "fontSize": "16px",
          "fontWeight": "600"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "retry_button": {
        "type": "Button",
        "label": "Retry Payment",
        "description": null,
        "bind": null,
        "onClick": "retryPayment",
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "type": "primary",
          "size": "large",
          "block": true,
          "visible_when": "state.paymentError !== null",
          "danger": true
        },
        "dynamic_props": {},
        "styles": {
          "marginTop": "8px",
          "height": "48px"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "cancel_link": {
        "type": "Button",
        "label": "Cancel and Release Seats",
        "description": null,
        "bind": null,
        "onClick": "cancelPayment",
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "type": "link",
          "danger": true,
          "block": true
        },
        "dynamic_props": {},
        "styles": {
          "marginTop": "12px"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "summary_card": {
        "type": "Card",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "title": "Booking Summary",
          "bordered": 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
      },
      "route_info_section": {
        "type": "div",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {},
        "dynamic_props": {},
        "styles": {
          "marginBottom": "16px",
          "paddingBottom": "16px",
          "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
      },
      "route_title": {
        "type": "Typography.Text",
        "label": "Route Details",
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "strong": true
        },
        "dynamic_props": {},
        "styles": {
          "display": "block",
          "marginBottom": "8px",
          "fontSize": "14px",
          "color": "#8c8c8c"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "route_cities": {
        "type": "Typography.Title",
        "label": null,
        "description": null,
        "bind": "derived.scheduleInfo.route.origin_city + ' → ' + derived.scheduleInfo.route.destination_city",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "level": 4
        },
        "dynamic_props": {},
        "styles": {
          "marginBottom": "4px"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "schedule_datetime": {
        "type": "Typography.Text",
        "label": null,
        "description": null,
        "bind": "derived.scheduleInfo.departure_datetime",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "type": "secondary",
          "format": "datetime"
        },
        "dynamic_props": {},
        "styles": {
          "display": "block",
          "marginBottom": "4px"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "bus_info": {
        "type": "Typography.Text",
        "label": null,
        "description": null,
        "bind": "derived.scheduleInfo.bus.bus_type + ' • Bus #' + derived.scheduleInfo.bus.bus_number",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "type": "secondary"
        },
        "dynamic_props": {},
        "styles": {
          "display": "block"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "seats_section": {
        "type": "div",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {},
        "dynamic_props": {},
        "styles": {
          "marginBottom": "16px",
          "paddingBottom": "16px",
          "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
      },
      "seats_title": {
        "type": "Typography.Text",
        "label": "Selected Seats",
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "strong": true
        },
        "dynamic_props": {},
        "styles": {
          "display": "block",
          "marginBottom": "8px",
          "fontSize": "14px",
          "color": "#8c8c8c"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "seats_list": {
        "type": "List",
        "label": null,
        "description": null,
        "bind": "derived.seatList",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "size": "small",
          "dataSource_bind": "derived.seatList",
          "renderItem": {
            "seat_number": "seat.seat_number",
            "seat_type": "seat.seat_type",
            "price": "seat.price"
          }
        },
        "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
      },
      "price_section": {
        "type": "div",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {},
        "dynamic_props": {},
        "styles": {
          "marginBottom": "16px",
          "paddingBottom": "16px",
          "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
      },
      "price_title": {
        "type": "Typography.Text",
        "label": "Price Breakdown",
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "strong": true
        },
        "dynamic_props": {},
        "styles": {
          "display": "block",
          "marginBottom": "12px",
          "fontSize": "14px",
          "color": "#8c8c8c"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "subtotal_row": {
        "type": "div",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {},
        "dynamic_props": {},
        "styles": {
          "display": "flex",
          "justifyContent": "space-between",
          "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
      },
      "subtotal_label": {
        "type": "Typography.Text",
        "label": "Subtotal",
        "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
      },
      "subtotal_value": {
        "type": "Typography.Text",
        "label": null,
        "description": null,
        "bind": "'₹' + (derived.totalAmount * 0.85).toFixed(2)",
        "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
      },
      "taxes_row": {
        "type": "div",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {},
        "dynamic_props": {},
        "styles": {
          "display": "flex",
          "justifyContent": "space-between",
          "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
      },
      "taxes_label": {
        "type": "Typography.Text",
        "label": "Taxes & Fees (GST 18%)",
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "type": "secondary"
        },
        "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
      },
      "taxes_value": {
        "type": "Typography.Text",
        "label": null,
        "description": null,
        "bind": "'₹' + (derived.totalAmount * 0.15).toFixed(2)",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "type": "secondary"
        },
        "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_section": {
        "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
      },
      "total_row": {
        "type": "div",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {},
        "dynamic_props": {},
        "styles": {
          "display": "flex",
          "justifyContent": "space-between",
          "alignItems": "center",
          "paddingTop": "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
      },
      "total_label": {
        "type": "Typography.Title",
        "label": "Total Amount",
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "level": 4
        },
        "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
      },
      "total_value": {
        "type": "Typography.Title",
        "label": null,
        "description": null,
        "bind": "'₹' + derived.totalAmount.toFixed(2)",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "level": 3,
          "type": "success"
        },
        "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
      },
      "secure_payment_note": {
        "type": "div",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {},
        "dynamic_props": {},
        "styles": {
          "textAlign": "center",
          "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
      },
      "secure_icon_text": {
        "type": "Typography.Text",
        "label": "🔒 Your payment is secured with 256-bit SSL encryption",
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "type": "secondary"
        },
        "dynamic_props": {},
        "styles": {
          "fontSize": "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
      },
      "processing_overlay": {
        "type": "div",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "visible_when": "state.isProcessingPayment"
        },
        "dynamic_props": {},
        "styles": {
          "position": "fixed",
          "top": 0,
          "left": 0,
          "right": 0,
          "bottom": 0,
          "background": "rgba(255,255,255,0.85)",
          "display": "flex",
          "flexDirection": "column",
          "justifyContent": "center",
          "alignItems": "center",
          "zIndex": 1000
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "processing_spinner": {
        "type": "Spin",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "size": "large",
          "tip": "Processing your payment..."
        },
        "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
      },
      "processing_text": {
        "type": "Typography.Text",
        "label": "Please do not close this window or press back.",
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "type": "secondary"
        },
        "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",
        "loading_container",
        "expired_alert_container",
        "content_container",
        "processing_overlay"
      ],
      "page_header": [
        "page_title",
        "page_subtitle"
      ],
      "loading_container": [
        "loading_spinner"
      ],
      "expired_alert_container": [
        "expired_alert",
        "expired_redirect_button"
      ],
      "content_container": [
        "payment_content_row"
      ],
      "payment_content_row": [
        "left_column",
        "right_column"
      ],
      "left_column": [
        "countdown_card",
        "payment_method_card"
      ],
      "countdown_card": [
        "countdown_icon_row",
        "countdown_timer",
        "countdown_warning"
      ],
      "countdown_icon_row": [
        "countdown_label"
      ],
      "payment_method_card": [
        "payment_method_radio_group",
        "payment_form"
      ],
      "payment_form": [
        "card_fields_container",
        "upi_fields_container",
        "wallet_fields_container",
        "netbanking_fields_container",
        "payment_error_alert",
        "payment_actions_container"
      ],
      "card_fields_container": [
        "cardholder_name_input",
        "card_number_input",
        "card_details_row"
      ],
      "cardholder_name_input": [
        "cardholder_name_field"
      ],
      "card_number_input": [
        "card_number_field"
      ],
      "card_details_row": [
        "expiry_col",
        "cvv_col"
      ],
      "expiry_col": [
        "card_expiry_input"
      ],
      "card_expiry_input": [
        "card_expiry_field"
      ],
      "cvv_col": [
        "card_cvv_input"
      ],
      "card_cvv_input": [
        "card_cvv_field"
      ],
      "upi_fields_container": [
        "upi_id_input"
      ],
      "upi_id_input": [
        "upi_id_field"
      ],
      "wallet_fields_container": [
        "wallet_info_alert"
      ],
      "netbanking_fields_container": [
        "netbanking_info_alert"
      ],
      "payment_actions_container": [
        "pay_now_button",
        "retry_button",
        "cancel_link"
      ],
      "right_column": [
        "summary_card",
        "secure_payment_note"
      ],
      "summary_card": [
        "route_info_section",
        "seats_section",
        "price_section",
        "total_section"
      ],
      "route_info_section": [
        "route_title",
        "route_cities",
        "schedule_datetime",
        "bus_info"
      ],
      "seats_section": [
        "seats_title",
        "seats_list"
      ],
      "price_section": [
        "price_title",
        "subtotal_row",
        "taxes_row"
      ],
      "subtotal_row": [
        "subtotal_label",
        "subtotal_value"
      ],
      "taxes_row": [
        "taxes_label",
        "taxes_value"
      ],
      "total_section": [
        "total_row"
      ],
      "total_row": [
        "total_label",
        "total_value"
      ],
      "secure_payment_note": [
        "secure_icon_text"
      ],
      "processing_overlay": [
        "processing_spinner",
        "processing_text"
      ]
    },
    "layout": {
      "main_container": {
        "type": "vertical",
        "gap": 0,
        "padding": null,
        "columns": null,
        "column_template": null,
        "row_template": null,
        "align_items": null,
        "justify_content": null,
        "wrap": false,
        "min_height": null,
        "overflow": null
      },
      "page_header": {
        "type": "vertical",
        "gap": 4,
        "padding": null,
        "columns": null,
        "column_template": null,
        "row_template": null,
        "align_items": null,
        "justify_content": null,
        "wrap": false,
        "min_height": null,
        "overflow": null
      },
      "loading_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
      },
      "expired_alert_container": {
        "type": "vertical",
        "gap": 16,
        "padding": null,
        "columns": null,
        "column_template": null,
        "row_template": null,
        "align_items": null,
        "justify_content": null,
        "wrap": false,
        "min_height": null,
        "overflow": null
      },
      "content_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
      },
      "payment_content_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
      },
      "left_column": {
        "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
      },
      "countdown_card": {
        "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
      },
      "countdown_icon_row": {
        "type": "horizontal",
        "gap": 8,
        "padding": null,
        "columns": null,
        "column_template": null,
        "row_template": null,
        "align_items": null,
        "justify_content": null,
        "wrap": false,
        "min_height": null,
        "overflow": null
      },
      "payment_method_card": {
        "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
      },
      "payment_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
      },
      "card_fields_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
      },
      "cardholder_name_input": {
        "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
      },
      "card_number_input": {
        "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
      },
      "card_details_row": {
        "type": "horizontal",
        "gap": 16,
        "padding": null,
        "columns": null,
        "column_template": null,
        "row_template": null,
        "align_items": null,
        "justify_content": null,
        "wrap": false,
        "min_height": null,
        "overflow": null
      },
      "expiry_col": {
        "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
      },
      "card_expiry_input": {
        "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
      },
      "cvv_col": {
        "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
      },
      "card_cvv_input": {
        "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
      },
      "upi_fields_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
      },
      "upi_id_input": {
        "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
      },
      "wallet_fields_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
      },
      "netbanking_fields_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
      },
      "payment_actions_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
      },
      "right_column": {
        "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
      },
      "summary_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
      },
      "route_info_section": {
        "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
      },
      "seats_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
      },
      "price_section": {
        "type": "vertical",
        "gap": 0,
        "padding": null,
        "columns": null,
        "column_template": null,
        "row_template": null,
        "align_items": null,
        "justify_content": null,
        "wrap": false,
        "min_height": null,
        "overflow": null
      },
      "subtotal_row": {
        "type": "horizontal",
        "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
      },
      "taxes_row": {
        "type": "horizontal",
        "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
      },
      "total_section": {
        "type": "vertical",
        "gap": 0,
        "padding": null,
        "columns": null,
        "column_template": null,
        "row_template": null,
        "align_items": null,
        "justify_content": null,
        "wrap": false,
        "min_height": null,
        "overflow": null
      },
      "total_row": {
        "type": "horizontal",
        "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
      },
      "secure_payment_note": {
        "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
      },
      "processing_overlay": {
        "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": "Root page container"
      },
      {
        "zone_id": "processing_zone",
        "component": "processing_overlay",
        "anchor": "center",
        "size_hint": "full-width",
        "z_layer": "overlay",
        "notes": "Full-screen overlay during payment processing"
      }
    ],
    "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
}