Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

B 22493 clear addr fields when toggle to No #14887

Draft
wants to merge 15 commits into
base: main
Choose a base branch
from
2 changes: 1 addition & 1 deletion .envrc
Original file line number Diff line number Diff line change
Expand Up @@ -153,7 +153,7 @@ export FEATURE_FLAG_SAFETY_MOVE=true
export FEATURE_FLAG_MANAGE_SUPPORTING_DOCS=true

# Feature flags to enable third address
export FEATURE_FLAG_THIRD_ADDRESS_AVAILABLE=false
export FEATURE_FLAG_THIRD_ADDRESS_AVAILABLE=true

# Feature flag to disable/enable headquarters role
export FEATURE_FLAG_HEADQUARTERS_ROLE=true
Expand Down
109 changes: 109 additions & 0 deletions src/components/Customer/MtoShipmentForm/MtoShipmentForm.jsx
Original file line number Diff line number Diff line change
Expand Up @@ -57,6 +57,7 @@ const blankAddress = {
address: {
streetAddress1: '',
streetAddress2: '',
streetAddress3: '',
city: '',
state: '',
postalCode: '',
Expand Down Expand Up @@ -252,6 +253,104 @@ class MtoShipmentForm extends Component {
});
}
};
const handleAddressToggleChange = (e) => {
if (e.target.name === 'hasSecondaryPickup') {
if (e.target.value === 'false') {
setValues({
...values,
hasSecondaryPickup: 'false',
secondaryPickup: {
blankAddress,
},
});
} else if (e.target.value === 'true') {
setValues({
...values,
hasSecondaryPickup: 'true',
secondaryPickup: {
...values.secondaryPickup,
},
});
}
}
if (e.target.name === 'hasTertiaryPickup') {
if (e.target.value === 'false') {
setValues({
...values,
hasTertiaryPickup: 'false',
tertiaryPickup: {
blankAddress,
},
});
} else if (e.target.value === 'true') {
setValues({
...values,
hasTertiaryPickup: 'true',
tertiaryPickup: {
...values.tertiaryPickup,
},
});
}
}
if (e.target.name === 'hasDeliveryAddress') {
if (e.target.value === 'false') {
setValues({
...values,
hasDeliveryAddress: 'false',
delivery: {
...values.delivery,
address: newDutyLocationAddress,
},
});
} else if (e.target.value === 'true') {
setValues({
...values,
hasDeliveryAddress: 'true',
delivery: {
...values.delivery,
},
});
}
}
if (e.target.name === 'hasSecondaryDelivery') {
if (e.target.value === 'false') {
setValues({
...values,
hasSecondaryDelivery: 'false',
secondaryDelivery: {
blankAddress,
},
});
} else if (e.target.value === 'true') {
setValues({
...values,
hasSecondaryDelivery: 'true',
secondaryDelivery: {
...values.secondaryDelivery,
},
});
}
}
if (e.target.name === 'hasTertiaryDelivery') {
if (e.target.value === 'false') {
setValues({
...values,
hasTertiaryDelivery: 'false',
tertiaryDelivery: {
blankAddress,
},
});
} else if (e.target.value === 'true') {
setValues({
...values,
hasTertiaryDelivery: 'true',
tertiaryDelivery: {
...values.tertiaryDelivery,
},
});
}
}
};

const [isPreferredPickupDateAlertVisible, setIsPreferredPickupDateAlertVisible] = useState(false);
const [isPreferredDeliveryDateAlertVisible, setIsPreferredDeliveryDateAlertVisible] = useState(false);
Expand Down Expand Up @@ -384,6 +483,7 @@ class MtoShipmentForm extends Component {
title="Yes, I have a second pickup address"
checked={hasSecondaryPickup === 'true'}
disabled={!isPreceedingAddressComplete('true', values.pickup.address)}
onChange={handleAddressToggleChange}
/>
<Field
as={Radio}
Expand All @@ -395,6 +495,7 @@ class MtoShipmentForm extends Component {
title="No, I do not have a second pickup address"
checked={hasSecondaryPickup !== 'true'}
disabled={!isPreceedingAddressComplete('true', values.pickup.address)}
onChange={handleAddressToggleChange}
/>
</div>
</FormGroup>
Expand Down Expand Up @@ -426,6 +527,7 @@ class MtoShipmentForm extends Component {
values.secondaryPickup.address,
)
}
onChange={handleAddressToggleChange}
/>
<Field
as={Radio}
Expand All @@ -442,6 +544,7 @@ class MtoShipmentForm extends Component {
values.secondaryPickup.address,
)
}
onChange={handleAddressToggleChange}
/>
</div>
</FormGroup>
Expand Down Expand Up @@ -514,6 +617,7 @@ class MtoShipmentForm extends Component {
value="true"
title="Yes, I know my delivery address"
checked={hasDeliveryAddress === 'true'}
onChange={handleAddressToggleChange}
/>
<Field
as={Radio}
Expand All @@ -523,6 +627,7 @@ class MtoShipmentForm extends Component {
value="false"
title="No, I do not know my delivery address"
checked={hasDeliveryAddress === 'false'}
onChange={handleAddressToggleChange}
/>
</div>
</FormGroup>
Expand Down Expand Up @@ -553,6 +658,7 @@ class MtoShipmentForm extends Component {
title="Yes, I have a second delivery address"
checked={hasSecondaryDelivery === 'true'}
disabled={!isPreceedingAddressComplete('true', values.delivery.address)}
onChange={handleAddressToggleChange}
/>
<Field
as={Radio}
Expand All @@ -564,6 +670,7 @@ class MtoShipmentForm extends Component {
title="No, I do not have a second delivery address"
checked={hasSecondaryDelivery === 'false'}
disabled={!isPreceedingAddressComplete('true', values.delivery.address)}
onChange={handleAddressToggleChange}
/>
</div>
</FormGroup>
Expand Down Expand Up @@ -595,6 +702,7 @@ class MtoShipmentForm extends Component {
values.secondaryDelivery.address,
)
}
onChange={handleAddressToggleChange}
/>
<Field
as={Radio}
Expand All @@ -611,6 +719,7 @@ class MtoShipmentForm extends Component {
values.secondaryDelivery.address,
)
}
onChange={handleAddressToggleChange}
/>
</div>
</FormGroup>
Expand Down
Loading
Loading