Untitled
unknown
plain_text
19 days ago
39 kB
2
Indexable
Never
<template>
<div class="errorDiv" lwc:dom="manual"></div>
<div class="slds-modal__content slds-custom-modal__content" style="height:calc(100vh - 160px);overflow:auto;">
<header class="slds-modal__header">
<h2 class="slds-modal__title slds-hyphenate">Client Service Form</h2>
</header>
<div if:true={isDataLoaded} class="slds-p-around_medium">
<!--This toast message will be visible only when we are using forms from callscript as Toast event doesnt ork when lwc is embedded inside VF --->
<div data-id="redDiv">
<c-custom-Toast message ={customToastMessage} variant={customToastvariant} auto-close="true" ></c-custom-Toast>
</div>
<!-- ContactInformation Section --->
<div class="slds-section slds-is-open" id="ContactInformation">
<h3 class="slds-section__title" onclick={toggleSection}>
<button aria-controls="expando-unique-id" aria-expanded="true" class="slds-button slds-section__title-action slds-section-title" >
<lightning-icon icon-name="utility:switch" alternative-text="switch" size="x-small" class="slds-section__title-action-icon slds-button__icon_left"></lightning-icon>
<span class="slds-truncate" title="Contact Information">Contact Information</span>
</button>
</h3>
<div aria-hidden="false" class="slds-section__content slds-p-around_small">
<c-contact-information-section data-cmptype="primary" contact={serviceFormData.primaryContact} is-primary="true"></c-contact-information-section>
</div>
</div>
<!-- ContactInformation Section End--->
<!-- Billing address Information Section --->
<div class="slds-section slds-is-open" id="PrimaryIndividualBillingAddress">
<h3 class="slds-section__title" onclick={toggleSection}>
<button aria-controls="expando-unique-id" aria-expanded="true" class="slds-button slds-section__title-action slds-section-title" >
<lightning-icon icon-name="utility:switch" alternative-text="switch" size="x-small" class="slds-section__title-action-icon slds-button__icon_left"></lightning-icon>
<span class="slds-truncate" title="Primary Individual Billing Address">Primary Individual Billing Address</span>
</button>
</h3>
<div aria-hidden="false" class="slds-section__content slds-p-around_small">
<c-billing-information-section
form-type="SERVICE_FORM"
data-cmptype="primary"
is-primary="true"
address-api-off={serviceFormData.api.isAddressApiUsageOff}
contact={serviceFormData.primaryContact}
onuniquevalidation={validateContactAgainstEachOther}
formsource={source}>
</c-billing-information-section>
</div>
</div>
<!-- Billing address Information Section End--->
<!-- Spouse Information Section --->
<div if:true={isCoupleSubscription} class="slds-section slds-is-open spouse-information_section" id="SpouseInformation">
<h3 class="slds-section__title" onclick={toggleSection}>
<button aria-controls="expando-unique-id" aria-expanded="true" class="slds-button slds-section__title-action slds-section-title" >
<lightning-icon icon-name="utility:switch" alternative-text="switch" size="x-small" class="slds-section__title-action-icon slds-button__icon_left"></lightning-icon>
<span class="slds-truncate" title="Family Member Information" style="width:100%;">Family Member Information
<a if:true={isSpouseSearchButtonVisible} style="font-size: 16px;float:right;margin-right: 2rem;padding:2px 0px">
<lightning-button variant="brand" label="Search Family Member" title="Search Family Member" onclick={startSpouseSearchProcess}></lightning-button></a>
</span>
</button>
</h3>
<div aria-hidden="false" class="slds-section__content slds-p-around_small">
<c-contact-information-section data-cmptype="spouse" contact={serviceFormData.spouseContact}></c-contact-information-section>
<c-billing-information-section
form-type="SERVICE_FORM"
data-cmptype="spouse"
address-api-off={serviceFormData.api.isAddressApiUsageOff}
contact={serviceFormData.spouseContact}
is-opportunity-active={isOpportunityActive}
oncopyingprimaryaddress={copyPrimaryaddressToSpouse}
onmakingprimary={handleMakingPrimary}
ontransunionrequest={handleMakingTranunionRequest}
onuniquevalidation={validateContactAgainstEachOther}
formsource={source}>
</c-billing-information-section>
</div>
</div>
<!-- Spouse Information Section End--->
<!-- Package Information Section --->
<div class="slds-section slds-is-open" id="PackageInformation">
<h3 class="slds-section__title" onclick={toggleSection}>
<button aria-controls="expando-unique-id" aria-expanded="true" class="slds-button slds-section__title-action slds-section-title" >
<lightning-icon icon-name="utility:switch" alternative-text="switch" size="x-small" class="slds-section__title-action-icon slds-button__icon_left"></lightning-icon>
<span class="slds-truncate" title="Package Information">Package Information</span>
</button>
</h3>
<div aria-hidden="false" class="slds-section__content slds-p-around_small">
<div class="slds-form__row">
<div class="slds-form__item" role="listitem">
<div class="slds-form-element_stacked slds-clearfix">
<label class="slds-form-element__label slds-float_left" >Is this for an individual or Family?</label>
<c-combobox label="Is this for an individual or Family?" variant="label-hidden" options={individualOrCoupleOptions} value={serviceFormData.selectedPackage.IndividualOrCouple} disabled="true"></c-combobox>
</div>
</div>
<div class="slds-form__item" role="listitem">
<div class="slds-form-element_stacked slds-clearfix">
<label class="slds-form-element__label slds-float_left">Original Enrolling Package</label>
<div class="slds-form-element__control">
<input type="text" class="slds-input cancelDisable" value={serviceFormData.opp.Original_Credit_Pros_Service__r.Name} style="pointer-events: none;"/>
</div>
</div>
</div>
</div>
<div class="slds-form__row">
<div class="slds-form__item" role="listitem">
<div class="slds-form-element_stacked slds-clearfix">
<label class="slds-form-element__label slds-float_left">Downsell Packages</label>
<c-combobox data-type="downshell" disabled={isDownsellDisabled} label="Downsell Packages" variant="label-hidden" options={serviceFormData.downShellPackages} onchange={handleDownshellOptionChange}></c-combobox>
</div>
</div>
<div class="slds-form__item" role="listitem">
<div class="slds-form-element_stacked slds-clearfix">
<label class="slds-form-element__label slds-float_left">Upgrade</label>
<c-combobox data-type="upgrade" label="Upgrade" variant="label-hidden" options={serviceFormData.upgradedPackages} onchange={handleUpgradeOptionChange}></c-combobox>
</div>
</div>
</div>
<div class="slds-form__row">
<div class="slds-form__item" role="listitem">
<div class="slds-form-element_stacked slds-clearfix">
<label class="slds-form-element__label slds-float_left">Current Package</label>
<div class="slds-form-element__control">
<input type="text" class="slds-input cancelDisable" value={serviceFormData.opp.ProductName__c} style="pointer-events: none;"/>
</div>
</div>
</div>
<div class="slds-form__item" role="listitem">
<div class="slds-form-element_stacked slds-clearfix">
<label class="slds-form-element__label slds-float_left">Updated Package</label>
<div class="slds-form-element__control">
<input type="text" data-type="updatedPackage" class="slds-input" style="pointer-events: none;"/>
</div>
</div>
</div>
</div>
<div class="slds-form__row">
<!--<div class="slds-form__item" role="listitem">
<div class="slds-form-element_stacked slds-clearfix">
<label class="slds-form-element__label slds-float_left slds-checkbox_toggle slds-grid">SPP Removed</label>
<div class="slds-form-element__control">
<label class="slds-checkbox_toggle slds-grid">
<input type="checkbox" data-id="toggle1" name="checkbox-toggle-22" value={serviceFormData.primaryContact.SPP_Removed__c} aria-describedby="checkbox-toggle-22" checked={chechBox} onchange={changeToggle}/>
<span id="checkbox-toggle-22" class="slds-checkbox_faux_container" aria-live="assertive">
<span class="slds-checkbox_faux"></span>
<span class="slds-checkbox_on">Enabled</span>
<span class="slds-checkbox_off">Disabled</span>
</span>
</label>
</div>
</div>
</div>-->
<div class="slds-form__item" role="listitem">
<div class="slds-form-element_stacked slds-clearfix">
<div class="slds-form-element__control">
</div>
</div>
</div>
</div>
<div class="slds-m-top_medium" style="text-align:center;">
<template if:true={isCoupleSubscription}>
<button type="button" class="slds-button slds-button_brand slds-m-right_xx-small" data-actiontype="REMOVE_FAMILY_MEMBER" onclick={packageChangeConfirmation}>Remove Family Member</button>
<button if:false={isPackageTypePFR} type="button" class="slds-button slds-button_brand slds-m-right_xx-small" data-actiontype="ADD_FAMILY_PFR" onclick={packageChangeConfirmation}>Add Family PFR</button>
</template>
<template if:false={isCoupleSubscription}>
<button type="button" class="slds-button slds-button_brand slds-m-right_xx-small" data-actiontype="ADD_FAMILY_MEMBER" onclick={packageChangeConfirmation}>Family Add-On</button>
</template>
<button if:true={isPackageTypePFR} type="button" class="slds-button slds-button_brand slds-m-right_xx-small" data-actiontype="REMOVE_PFR" onclick={packageChangeConfirmation}>Remove PFR</button>
</div>
</div>
</div>
<!-- Package Information Section End--->
<!----------- Billing Options section starts here -------------->
<div class="slds-section slds-is-open BillingOptionsSection" id="BillingOptions">
<h3 class="slds-section__title" onclick={toggleSection}>
<button aria-controls="expando-unique-id" aria-expanded="true" class="slds-button slds-section__title-action slds-section-title" >
<lightning-icon icon-name="utility:switch" alternative-text="switch" size="x-small" class="slds-section__title-action-icon slds-button__icon_left"></lightning-icon>
<span class="slds-truncate" title="Billing Options">Billing Options</span>
</button>
</h3>
<div aria-hidden="false" class="slds-section__content slds-p-around_small" id="BillingOptionsContent">
<div class="slds-grid slds-wrap" style="font-weight:bold;font-size:16px;">
<div class="slds-col slds-size_1-of-1 slds-medium-size_1-of-1 slds-large-size_6-of-12" id="nextScheduledPaymentDiv">
Current Next Scheduled Payment: {serviceFormData.currentNextTransactionDate}
</div>
<div class="slds-col slds-size_1-of-1 slds-medium-size_1-of-1 slds-large-size_3-of-12">
Enrollment Balance: <span style={enrollmentBalanceCss}>${serviceFormData.opp.enrollment_balance__c}</span>
</div>
<div class="slds-col slds-size_1-of-1 slds-medium-size_1-of-1 slds-large-size_3-of-12">
Net Balance Due: <span style={netBalanceDueCss}>${serviceFormData.opp.Net_Balance_Due__c}</span>
</div>
</div>
<div class="slds-form-element slds-form-element_horizontal slds-m-top_small">
<div class="slds-form-element__control slds-subscription_ext extendedMaindiv" style="padding-left: 0%;font-size:16px;clear: left;">
Extend Next Subscription Date to [
<select if:true={issubScriptionExtensionDisabled} class="slds-select" disabled>
<template for:each={subscriptionExtensionOptions} for:item="option">
<option key={option.value} value={option.value}>{option.label}</option>
</template>
</select>
<select if:false={issubScriptionExtensionDisabled} data-type="subscriptionExtension" value={serviceFormData.numberOfMonthsSubscriptionExtended} class="slds-select" onchange={handleSubscriptionExtension}>
<template for:each={subscriptionExtensionOptions} for:item="option">
<option key={option.value} value={option.value}>{option.label}</option>
</template>
</select>
] "Months"( <span class="slds-forcasted_next-date">MM/DD/YYYY</span> )
<lightning-helptext content="The action will not forgive pre-existing amount due, use this when client calls ahead of schedule subscription and needs the upcoming payment(s) waived up to three months"></lightning-helptext>
</div>
<span style="color:red" class="slds-hide slds-has-error extendedDiv" id="form-error-01">ERROR:Cannot Waive transaction, there is already a waiver in this account. </span>
</div>
<div class="slds-form__row">
<div class="slds-form__item" role="listitem">
<div class="slds-form-element_stacked slds-clearfix">
<label class="slds-form-element__label slds-float_left" >One time future Subscription charge date</label>
<lightning-input if:true={isOneTimefutureSubscriptionDateDisabled} disabled type="date" date-style="short" label="One time future Subscription charge date" variant="label-hidden"></lightning-input>
<lightning-input data-type="onetimefuturedate" if:false={isOneTimefutureSubscriptionDateDisabled} type="date" date-style="short" label="One time future Subscription charge date" variant="label-hidden" onchange={handleOneTimeSubscriptionDate}></lightning-input>
</div>
</div>
<div class="slds-form__item" role="listitem">
<div class="slds-form-element_stacked slds-clearfix">
<label class="slds-form-element__label slds-float_left" >Recurring Charge Date</label>
<c-combobox data-type="chargedate" label="Recurring Charge Date" variant="label-hidden" options={recurringChargeDateOptions} value={serviceFormData.opp.Charge_Date__c} disabled={isOneTimefutureSubscriptionDateDisabled} onchange={handleRecurringChargeDateChange}></c-combobox>
</div>
</div>
</div>
<div class="slds-form__row">
<div class="slds-form__item" role="listitem">
<div class="slds-form-element_stacked slds-clearfix">
<label class="slds-form-element__label slds-float_left" >2nd Setup Fee Amount</label>
<lightning-input type="number" disabled formatter="currency" name="SetupFee2_Amount__c" label="2nd Setup Fee Amount" variant="label-hidden" value={serviceFormData.opp.SetupFee2_Amount__c}></lightning-input>
</div>
</div>
<div class="slds-form__item" role="listitem">
<div class="slds-form-element_stacked slds-clearfix">
<label class="slds-form-element__label slds-float_left" >2nd Setup Fee Date</label>
<lightning-input type="date" if:true={is2ndSetupFeeDateDisabled} disabled name="SetupFee2_Date__c" date-style="short" label="2nd Setup Fee Date" variant="label-hidden" value={serviceFormData.opp.SetupFee2_Date__c} ></lightning-input>
<lightning-input type="date" if:false={is2ndSetupFeeDateDisabled} data-type="SetupFee2_Date__c" date-style="short" name="SetupFee2_Date__c" label="2nd Setup Fee Date" variant="label-hidden" value={serviceFormData.opp.SetupFee2_Date__c} onchange={validate2ndSetupDate}></lightning-input>
</div>
</div>
</div>
<div class="slds-form__row">
<div class="slds-form__item" role="listitem">
<div class="slds-form-element_stacked slds-clearfix">
<label class="slds-form-element__label slds-float_left" >Debt Payment Amount</label>
<lightning-input if:true={isDebtPaymentDisabled} disabled={isDisable} disabled type="number" formatter="currency" name="Debt_Payment__c" label="Debt Payment Amount" variant="label-hidden" value={serviceFormData.opp.Debt_Payment__c} ></lightning-input>
<lightning-input if:false={isDebtPaymentDisabled} disabled={isDisable} data-name="Debt_Payment__c" type="number" formatter="currency" step="0.01" name="Debt_Payment__c" label="Debt Payment Amount" variant="label-hidden" value={serviceFormData.opp.Debt_Payment__c} onchange={validateDebtPaymentAmount}></lightning-input>
</div>
</div>
<div class="slds-form__item" role="listitem">
<div class="slds-form-element_stacked slds-clearfix">
<label class="slds-form-element__label slds-float_left" >Debt Payment Date</label>
<lightning-input if:true={isDebtPaymentDisabled} disabled={isDisable} disabled type="date" date-style="short" name="Debt_Payment_Date__c" label="Debt Payment Date" variant="label-hidden" value={serviceFormData.opp.Debt_Payment_Date__c}></lightning-input>
<lightning-input if:false={isDebtPaymentDisabled} disabled={isDisable} data-name="Debt_Payment_Date__c" type="date" date-style="short" name="Debt_Payment_Date__c" label="Debt Payment Date" variant="label-hidden" value={serviceFormData.opp.Debt_Payment_Date__c} onchange={validateDebtPaymentDate}></lightning-input>
</div>
</div>
</div>
<!-- <div class="slds-form__row">
<div class="slds-form__item" role="listitem">
<div class="slds-form-element_stacked slds-clearfix">
<c-lookup isdisabled={isDebtPaymentDisabled} objecttype="User" data-type="user" searchagainst="Name" label="Debt Agent Owner" lookupicon="standard:user" max-results="5" onselection={handleDebtAgentOwnerSelection} ></c-lookup>
</div>
</div>
<div class="slds-form__item" role="listitem">
<div class="slds-form-element_stacked">
</div>
</div>
</div> -->
</div>
</div>
<!----------- Billing Options section ends here -------------->
<!----------- Credit Card Section section starts here -------------->
<div class="slds-section slds-is-open" id="CreditCardInformationOptions">
<h3 class="slds-section__title" onclick={toggleSection}>
<button aria-controls="expando-unique-id" aria-expanded="true" class="slds-button slds-section__title-action slds-section-title" >
<lightning-icon icon-name="utility:switch" alternative-text="switch" size="x-small" class="slds-section__title-action-icon slds-button__icon_left"></lightning-icon>
<span class="slds-truncate" title="Credit Card Information">Credit Card Information</span>
</button>
</h3>
<div aria-hidden="false" class="slds-section__content slds-p-around_small" id="CreditCardInformationContent">
<div class="slds-form">
<div class="slds-form__row">
<div class="slds-form__item" role="listitem">
<div class="slds-form-element_stacked slds-clearfix">
<label class="slds-form-element__label slds-float_left" >Net Balance Due</label>
<lightning-input disabled type="text" name="Net_Balance_Due__c" label="Net Balance Due" variant="label-hidden" value={serviceFormData.creditCardInfo.TotalNetBalanceDue}></lightning-input>
</div>
</div>
<div class="slds-form__item" role="listitem">
<div class="slds-form-element_stacked slds-clearfix">
<label class="slds-form-element__label slds-float_left" >Charge Amount</label>
<lightning-input data-name="ChargeAmount" disabled={isDisable} type="number" name="ChargeAmount" label="Charge Amount" variant="label-hidden" value={serviceFormData.creditCardInfo.ChargeAmount} formatter="currency" step="0.01" onchange={handleCreditCardFieldChange} disabled={isDebtPaymentDisabled}></lightning-input>
</div>
</div>
</div>
<div class="slds-form__row">
<div class="slds-form__item" role="listitem">
<div class="slds-form-element_stacked slds-clearfix">
<label class="slds-form-element__label slds-float_left" >Credit Amount</label>
<lightning-input if:true={isDisableCreditCard} disabled data-name="CreditAmount" type="number" name="CreditAmount" label="Credit Amount" variant="label-hidden" value={serviceFormData.creditCardInfo.CreditAmount} formatter="currency" step="0.01" onchange={handleCreditCardFieldChange} field-level-help="Use to forgive full or partial amount due"></lightning-input>
<lightning-input if:false={isDisableCreditCard} disabled={isDisable} data-name="CreditAmount" type="number" name="CreditAmount" label="Credit Amount" variant="label-hidden" value={serviceFormData.creditCardInfo.CreditAmount} formatter="currency" step="0.01" onchange={handleCreditCardFieldChange} field-level-help="Use to forgive full or partial amount due"></lightning-input> </div>
</div>
<div class="slds-form__item" role="listitem">
<div class="slds-form-element_stacked slds-clearfix">
<label class="slds-form-element__label slds-float_left" >Selected Recurring Card</label>
<c-combobox
label="Selected Recurring Card"
variant="label-hidden"
value={serviceFormData.creditCardInfo.selectedCreditCardId}
options={serviceFormData.creditCardInfo.availableCreditCards}
onchange={handleRecurringCardChange}>
</c-combobox>
</div>
</div>
</div>
<fieldset class="slds-form-element slds-form-element_compound">
<div class="slds-form-element__control slds-clearfix">
<div class="slds-form-element__row">
<div class="slds-size_3-of-12 slds-form-compound-padding">
<label class="slds-form-element__label slds-float_left" >Card Number</label>
<lightning-input if:true={isCreditcardDisabled} label="Card Number" variant="label-hidden" type="text" data-type="Card" class="custom-disabled" max-length="16" value={serviceFormData.creditCardInfo.encryptedCardNumber}></lightning-input>
<lightning-input if:false={isCreditcardDisabled} label="Card Number" variant="label-hidden" type="text" data-type="Card" onkeypress={stopTextEntry} max-length="16" value={serviceFormData.creditCardInfo.encryptedCardNumber} onblur={validateCreditCard}></lightning-input>
</div>
<div class="slds-size_3-of-12 slds-form-compound-padding">
<div class="slds-form-element expirationMonthMainDiv">
<label class="slds-form-element__label slds-float_left" >Expiration Month</label>
<lightning-input if:true={isCreditcardDisabled} label="Expiration Month" variant="label-hidden" disabled type="text" data-type="Exp_Month" max-length="2" onkeypress={stopTextEntry} value={serviceFormData.creditCardInfo.CardExpMonth} onchange={validateCreditCardMonth}></lightning-input>
<lightning-input if:false={isCreditcardDisabled} label="Expiration Month" variant="label-hidden" type="text" data-type="Exp_Month" max-length="2" onkeypress={stopTextEntry} value={serviceFormData.creditCardInfo.CardExpMonth} onchange={validateCreditCardMonth} onblur={validateCreditCardMonth}></lightning-input>
</div>
</div>
<div class="slds-size_3-of-12 slds-form-compound-padding">
<div class="slds-form-element expirationYearMainDiv">
<label class="slds-form-element__label slds-float_left" >Expiration Year</label>
<lightning-input if:true={isCreditcardDisabled} label="Expiration Year" variant="label-hidden" disabled type="text" data-type="Exp_Year" max-length="4" onkeypress={stopTextEntry} value={serviceFormData.creditCardInfo.CardExpYear} onchange={validateCreditCardYear}></lightning-input>
<lightning-input if:false={isCreditcardDisabled} label="Expiration Year" variant="label-hidden" type="text" data-type="Exp_Year" max-length="4" onkeypress={stopTextEntry} value={serviceFormData.creditCardInfo.CardExpYear} onblur={validateCreditCardYear}></lightning-input>
</div>
</div>
<div class="slds-size_3-of-12 slds-form-compound-padding slds-clearfix">
<div class="slds-form-element expirationCvvMainDiv">
<label class="slds-form-element__label slds-float_left" >Card CVV</label>
<lightning-input if:true={isCreditcardDisabled} label="Card CVV" variant="label-hidden" disabled type="text" data-type="CVV" max-length="4" onkeypress={stopTextEntry} value={serviceFormData.creditCardInfo.CardCVV} onblur={validateCreditCardCVV}></lightning-input>
<lightning-input if:false={isCreditcardDisabled} label="Card CVV" variant="label-hidden" type="text" data-type="CVV" max-length="4" onkeypress={stopTextEntry} value={serviceFormData.creditCardInfo.CardCVV} onblur={validateCreditCardCVV}></lightning-input>
</div>
</div>
</div>
<div class="slds-form-element__row">
<div class="slds-size_1-of-1 slds-form-compound-padding slds-clearfix">
<label class="slds-form-element__label slds-float_left" >Payment Categories</label>
<c-combobox data-type="paymentcategories" label="Selected Recurring Card" variant="label-hidden"
value="" options={paymentCategoriesOptions}
onchange={validatePaymentCategory}>
</c-combobox>
</div>
</div>
</div>
</fieldset>
</div>
</div>
</div>
<!----------- Credit Card Section section ends here -------------->
</div>
<div if:true={isOpportunityCancelled}>
<div class="slds-align_absolute-center" style="height:calc(100vh - 225px);font-size:17px;font-weight:500; text-align: center;">
Opportunity is cancelled, with No Net Balance due.<br/>
To use Service Form , client must be first re-enrolled through Re-enroll button.
</div>
</div>
<div if:true={isOpportunityWarmLead}>
<div class="slds-align_absolute-center" style="height:calc(100vh - 225px);font-size:17px;font-weight:500; text-align:center;">
Contact cannot be a warm lead.<br/>
To use Service Form , client must be first enrolled through Intake Form.
</div>
</div>
</div>
<footer if:true={isOpportunityActive} class="slds-modal__footer">
<button if:true={isChargeAndUpdateButtonDisabled} disabled class="slds-button slds-button_brand slds-m-right_xx-small">Charge and Update</button>
<button if:false={isChargeAndUpdateButtonDisabled} class="slds-button slds-button_brand slds-m-right_xx-small" data-actiontype="CHARGE_AND_UPDATE" onclick={validateBeforeUpdate}>Charge and Update</button>
<button if:true={is2ndSetupFeeButtonDisabled} disabled class="slds-button slds-button_brand slds-m-right_xx-small">Charge 2nd Setup Fee</button>
<button if:false={is2ndSetupFeeButtonDisabled} class="slds-button slds-button_brand slds-m-right_xx-small" data-actiontype="CHARGE_2NDSETUP_FEE" onclick={validateBeforeUpdate}>Charge 2nd Setup Fee</button>
<button if:true={isUpdateOnlyButtonDisabled} disabled class="slds-button slds-button_brand slds-m-right_xx-small">Update Only</button>
<button if:false={isUpdateOnlyButtonDisabled} class="slds-button slds-button_brand slds-m-right_xx-small" data-actiontype="UPDATE_ONLY" onclick={validateBeforeUpdate}>Update Only</button>
</footer>
<footer if:false={isOpportunityActive} class="slds-modal__footer">
<button class="slds-button slds-button_brand slds-m-right_xx-small" onclick={closeServiceForm}>Done</button>
</footer>
<lightning-spinner if:true={isLoading} alternative-text="Loading" size="medium" variant="brand"></lightning-spinner>
<!---------------------------------------------------- Family Add-On/Removal || PFR Add/Removal Modal Popup ------------------------------------------------>
<c-modal-popup if:true={showPackageChangeConfirmationModal} oncancel={packageChangeConfirmation} onconfirmation={managePackageChangeConfirmation} formsource={source}>
<span slot="header">{packageChangeModalHeader}</span>
<span slot="body">Package option was changed. Please confirm change.</span>
</c-modal-popup>
<c-modal-popup if:true={hasChargeAmountOnUpdateOnly} oncancel={cancelChargeAmountWarning} onconfirmation={confirmUpdateOnlyWithoutTransaction} formsource={source}>
<span slot="header">Update Only</span>
<span slot="body">Please know that no transactions will be created for the amount entered in charge or credit amount. Use Charge and Update to make transactions. Click confirm to continute without transactions.</span>
</c-modal-popup>
<c-modal-popup if:true={showDoNotHonurModal} oncancel={hideDoNotHonurModal} onconfirmation={resendAfterDoNotHonorResponse} formsource={source}>
<span slot="header">Transaction Failed</span>
<span slot="body">
<span style="font-size: 1rem;color:red;font-weight: bold;">DO NOT HONOR! </span> <br/>
<span style="font-size: 1rem;color:red;font-weight: bold;">
"The gateway declined this attempt, however we are re attempting, await a few seconds before notifying client"
</span> <br/>
</span>
</c-modal-popup>
<c-modal-popup if:true={showTransactionFailedModal} confirm-button-label="Agrees" oncancel={hideTransactionFailedModal} onconfirmation={agreesTransactionFailedModal} formsource={source}>
<span slot="header">Transaction Failed <lightning-icon icon-name="utility:close" variant="error" size="small"></lightning-icon></span>
<span slot="body">{transactionErrorMessage}</span>
</c-modal-popup>
<c-modal-popup if:true={showBinBlockCardModal} confirm-button-label="Agrees" oncancel={redirectBackToParent} onconfirmation={submitNewCardAfterBlock} formsource={source}>
<span slot="header"><lightning-icon icon-name="utility:warning" variant="error" size="small"></lightning-icon></span>
<span slot="body">Unfortunately, we do not accept this card. Do you have another card we can use to get started?</span>
</c-modal-popup>
<c-modal-popup if:true={showMakePrimaryconfirmation} oncancel={cancelMakePrimaryconfirmation} onconfirmation={confirmMakingPrimary} formsource={source}>
<span slot="header">Make Primary?</span>
<span slot="body">{makePrimaryConfirmationBody}</span>
</c-modal-popup>
<c-modal-popup if:true={showDuplicateAttemptModal} oncancel={hideDuplicateAttemptModal} onconfirmation={hideDuplicateAttemptModal} formsource={source}>
<span slot="header">WARNING <lightning-icon icon-name="utility:warning" variant="error" size="small"></lightning-icon></span>
<span slot="body">{multipleAttemptTransaction} </span>
</c-modal-popup>
<c-modal-popup if:true={isSameTransactionMessageOpen} oncancel={cancelSameTransaction} onconfirmation={confirmSameTransaction} formsource={source} confirm-button-label="Yes" cancel-button-label="No">
<span slot="header">Confirm Payment</span>
<span slot="body">There is a payment already processed on {lastTransactionDate}. Do you want to continue?</span>
</c-modal-popup>
<c-spouse-search if:true={showSpouseSeachComponent} oncancel={cancelSpouseSearchProcess} onspouseselection={handleSpouseSelection} formsource={source}></c-spouse-search>
<c-cst-owner-selection if:true={showCstOwnerScreen} oncancel={cancelCSTSelection} onsubmission={submitCSTAndServiceForm} formsource={source}></c-cst-owner-selection>
</template>Leave a Comment