Fluent Commerce Logo
Docs
Sign In

Extended Address Input

UI Component

Changed on:

7 Sept 2023

Overview

`ExtendedAddressInput` is a component that can support the extended address in details and a digital/e-mail shipping method. The component supports delivery addresses with lengthy street/city/company name fields (255 characters).

Plugin NameCore

The standard library of components. 

0000-00-00

v1.0.0

Initial changelog entry.

Alias

ExtendedAddressInput

Detailed technical description

Configuration

Step 1. Configure :

  • A series of guides covering building Workflow is available here.
1"rulesets": [        
2  {            
3    "name": "OrderAddressChange",            
4    "description": "Order address is changed from admin console",            
5    "type": "ORDER",            
6    "subtype": "HD",            
7    "eventType": "NORMAL",            
8    "rules": [                
9      {                    
10        "name": "<ACCOUNTID>.order.ChangeOrderDeliveryAddress",                     
11        "props": null                
12      }            
13    ],            
14    "userActions": [                
15      {                    
16        "attributes": [                        
17          {                            
18            "name": "deliveryAddress",                            
19            "label": "Address",                            
20            "type": "EXTENDEDADDRESS",                             
21            "source": "",                            
22            "defaultValue": "",                            
23            "mandatory": false                        
24            }                    
25          ]                
26        }            
27      ]        
28    }    
29  ]
30}

Step 2. Configure (`fc.mystique.manifest.oms.fragment.ordermanagement`):

  • Extend `deliveryAddress` in the query on the Order Details page with street2 and email;
  • Set default values for `deliveryAddress`. See Sample Manifest below.

Properties

None

Configuration example

1{
2  "type": "userAction",
3  "name": "OrderAddressChange",                                    
4  "overrides": {                                        
5    "deliveryAddress": {                                            
6      "defaultValue": {                                                
7        "companyName": "{{orderById.fulfilmentChoice.deliveryAddress.companyName}}",                                                
8        "name": "{{orderById.fulfilmentChoice.deliveryAddress.name}}",
9        "email": "{{orderById.fulfilmentChoice.deliveryAddress.email}}",                                                
10        "street": "{{orderById.fulfilmentChoice.deliveryAddress.street}}",                                                
11        "street2": "{{orderById.fulfilmentChoice.deliveryAddress.street2}}",                                                                                            
12        "city": "{{orderById.fulfilmentChoice.deliveryAddress.city}}",                                                
13        "postcode": "{{orderById.fulfilmentChoice.deliveryAddress.postcode}}",                                                
14        "state": "{{orderById.fulfilmentChoice.deliveryAddress.state}}",                                                
15        "country": "{{orderById.fulfilmentChoice.deliveryAddress.country}}"                                            
16      }                                        
17    }                                    
18  }                                
19}

Version History

0000-00-00

v1.0.0

Initial changelog entry.

Recommended Placement

This component was designed to be used on details page.