When I try to edit the settings for accepting payments in all currencies under the "Pricing" component, the checkbox is unchecked every time I return to the "General" section. How can I prevent this from happening and keep the checkbox checked? Refer to the following links for images: 1, 2, 3.
<div class="inline-vertical-align input-convert-values minimun-height">
<div class="inputs-value-container">
<div class="big-value-container">
<mat-checkbox [disabled]="mode === 'view'" [checked]="active?.bothMandatory" (change)="onCheckBoxChange($event, '')"
color="primary">{{ 'managePackages.bothMandatory' | translate }}</mat-checkbox>
</div>
</div>
<div class="inputs-value-container" *ngIf="active?.bothMandatory">
<p [ngClass]="{'disabled': mode === 'view'}" class="underline-button" (click)="distributeEqualy()" >{{ 'managePackages.distributeEqualy' | translate }}</p>
</div>
</div>
<div class="inline-vertical-align input-convert-values minimun-height">
<div class="inputs-value-container">
<div class="big-value-container">
<mat-checkbox [disabled]="active?.bothMandatory || mode === 'view'" [checked]="active?.acceptBnb || active?.bothMandatory"
color="primary" (change)="onCheckBoxChange($event, 'BNB')">BEP20 - Binance</mat-checkbox>
</div>
</div>
<div class="inputs-value-container" *ngIf="active?.bothMandatory">
<div class="big-value-container">
<input [disabled]="mode === 'view'" (keydown.ArrowDown)="blockNegativeNumber($event, $event.target.value)" type="text"
class="input big-value" (input)="verifyCompleteData()" [(ngModel)]="bnbPrice" placeholder="00,0%"
appMaskPercentual>
</div>
</div>
</div>
<div class="inline-vertical-align input-convert-values minimun-height">
<div class="inputs-value-container">
<div class="big-value-container">
<mat-checkbox [disabled]="active?.bothMandatory || mode === 'view'" [checked]="active?.acceptCoin || active?.bothMandatory"
color="primary" (change)="onCheckBoxChange($event, 'Coin')" >TOKEN</mat-checkbox>
</div>
</div>
<div class="inputs-value-container" *ngIf="active?.bothMandatory">
<div class="big-value-container">
<input [disabled]="mode === 'view'" (keydown.ArrowDown)="blockNegativeNumber($event, $event.target.value)" type="text"
class="input big-value" (input)="verifyCompleteData()" [(ngModel)]="coinPrice" placeholder="00,0%"
appMaskPercentual>
</div>
</div>
</div>