@sambath999/localize-token 12.3.0 → 12.3.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (20) hide show
  1. package/bundles/sambath999-localize-token.umd.js +509 -169
  2. package/bundles/sambath999-localize-token.umd.js.map +1 -1
  3. package/esm2015/localize-logindlg/localize-logindlg.component.js +60 -26
  4. package/esm2015/localize-logindlg/localize-logindlg.service.js +34 -7
  5. package/esm2015/localize-token/helpers/interfaces.js +12 -0
  6. package/esm2015/localize-token/helpers/loccalize.api.helper.js +270 -0
  7. package/esm2015/localize-token/localize.api.service.js +127 -89
  8. package/esm2015/localize-token/localize.token.service.js +3 -1
  9. package/esm2015/localize-token/public-api.js +3 -1
  10. package/fesm2015/sambath999-localize-token.js +493 -117
  11. package/fesm2015/sambath999-localize-token.js.map +1 -1
  12. package/localize-logindlg/localize-logindlg.component.d.ts +6 -1
  13. package/localize-logindlg/localize-logindlg.service.d.ts +44 -0
  14. package/localize-token/helpers/interfaces.d.ts +93 -0
  15. package/localize-token/helpers/loccalize.api.helper.d.ts +34 -0
  16. package/localize-token/localize.api.service.d.ts +24 -45
  17. package/localize-token/localize.token.service.d.ts +1 -1
  18. package/localize-token/public-api.d.ts +2 -0
  19. package/package.json +1 -1
  20. package/sambath999-localize-token.metadata.json +1 -1
package/localize-token/localize.api.service.d.ts CHANGED
@@ -1,67 +1,46 @@
1
+ import { OnDestroy } from "@angular/core";
1
2
  import { LocalizeTokenService } from "./localize.token.service";
2
3
  import { HttpClient } from "@angular/common/http";
3
4
  import { BehaviorSubject } from "rxjs";
