jason/DigitalConsumer.ISS
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

add cancel claim modal back WIP

Browse source
This commit is contained in:
US\katie.kroell 2026-02-12 16:11:46 -05:00
parent c415f10ffa
commit d6d252930e
3 changed files with 16 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
src/layouts/coverage-statement/__snapshots__/coverage-statement.spec.js.snap
View file

@ -2,6 +2,7 @@
exports[`coverageStatement.vue returns the initial data 1`] = `
Object {
"CANCEL_CLAIM_REF_NAME": "CancelClaimModal",
"RECAL_MODAL_REF_NAME": "RecalModal",
"baseServiceLineItems": Array [],
"widget": Object {

1
src/layouts/coverage-statement/coverage-statement.spec.js
View file

@ -99,6 +99,7 @@ function getMountedComponent(mainInitialState = {}, initialData = {}, methodToRu
fetchCmsContentForPage.mockImplementation(() => Promise.resolve());
const wrapper = shallowMount(coverageStatement, mountOptions);
wrapper.vm.$refs[CANCEL_CLAIM_REF_NAME].openModal = jest.fn();
return { wrapper };
}

19
src/layouts/coverage-statement/coverage-statement.vue
View file

@ -102,6 +102,10 @@
:ref="RECAL_MODAL_REF_NAME"
cssModalHeadlineClass="text-center"
cmsWidgetName="RecalModal" />
<cancelClaimModal
:ref="CANCEL_CLAIM_REF_NAME"
@cancelClaimConfirmation="cancelClaim"
@returnToClaim="continueClaim" />
</Form>
</template>
@ -110,6 +114,7 @@
import { Form } from 'vee-validate';
import siteHeader from '@/iss-components/site-header/site-header.vue';
import contentGroupModal from '@/iss-components/content-group-modal/content-group-modal.vue';
import cancelClaimModal from '@/layouts/coverage-statement/cancel-claim-modal/cancel-claim-modal.vue';
import textBlock from '@/digital-components/text-block/text-block.vue';
import textLink from '@/ux-components/text-link/text-link.vue';
import buttonMain from '@/ux-components/button-main/button-main.vue';
@ -136,6 +141,7 @@ import coverageStatuses from '@/constants/coverage-statuses';
import coverageType from '@/constants/coverage-type';
const RECAL_MODAL_REF_NAME = 'RecalModal';
const CANCEL_CLAIM_REF_NAME = 'CancelClaimModal';
export default {
name: 'coverage-statement',
@ -147,7 +153,8 @@ export default {
buttonMain,
textBlock,
textLink,
siteFooter
siteFooter,
cancelClaimModal
},
mixins: [baseFormMixin, vehicleQuestionsMixin],
async beforeRouteEnter(to, from, next) {
@ -208,7 +215,8 @@ export default {
explanatoryText: 'ExplanatoryTextWidget',
nextStep: 'NextStepsWidget'
},
RECAL_MODAL_REF_NAME
RECAL_MODAL_REF_NAME,
CANCEL_CLAIM_REF_NAME
};
},
computed: {
@ -448,9 +456,10 @@ export default {
},
formatAmountInDollars,
cancelClaim() {
this.mainStore.updateIsSafeliteProvider(false);
this.mainStore.setBailout(bailoutMessage.RequestCallback());
this.navigateWithScenario(navigationScenarios.CLICKED_FORWARD_WITH_NON_SAFELITE_SHOP);
this.$refs[this.CANCEL_CLAIM_REF_NAME].openModal();
// this.mainStore.updateIsSafeliteProvider(false);
// this.mainStore.setBailout(bailoutMessage.RequestCallback());
// this.navigateWithScenario(navigationScenarios.CLICKED_FORWARD_WITH_NON_SAFELITE_SHOP);
}
}
};