FodDelivery

A comprehensive delivery address management component integrating PostOffice address validation and MDelivery courier selection. Supports conditional wizard steps, error recovery, and multi-language interfaces.

Interactive Demo

Try the component with different configuration options. Toggle the checkboxes to see how the component adapts to various settings.

Enter your delivery address. Use the validate button to check with Moldova Post Office.

Delivery address

Format: MD-XXXX (e.g. MD-2001)
Example: block 2, floor 5, intercom 45

Select courier

Choose a courier service for home delivery
Rest days and public holidays are not taken into account in the estimated delivery calculation.

Configuration

Current Data

Real-time view of the delivery data model as you interact with the component.

DeliveryRequest:
  Id: b9e43e35-518e-4595-852f-7d58683a656d
  State: FetchingCouriers
  Address:
    Street: Strada Ștefan cel Mare
    HouseNumber: 154
    ApartmentNumber: 12
    City: Chișinău
    PostalCode: MD-2012
    AdditionalInfo: 
    IsValidated: True
  SelectedCourier: None
  DeliveryCost: 

Event Log

Monitor events emitted by the component during interaction.

No events yet. Interact with the component above.

Wizard Integration

How to integrate FodDelivery as a wizard step:

razor
<FodWizardComponent
    Steps="@_steps"
    ServiceRequestContext="@_context">
</FodWizardComponent>

@code {
    private List<WizardStep> _steps =
    [
        new WizardStep
        {
            StepId = "fod-delivery",
            Title = "Delivery Address",
            ComponentType = typeof(FodDelivery),
            Order = 1
        }
        .WithConfiguration(_deliveryConfig)
    ];
}

Basic Standalone Usage

Simple FodDelivery component with mock services. Shows basic address entry form and event logging for delivery registration.

razor
<FodDelivery
    Configuration="@_configuration"
    ShowSubmitButton="true"
    OnDeliveryRegistered="@HandleDeliveryRegistered"
    OnDeliveryChanged="@HandleDeliveryChanged" />

@code {
    private FodDeliveryConfiguration _configuration = new()
    {
        ServiceCode = "MY-SERVICE",
        EnableAddressValidation = true,
        EnableMDeliveryIntegration = true,
        AllowSkipValidation = true,
        MaxRetryAttempts = 3
    };

    private void HandleDeliveryRegistered(DeliveryRequest request)
    {
        Console.WriteLine($"Delivery registered: {request.Id}");
    }
}

API Reference - FodDelivery

Properties and events available on the FodDelivery component.

No properties defined.

Event Arguments Reference

Event argument types and their properties.

No properties defined.

Rejoining the server...

Rejoin failed... trying again in seconds.

Failed to rejoin.
Please retry or reload the page.

The session has been paused by the server.

Failed to resume the session.
Please reload the page.