4
- /**
5
- * Http method options
6
- */
7
- export declare enum EMethod {
8
- POST = 1,
9
- GET = 2,
10
- PUT = 3,
11
- DELETE = 4,
12
- PATCH = 5
13
- }
14
- interface ILocalizeApiConfigs {
15
- tenantTokenName?: string;
16
- onPrepareRequest?: () => any;
17
- /**
18
- * A function that is called when refresh token is missing then perform the auto logout.
19
- * @returns - The base URL of the API.
20
- */
21
- onAutoLogout?: () => any;
22
- /**
23
- * A function that is called when request revoking token unauthorized.
24
- * @returns - The login dialog service.
25
- */
26
- onRevokeUnauthorized?: () => any;
27
- /**
28
- * The time to wait for each request to complete in milliseconds.
29
- * Be careful with this option, it may cause the application to hang if the request is not completed.
30
- */
31
- waitEachRequest?: {
32
- milliseconds: number;
33
- };
34
- }
35
- export declare class LocalizeApiService {
5
+ import { ILocalizeApiConfigs, EMethod, IHeader } from "./helpers/interfaces";
6
+ export declare class LocalizeApiService implements OnDestroy {
36
7
  readonly httpClient: HttpClient;
37
8
  private readonly localizeTokenService;
9
+ private readonly destroy$;
38
10
  readonly isRequestingSubject: BehaviorSubject<boolean>;
39
- readonly isResolvedStartupSubject: BehaviorSubject<boolean>;
11
+ readonly needTenant: boolean;
40
12
  get isRequesting(): boolean;
41
- get isResolvedStartup(): boolean;
42
- private apiConfigs;
13
+ get isRevokingToken(): boolean;
14
+ set isRevokingToken(value: boolean);
15
+ get accessToken(): string | undefined;
16
+ set accessToken(value: string | undefined);
17
+ get refreshToken(): string | undefined;
18
+ get tenantToken(): string | undefined;
19
+ private config;
20
+ private apiOptions;
43
21
  constructor(httpClient: HttpClient, localizeTokenService: LocalizeTokenService);
44
22
  /**
45
23
  * Initialize the API service.
46
24
  * @param apiConfigs - The API configurations.
47
25
  */
48
26
  init(apiConfigs: ILocalizeApiConfigs): void;
27
+ cancelPendingRequests(): void;
28
+ ngOnDestroy(): void;
49
29
  /**
50
30
  * A higher-order function that returns a curried function for making API requests.
51
31
  *
52
32
  * @param baseUrl - The base URL of the API.
53
33
  * @returns A curried function that can be used to make API requests.
54
34
  */
55
- func: (baseUrl: string) => (path: string, method?: EMethod, value?: any, isFormData?: boolean, headers?: {
56
- [x: string]: string;
57
- }) => Promise<any>;
58
- private base;
59
- private onUnauthorizedError;
60
- private toWaitForPreviousRequest;
61
- private processRequest;
35
+ func: (baseUrl: string) => <T = any>(path: string, method?: EMethod, reqBody?: any, reqHeaders?: IHeader) => Promise<T>;
36
+ request<T = any>(baseUrl: string, path: string, method?: EMethod, reqBody?: any, reqHeaders?: IHeader): Promise<T>;
37
+ private handleOnRequestError;
38
+ private performRequest;
62
39
  private revokeToken;
63
40
  /** default http request options */
64
- private options;
65
- private ifPromise;
41
+ private buildHeaderOptions;
42
+ private buildApiOptions;
43
+ private toWaitForPreviousRequest;
44
+ private handleOnTokenRevoked;
45
+ private interceptRevokeToken;
66
46
  }
67
- export {};
package/localize-token/localize.token.service.d.ts CHANGED
@@ -18,7 +18,7 @@ export declare class LocalizeTokenService {
18
18
  set accessToken(value: string | undefined);
19
19
  get isRevokingToken(): boolean;
20
20
  set isRevokingToken(value: boolean);
21
- tenantToken(name: string): string;
21
+ tenantToken(name: string | undefined): string;
22
22
  private storageGet;
23
23
  private storageSet;
24
24
  decodeToken: (token: string) => JwtPayload;
package/localize-token/public-api.d.ts CHANGED
@@ -1,5 +1,7 @@
1
1
  export * from "./localize.token.service";
2
2
  export * from "./localize.token";
3
+ export * from "./helpers/interfaces";
4
+ export * from "./helpers/loccalize.api.helper";
3
5
  export * from "./localize.token.storage";
4
6
  export * from "./localize.token.module";
5
7
  export * from "./localize.api.service";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sambath999/localize-token",
3
- "version": "12.3.0",
3
+ "version": "12.3.2",
4
4
  "description": "localize token client app",
5
5
  "type": "module",
6
6
  "repository": {
package/sambath999-localize-token.metadata.json CHANGED
@@ -1 +1 @@
1
- {"__symbolic":"module","version":4,"metadata":{"JwtPayload":{"__symbolic":"interface"},"LocalizeTokenService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":19,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"tenantToken":[{"__symbolic":"method"}],"storageGet":[{"__symbolic":"method"}],"storageSet":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"ILocalizeTokenConfig":{"__symbolic":"interface"},"LocalizeToken":{"__symbolic":"class","members":{},"statics":{"config":{"mainDomain":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"extractMainDomain"}},"authTokenName":"auth-token","refreshTokenName":"_lze_rftkp_","needTenant":false,"isProduction":false,"revokeTokenUrl":""},"storage":{"__symbolic":"new","expression":{"__symbolic":"reference","name":"LocalizeTokenStorage"}},"httpHeaders":{"AUTHORIZATION":"Authorization","X_TENANT":"X-Tenant","X_REFRESH_TOKEN":"X-RefreshToken","CONTENT_TYPE":"Content-Type"}}},"waitFor":{"__symbolic":"function"},"waitUntil":{"__symbolic":"function"},"extractMainDomain":{"__symbolic":"function"},"ICookieOptions":{"__symbolic":"interface"},"LocalizeTokenStorage":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"any"}]}],"check":[{"__symbolic":"method"}],"get":[{"__symbolic":"method"}],"getAll":[{"__symbolic":"method"}],"set":[{"__symbolic":"method"}],"delete":[{"__symbolic":"method"}],"deleteAll":[{"__symbolic":"method"}]}},"LocalizeTokenModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":4,"character":1},"arguments":[{"providers":[{"__symbolic":"reference","name":"LocalizeTokenService"},{"__symbolic":"reference","name":"LocalizeApiService"}]}]}],"members":{}},"EMethod":{"POST":1,"GET":2,"PUT":3,"DELETE":4,"PATCH":5},"LocalizeApiService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":39,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":51,"character":35},{"__symbolic":"reference","name":"LocalizeTokenService"}]}],"init":[{"__symbolic":"method"}],"base":[{"__symbolic":"method"}],"onUnauthorizedError":[{"__symbolic":"method"}],"toWaitForPreviousRequest":[{"__symbolic":"method"}],"processRequest":[{"__symbolic":"method"}],"revokeToken":[{"__symbolic":"method"}],"options":[{"__symbolic":"method"}],"ifPromise":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"LocalizeLogindlgComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":13,"character":1},"arguments":[{"styles":["\n #login-dlg-wrap {\n width: 100%;\n max-width: 400px;\n margin: 0 auto;\n padding: 30px;\n }\n \n .login-dlg-elm {\n margin-top: 1rem;\n }\n \n #login-dlg-header {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n }\n \n #login-dlg-header h3 {\n font-weight: bold;\n font-size: 0.9rem;\n color: orange;\n text-align: center;\n }\n \n #login-logo {\n height: 40px;\n width: 40px;\n background: url(\"/assets/images/logo-300px.png\") no-repeat;\n background-size: contain;\n }\n \n #login-dlg-content .p-inputgroup {\n height: 45px;\n }\n \n #login-dlg-content .p-inputgroup .p-inputgroup-addon {\n height: 45px;\n border-radius: 15px 0 0 15px;\n width: 50px;\n }\n \n #login-dlg-content .p-inputgroup .p-inputgroup-addon * {\n font-size: 1rem;\n }\n \n #login-dlg-content .p-inputgroup input {\n height: 45px;\n border-radius: 0 15px 15px 0;\n }\n \n #login-dlg-content button {\n height: 45px;\n border-radius: 15px;\n }\n \n /*check animation block*/\n \n .check-animation-wrap {\n top: 0;\n left: 0;\n position: absolute;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: calc(100% - 200px);\n min-height: 400px;\n }\n \n .check-main-container {\n width: 100%;\n height: 100vh;\n display: flex;\n flex-flow: column;\n justify-content: center;\n align-items: center;\n }\n \n .check-container {\n width: 6.25rem;\n height: 7.5rem;\n display: flex;\n flex-flow: column;\n align-items: center;\n justify-content: space-between;\n }\n \n .check-container .check-background {\n width: 100%;\n height: calc(100% - 1.25rem);\n background: linear-gradient(to bottom right, #5de593, #41d67c);\n box-shadow: 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset;\n transform: scale(0.84);\n border-radius: 50%;\n animation: animateContainer 0.75s ease-out forwards 0.75s;\n display: flex;\n align-items: center;\n justify-content: center;\n opacity: 0;\n }\n \n .check-container .check-background svg {\n width: 65%;\n transform: translateY(0.25rem);\n stroke-dasharray: 80;\n stroke-dashoffset: 80;\n animation: animateCheck 0.35s forwards 1.25s ease-out;\n min-width: auto !important;\n }\n \n .check-container .check-shadow {\n bottom: calc(-15% - 5px);\n left: 0;\n border-radius: 50%;\n background: radial-gradient(closest-side, rgba(73, 218, 131, 1), transparent);\n animation: animateShadow 0.75s ease-out forwards 0.75s;\n }\n \n @keyframes animateContainer {\n 0% {\n opacity: 0;\n transform: scale(0);\n box-shadow: 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset;\n }\n \n 25% {\n opacity: 1;\n transform: scale(0.9);\n box-shadow: 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset;\n }\n \n 43.75% {\n transform: scale(1.15);\n box-shadow: 0px 0px 0px 43.334px rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset;\n }\n \n 62.5% {\n transform: scale(1);\n box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 21.667px rgba(255, 255, 255, 0.25) inset;\n }\n \n 81.25% {\n box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 0px rgba(255, 255, 255, 0.25) inset;\n }\n \n 100% {\n opacity: 1;\n box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 0px rgba(255, 255, 255, 0.25) inset;\n }\n }\n \n @keyframes animateCheck {\n from {\n stroke-dashoffset: 80;\n }\n \n to {\n stroke-dashoffset: 0;\n }\n }\n \n @keyframes animateShadow {\n 0% {\n opacity: 0;\n width: 100%;\n height: 15%;\n }\n \n 25% {\n opacity: 0.25;\n }\n \n 43.75% {\n width: 40%;\n height: 7%;\n opacity: 0.35;\n }\n \n 100% {\n width: 85%;\n height: 15%;\n opacity: 0.25;\n }\n }\n #login-dlg-wrap .loader-wrap {\n display: flex;\n justify-content: center;\n align-items: center;\n height:100%;\n width:100%;\n position: absolute;\n top: 0;\n left: 0;\n z-index: 100;\n background: #ffffff42;\n backdrop-filter: blur(1px);\n }\n\n #login-dlg-wrap .login-dlg-loader {\n border: 15px solid #e7e7e7;\n border-top: 15px solid #52dba1;\n border-radius: 50%;\n width: 100px;\n height: 100px;\n animation: spinloader 2s linear infinite;\n }\n\n #login-dlg-wrap .loader-wrap::before {\n content: \"\";\n position: absolute;\n width: 70px;\n height: 70px;\n transform: translate(-50%, -50%);\n z-index: 1;\n border: 15px solid #e7e7e700;\n border-top: 15px solid #52dba1c9;\n border-radius: 50%;\n animation: spinloader .75s linear infinite;\n }\n\n @keyframes spinloader {\n 0% { transform: rotate(0deg); }\n 100% { transform: rotate(360deg); }\n }\n "],"template":"<p-toast key=\"$login-dlg\" position=\"top-center\"></p-toast>\n <div id=\"login-dlg-wrap\">\n <div id=\"login-dlg-header\">\n <div id=\"login-logo\" class=\"p-mb-2\"></div>\n <h3 *ngIf=\"!success\">Your session is expired! <br> Please login again to continue.</h3>\n <h3 *ngIf=\"success\" style=\"color:green !important;\">You haved successfully logged in.</h3>\n </div>\n <div id=\"login-dlg-content\">\n <ng-container *ngIf=\"!success\">\n <div *ngIf=\"loading\" class=\"loader-wrap\">\n <div class=\"login-dlg-loader\"></div>\n </div>\n <div class=\"login-dlg-elm\">\n <div class=\"p-inputgroup\">\n <span class=\"p-inputgroup-addon\">\n <i class=\"material-icons-round\">person</i>\n </span>\n <input disabled pInputText type=\"text\" placeholder=\"Username\" [value]=\"decodeToken?.email\" />\n </div>\n </div>\n \n <div class=\"login-dlg-elm\">\n <div class=\"p-inputgroup\">\n <span class=\"p-inputgroup-addon\">\n <i class=\"material-icons-round\">lock</i>\n </span>\n <input [disabled]=\"loading\" (keydown.enter)=\"clickLogin()\" pInputText type=\"password\" placeholder=\"Password\" [(ngModel)]=\"password\"\n autofocus />\n </div>\n </div>\n <div class=\"login-dlg-elm\">\n <button style=\"width: 100%;\" pButton type=\"button\" label=\"Login\" (click)=\"clickLogin()\"\n [disabled]=\"!password || loading\"></button>\n </div>\n \n <div class=\"login-dlg-elm\" style=\"display:flex;align-items: center;user-select: none;\">\n <span>No, I want to login with another user.</span>\n <button class=\"p-button-text\" pButton type=\"button\" label=\"Logout\" (click)=\"clickLogout()\"></button>\n </div>\n </ng-container>\n \n <ng-container *ngIf=\"success\">\n <div style=\"margin-top:35px;\"></div>\n <div class=\"check-animation-wrap\">\n <div class=\"check-main-container\">\n <div class=\"check-container\">\n <div class=\"check-background\">\n <svg viewBox=\"0 0 65 51\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M7 25L27.3077 44L58.5 7\" stroke=\"white\" stroke-width=\"13\" stroke-linecap=\"round\"\n stroke-linejoin=\"round\"></path>\n </svg>\n </div>\n </div>\n </div>\n </div>\n </ng-container>\n </div>\n </div>","selector":"app-localize-logindlg","providers":[{"__symbolic":"reference","module":"primeng/api","name":"MessageService","line":301,"character":14}],"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":302,"character":17},"member":"None"}}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"primeng/api","name":"MessageService","line":318,"character":37},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":319,"character":26},{"__symbolic":"reference","module":"primeng/dynamicdialog","name":"DynamicDialogRef","line":320,"character":29},{"__symbolic":"reference","module":"primeng/dynamicdialog","name":"DynamicDialogConfig","line":321,"character":32},{"__symbolic":"reference","name":"LocalizeTokenService"},{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":323,"character":33}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"clickLogin":[{"__symbolic":"method"}],"login":[{"__symbolic":"method"}],"getHeaders":[{"__symbolic":"method"}],"showMessage":[{"__symbolic":"method"}]}},"LocalizeLogindlgModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":10,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"LocalizeLogindlgComponent"}],"exports":[{"__symbolic":"reference","name":"LocalizeLogindlgComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":14,"character":4},{"__symbolic":"reference","module":"primeng/toast","name":"ToastModule","line":15,"character":4},{"__symbolic":"reference","module":"primeng/inputtext","name":"InputTextModule","line":16,"character":4},{"__symbolic":"reference","module":"@angular/platform-browser","name":"BrowserModule","line":17,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":18,"character":4},{"__symbolic":"reference","module":"primeng/button","name":"ButtonModule","line":19,"character":4}],"providers":[{"__symbolic":"reference","name":"LocalizeLogindlgService"}],"schemas":[{"__symbolic":"reference","module":"@angular/core","name":"CUSTOM_ELEMENTS_SCHEMA","line":22,"character":12}]}]}],"members":{}},"ILoginDialogConfig":{"__symbolic":"interface"},"LocalizeLogindlgService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":13,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":18,"character":41}]}],"openLoginDialog":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}}},"origins":{"JwtPayload":"./localize-token/localize.token.service","LocalizeTokenService":"./localize-token/localize.token.service","ILocalizeTokenConfig":"./localize-token/localize.token","LocalizeToken":"./localize-token/localize.token","waitFor":"./localize-token/localize.token","waitUntil":"./localize-token/localize.token","extractMainDomain":"./localize-token/localize.token","ICookieOptions":"./localize-token/localize.token.storage","LocalizeTokenStorage":"./localize-token/localize.token.storage","LocalizeTokenModule":"./localize-token/localize.token.module","EMethod":"./localize-token/localize.api.service","LocalizeApiService":"./localize-token/localize.api.service","LocalizeLogindlgComponent":"./localize-logindlg/localize-logindlg.component","LocalizeLogindlgModule":"./localize-logindlg/localize-logindlg.module","ILoginDialogConfig":"./localize-logindlg/localize-logindlg.service","LocalizeLogindlgService":"./localize-logindlg/localize-logindlg.service"},"importAs":"@sambath999/localize-token"}
1
+ {"__symbolic":"module","version":4,"metadata":{"JwtPayload":{"__symbolic":"interface"},"LocalizeTokenService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":19,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"tenantToken":[{"__symbolic":"method"}],"storageGet":[{"__symbolic":"method"}],"storageSet":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"ILocalizeTokenConfig":{"__symbolic":"interface"},"LocalizeToken":{"__symbolic":"class","members":{},"statics":{"config":{"mainDomain":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"extractMainDomain"}},"authTokenName":"auth-token","refreshTokenName":"_lze_rftkp_","needTenant":false,"isProduction":false,"revokeTokenUrl":""},"storage":{"__symbolic":"new","expression":{"__symbolic":"reference","name":"LocalizeTokenStorage"}},"httpHeaders":{"AUTHORIZATION":"Authorization","X_TENANT":"X-Tenant","X_REFRESH_TOKEN":"X-RefreshToken","CONTENT_TYPE":"Content-Type"}}},"waitFor":{"__symbolic":"function"},"waitUntil":{"__symbolic":"function"},"extractMainDomain":{"__symbolic":"function"},"EMethod":{"POST":"post","GET":"get","PUT":"put","DELETE":"delete","PATCH":"patch"},"IOnConnectionError":{"__symbolic":"interface"},"ILocalizeApiConfigs":{"__symbolic":"interface"},"IApiOptions":{"__symbolic":"interface"},"IHeader":{"__symbolic":"interface"},"INormalizedError":{"__symbolic":"interface"},"ApiHelper":{"__symbolic":"error","message":"Reference to non-exported class","line":19,"character":0,"context":{"className":"LocalizeApiHelper"},"module":"./localize-token/helpers/loccalize.api.helper"},"ICookieOptions":{"__symbolic":"interface"},"LocalizeTokenStorage":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"any"}]}],"check":[{"__symbolic":"method"}],"get":[{"__symbolic":"method"}],"getAll":[{"__symbolic":"method"}],"set":[{"__symbolic":"method"}],"delete":[{"__symbolic":"method"}],"deleteAll":[{"__symbolic":"method"}]}},"LocalizeTokenModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":4,"character":1},"arguments":[{"providers":[{"__symbolic":"reference","name":"LocalizeTokenService"},{"__symbolic":"reference","name":"LocalizeApiService"}]}]}],"members":{}},"LocalizeApiService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":10,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":45,"character":35},{"__symbolic":"reference","name":"LocalizeTokenService"}]}],"init":[{"__symbolic":"method"}],"cancelPendingRequests":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"request":[{"__symbolic":"method"}],"handleOnRequestError":[{"__symbolic":"method"}],"performRequest":[{"__symbolic":"method"}],"revokeToken":[{"__symbolic":"method"}],"buildHeaderOptions":[{"__symbolic":"method"}],"buildApiOptions":[{"__symbolic":"method"}],"toWaitForPreviousRequest":[{"__symbolic":"method"}],"handleOnTokenRevoked":[{"__symbolic":"method"}],"interceptRevokeToken":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"LocalizeLogindlgComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"styles":["\n #login-dlg-wrap {\n width: 100%;\n max-width: 400px;\n margin: 0 auto;\n padding: 30px;\n height: 100%;\n }\n \n .login-dlg-elm {\n margin-top: 1rem;\n }\n\n .login-dlg-elm.login-dlg-suggest {\n display: flex ;\n align-items: center;\n user-select: none;\n border-bottom: solid 1px #ddd;\n border-radius: 5px;\n padding: 5px 10px;\n background: #f9f9f9;\n box-shadow: 1px 5px 10px -12px #000;\n }\n \n #login-dlg-header {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n }\n \n #login-dlg-header h3 {\n font-weight: bold;\n font-size: 0.9rem;\n color: orange;\n text-align: center;\n }\n \n #login-logo {\n height: 55px;\n width: 55px;\n /* background: url(\"/assets/images/logo-300px.png\") no-repeat; */\n background-size: contain !important;\n }\n \n #login-dlg-content .p-inputgroup {\n height: 45px;\n }\n \n #login-dlg-content .p-inputgroup .p-inputgroup-addon {\n height: 45px;\n border-radius: 15px 0 0 15px;\n width: 50px;\n }\n #login-dlg-content *{\n font-size: .9rem;\n /* font-family: 'Lexend', 'Roboto', sans-serif, 'material-icons-round'; */\n }\n \n #login-dlg-content .p-inputgroup .p-inputgroup-addon * {\n font-size: 1rem;\n }\n \n #login-dlg-content .p-inputgroup input {\n height: 45px;\n border-radius: 0 15px 15px 0;\n }\n \n #login-dlg-content button {\n height: 45px;\n border-radius: 15px;\n }\n \n /*check animation block*/\n \n .check-animation-wrap {\n top: 0;\n left: 0;\n position: absolute;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: calc(100% - 200px);\n min-height: 400px;\n }\n \n .check-main-container {\n width: 100%;\n height: 100vh;\n display: flex;\n flex-flow: column;\n justify-content: center;\n align-items: center;\n }\n \n .check-container {\n width: 6.25rem;\n height: 7.5rem;\n display: flex;\n flex-flow: column;\n align-items: center;\n justify-content: space-between;\n }\n \n .check-container .check-background {\n width: 100%;\n height: calc(100% - 1.25rem);\n background: linear-gradient(to bottom right, #5de593, #41d67c);\n box-shadow: 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset;\n transform: scale(0.84);\n border-radius: 50%;\n animation: animateContainer 0.75s ease-out forwards 0.75s;\n display: flex;\n align-items: center;\n justify-content: center;\n opacity: 0;\n }\n \n .check-container .check-background svg {\n width: 65%;\n transform: translateY(0.25rem);\n stroke-dasharray: 80;\n stroke-dashoffset: 80;\n animation: animateCheck 0.35s forwards 1.25s ease-out;\n min-width: auto !important;\n }\n \n .check-container .check-shadow {\n bottom: calc(-15% - 5px);\n left: 0;\n border-radius: 50%;\n background: radial-gradient(closest-side, rgba(73, 218, 131, 1), transparent);\n animation: animateShadow 0.75s ease-out forwards 0.75s;\n }\n \n @keyframes animateContainer {\n 0% {\n opacity: 0;\n transform: scale(0);\n box-shadow: 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset;\n }\n \n 25% {\n opacity: 1;\n transform: scale(0.9);\n box-shadow: 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset;\n }\n \n 43.75% {\n transform: scale(1.15);\n box-shadow: 0px 0px 0px 43.334px rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset;\n }\n \n 62.5% {\n transform: scale(1);\n box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 21.667px rgba(255, 255, 255, 0.25) inset;\n }\n \n 81.25% {\n box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 0px rgba(255, 255, 255, 0.25) inset;\n }\n \n 100% {\n opacity: 1;\n box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 0px rgba(255, 255, 255, 0.25) inset;\n }\n }\n \n @keyframes animateCheck {\n from {\n stroke-dashoffset: 80;\n }\n \n to {\n stroke-dashoffset: 0;\n }\n }\n \n @keyframes animateShadow {\n 0% {\n opacity: 0;\n width: 100%;\n height: 15%;\n }\n \n 25% {\n opacity: 0.25;\n }\n \n 43.75% {\n width: 40%;\n height: 7%;\n opacity: 0.35;\n }\n \n 100% {\n width: 85%;\n height: 15%;\n opacity: 0.25;\n }\n }\n #login-dlg-wrap .loader-wrap {\n display: flex;\n justify-content: center;\n align-items: center;\n height:100%;\n width:100%;\n position: absolute;\n top: 0;\n left: 0;\n z-index: 100;\n background: #ffffff42;\n backdrop-filter: blur(1px);\n }\n\n #login-dlg-wrap .login-dlg-loader {\n border: 15px solid #e7e7e7;\n border-top: 15px solid #52dba1;\n border-radius: 50%;\n width: 100px;\n height: 100px;\n animation: spinloader 2s linear infinite;\n }\n\n #login-dlg-wrap .loader-wrap::before {\n content: \"\";\n position: absolute;\n width: 70px;\n height: 70px;\n transform: translate(-50%, -50%);\n z-index: 1;\n border: 15px solid #e7e7e700;\n border-top: 15px solid #52dba1c9;\n border-radius: 50%;\n animation: spinloader .75s linear infinite;\n }\n\n @keyframes spinloader {\n 0% { transform: rotate(0deg); }\n 100% { transform: rotate(360deg); }\n }\n "],"template":"<p-toast key=\"$login-dlg\" position=\"top-center\"></p-toast>\n <div id=\"login-dlg-wrap\">\n <div id=\"login-dlg-header\">\n <div id=\"login-logo\" class=\"p-mb-2\" style=\"background: url('{{properties.logoImage}}') no-repeat\"></div>\n <h3 *ngIf=\"!success\" [innerHTML]=\"sanitizedTitle\"></h3>\n <h3 *ngIf=\"success\" style=\"color:green !important;\">{{properties.loginSuccessMessage}}</h3>\n </div>\n <div id=\"login-dlg-content\">\n <ng-container *ngIf=\"!success\">\n <div *ngIf=\"loading\" class=\"loader-wrap\">\n <div class=\"login-dlg-loader\"></div>\n </div>\n <div class=\"login-dlg-elm\">\n <div class=\"p-inputgroup\">\n <span class=\"p-inputgroup-addon\">\n <i class=\"material-icons-round\">person</i>\n </span>\n <input disabled pInputText type=\"text\" placeholder=\"{{properties.username?.placeHolder}}\" [value]=\"decodeToken?.email\" />\n </div>\n </div>\n \n <div class=\"login-dlg-elm\">\n <div class=\"p-inputgroup\">\n <span class=\"p-inputgroup-addon\">\n <i class=\"material-icons-round\">lock</i>\n </span>\n <input [disabled]=\"loading\" (keydown.enter)=\"clickLogin()\" pInputText type=\"password\" \n placeholder=\"{{properties.password?.placeHolder}}\" [(ngModel)]=\"password\"\n autofocus />\n </div>\n </div>\n <div class=\"login-dlg-elm\">\n <button style=\"width: 100%;\" pButton type=\"button\" label=\"{{properties.loginButton?.placeHolder}}\" (click)=\"clickLogin()\"\n [disabled]=\"!password || loading\"></button>\n </div>\n \n <div class=\"login-dlg-elm login-dlg-suggest\" style=\"display:flex;align-items: center;user-select: none;\">\n <span>{{properties.logoutButton?.message}}</span>\n <button class=\"p-button-text\" pButton type=\"button\" label=\"{{properties.logoutButton?.placeHolder}}\" \n (click)=\"clickLogout()\"></button>\n </div>\n </ng-container>\n \n <ng-container *ngIf=\"success\">\n <div style=\"margin-top:35px;\"></div>\n <div class=\"check-animation-wrap\">\n <div class=\"check-main-container\">\n <div class=\"check-container\">\n <div class=\"check-background\">\n <svg viewBox=\"0 0 65 51\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M7 25L27.3077 44L58.5 7\" stroke=\"white\" stroke-width=\"13\" stroke-linecap=\"round\"\n stroke-linejoin=\"round\"></path>\n </svg>\n </div>\n </div>\n </div>\n </div>\n </ng-container>\n </div>\n </div>","selector":"app-localize-logindlg","providers":[{"__symbolic":"reference","module":"primeng/api","name":"MessageService","line":320,"character":14}],"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":321,"character":17},"member":"None"}}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"primeng/api","name":"MessageService","line":338,"character":37},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":339,"character":26},{"__symbolic":"reference","module":"primeng/dynamicdialog","name":"DynamicDialogRef","line":340,"character":29},{"__symbolic":"reference","module":"primeng/dynamicdialog","name":"DynamicDialogConfig","line":341,"character":32},{"__symbolic":"reference","name":"LocalizeTokenService"},{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":343,"character":33},{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer","line":344,"character":32}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"clickLogin":[{"__symbolic":"method"}],"login":[{"__symbolic":"method"}],"getHeaders":[{"__symbolic":"method"}],"showMessage":[{"__symbolic":"method"}]}},"LocalizeLogindlgModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":10,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"LocalizeLogindlgComponent"}],"exports":[{"__symbolic":"reference","name":"LocalizeLogindlgComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":14,"character":4},{"__symbolic":"reference","module":"primeng/toast","name":"ToastModule","line":15,"character":4},{"__symbolic":"reference","module":"primeng/inputtext","name":"InputTextModule","line":16,"character":4},{"__symbolic":"reference","module":"@angular/platform-browser","name":"BrowserModule","line":17,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":18,"character":4},{"__symbolic":"reference","module":"primeng/button","name":"ButtonModule","line":19,"character":4}],"providers":[{"__symbolic":"reference","name":"LocalizeLogindlgService"}],"schemas":[{"__symbolic":"reference","module":"@angular/core","name":"CUSTOM_ELEMENTS_SCHEMA","line":22,"character":12}]}]}],"members":{}},"ILoginDialogPlaceHolder":{"__symbolic":"interface"},"ILoginDialogProperties":{"__symbolic":"interface"},"ILoginDialogConfig":{"__symbolic":"interface"},"LocalizeLogindlgService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":56,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":61,"character":41}]}],"openLoginDialog":[{"__symbolic":"method"}],"intercepDialogConfig":[{"__symbolic":"method"}],"initConfig":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}}},"origins":{"JwtPayload":"./localize-token/localize.token.service","LocalizeTokenService":"./localize-token/localize.token.service","ILocalizeTokenConfig":"./localize-token/localize.token","LocalizeToken":"./localize-token/localize.token","waitFor":"./localize-token/localize.token","waitUntil":"./localize-token/localize.token","extractMainDomain":"./localize-token/localize.token","EMethod":"./localize-token/helpers/interfaces","IOnConnectionError":"./localize-token/helpers/interfaces","ILocalizeApiConfigs":"./localize-token/helpers/interfaces","IApiOptions":"./localize-token/helpers/interfaces","IHeader":"./localize-token/helpers/interfaces","INormalizedError":"./localize-token/helpers/interfaces","ApiHelper":"./localize-token/helpers/loccalize.api.helper","ICookieOptions":"./localize-token/localize.token.storage","LocalizeTokenStorage":"./localize-token/localize.token.storage","LocalizeTokenModule":"./localize-token/localize.token.module","LocalizeApiService":"./localize-token/localize.api.service","LocalizeLogindlgComponent":"./localize-logindlg/localize-logindlg.component","LocalizeLogindlgModule":"./localize-logindlg/localize-logindlg.module","ILoginDialogPlaceHolder":"./localize-logindlg/localize-logindlg.service","ILoginDialogProperties":"./localize-logindlg/localize-logindlg.service","ILoginDialogConfig":"./localize-logindlg/localize-logindlg.service","LocalizeLogindlgService":"./localize-logindlg/localize-logindlg.service"},"importAs":"@sambath999/localize-token"}