bug fix

src/pages/authentication/auth-forms/BusCustomFormWizard.js

@@ -1536,13 +1536,13 @@ const BusCustomFormWizard = (props) => {
                                                     {formik.values.address3}
                                                 </Typography>
                                                 : null}
-                                            {selectedAddress5.label === "hongKong" ?
+                                            {selectedAddress5.type === "hongKong" ?
                                                 <Stack direction="row">
                                                     <Typography variant="pnspsFormHeader" color={theme.palette.grey[600]} id="preview-address4-signup">
                                                         <FormattedMessage id="region"/>:
                                                     </Typography>
                                                     <Typography variant="pnspsFormHeader">
-                                                        {selectedAddress4}
+                                                        {!selectedAddress4? "" : intl.formatMessage({id: selectedAddress4.type})}
                                                     </Typography>
                                                 </Stack>
                                                 : null}

src/pages/authentication/auth-forms/CustomFormWizard.js

@@ -1713,7 +1713,9 @@ const CustomFormWizard = (props) => {
                                                     <Typography variant="pnspsFormHeader" color={theme.palette.grey[600]} id="preview-address4-signup">
                                                         <FormattedMessage id="region"/>:
                                                     </Typography>
-                                                    <Typography variant="pnspsFormHeader">{selectedAddress4}</Typography>
+                                                    <Typography variant="pnspsFormHeader">
+                                                        {!selectedAddress4? "" : intl.formatMessage({id: selectedAddress4.type})}
+                                                    </Typography>
                                                 </Stack>
                                                 : null}
                                             <Stack direction="row">
@@ -1721,7 +1723,7 @@ const CustomFormWizard = (props) => {
                                                     <FormattedMessage id="regionOrCountry"/>:
                                                 </Typography>
                                                 <Typography variant="pnspsFormHeader">
-                                                    {intl.formatMessage({id: selectedAddress5.label})}
+                                                    {intl.formatMessage({id: selectedAddress5.type})}
                                                 </Typography>
                                             </Stack>
                                         </Stack>

src/pages/authentication/auth-forms/IAmSmartFormWizard.js

@@ -507,6 +507,7 @@ const CustomFormWizard = (props) => {
                                             value={selectedAddress4}
                                             options={address4ComboList}
                                             disabled={checkCountry}
+                                            getOptionLabel={(option) => option.type? intl.formatMessage({ id: option.type }) : ""}
                                             onChange={(event, newValue) => {
                                                 setSelectedAddress4(newValue);
                                             }}
@@ -519,6 +520,7 @@ const CustomFormWizard = (props) => {
                                             id="address5-combo"
                                             value={selectedAddress5}
                                             options={address5ComboList}
+                                            getOptionLabel={(option) => option.type? intl.formatMessage({ id: option.type }) : ""}
                                             onChange={(event, newValue) => {
                                                 if (newValue !== null) {
                                                     setSelectedAddress5(newValue);
@@ -959,19 +961,23 @@ const CustomFormWizard = (props) => {
                                                     {formik.values.address3}
                                                 </Typography>
                                                 : null}
-                                            {selectedAddress5 == ("香港") ?
+                                            {selectedAddress5.type === "hongKong" ?
                                                 <Stack direction="row">
                                                     <Typography variant="h5" color={theme.palette.grey[600]} id="preview-address4-signup">
                                                         <FormattedMessage id="region"/>:
                                                     </Typography>
-                                                    <Typography variant="h5">{selectedAddress4}</Typography>
+                                                    <Typography variant="h5">
+                                                        {!selectedAddress4? "" : intl.formatMessage({id: selectedAddress4.type})}
+                                                    </Typography>
                                                 </Stack>
                                                 : null}
                                             <Stack direction="row">
                                                 <Typography variant="h5" color={theme.palette.grey[600]} id="preview-address5-signup">
                                                     <FormattedMessage id="regionOrCountry"/>:
                                                 </Typography>
-                                                <Typography variant="h5">{selectedAddress5}</Typography>
+                                                <Typography variant="h5">
+                                                    {intl.formatMessage({id: selectedAddress5.type})}
+                                                </Typography>
                                             </Stack>
                                         </Stack>
                                     </Stack>