How to extend the CookieService

[JatinChimote]

I want to extend the CookieService so that I can add my own convinience functions like resetExpiryTime, extendExpiry etc.
Any idea if this is possible ?

[pavankjadda]

@JatinChimote what error message you extend CookieService now?

[JatinChimote]

I am doing it like this now :

@Injectable({
  providedIn: 'root',
})
export class MyCookieService extends CookieService {

  constructor(
    @Inject(DOCUMENT) private document: Document,
    // Get the `PLATFORM_ID` so we can check if we're in a browser.
    @Inject(PLATFORM_ID) private platformId
  ) {
    super(document, platformId);
  }

  public resetCookieExpiry(): void {

  }
}

And Error says ...

Error: apps/data/src/app/core/services/cookie.service.ts:10:14 - error TS2415: Class 'MyCookieService' incorrectly extends base class 'CookieService'.
  Types have separate declarations of a private property 'document'.

10 export class MyCookieService extends CookieService {
                ~~~~~~~~~~~~~~~~


Error: apps/data/src/app/core/services/cookie.service.ts:13:5 - error TS4115: This parameter property must have an 'override' modifier because it overrides a member in base class 'CookieService'.

13     @Inject(DOCUMENT) private document: Document,
       ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~


Error: apps/data/src/app/core/services/cookie.service.ts:15:5 - error TS4115: This parameter property must have an 'override' modifier because it overrides a member in base class 'CookieService'.

15     @Inject(PLATFORM_ID) private platformId
       ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~


Error: apps/data/src/app/core/services/cookie.service.ts:15:5 - error TS7006: Parameter 'platformId' implicitly has an 'any' type.

15     @Inject(PLATFORM_ID) private platformId
       ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

[pavankjadda]

@JatinChimote Create it like this. You can not have private member with same name in extended class

@Injectable({
	providedIn: 'root',
})
export class MyCookieService extends CookieService {
	constructor(
		@Inject(DOCUMENT) document: Document,
		@Inject(PLATFORM_ID) platformId
	) {
		super(document, platformId);
	}
}