{"version":3,"sources":["webpack:///src/app/iframe/iframe.component.html","webpack:///src/app/iframe/iframe.component.ts","webpack:///src/environments/environment.ts","webpack:///src/app/services/session.service.ts","webpack:///src/app/app.component.html","webpack:///src/app/app.component.ts","webpack:///src/app/app.module.ts","webpack:///src/app/image-upload/image-upload.component.html","webpack:///src/app/image-upload/image-upload.component.ts","webpack:///src/app/app-routing.module.ts","webpack:///src/main.ts","webpack:///$_lazy_route_resource lazy namespace object"],"names":["IframeComponent","sessionService","translateService","currentLanguage","languages","name","isoCode","technicalError","currentPage","undefined","nextIso","currentLang","nextLanguageString","cancelSession","completeSession","goToSuccess","goToError","store","langs","includes","use","selectedLanguage","find","l","next","switchLanguage","environment","production","SessionService","http","injector","router","connectorURL","croppedImage","noImage","shipping","jsonFile","console","log","get","toPromise","settings","post","session","sessionId","image","trimImageString","desiredShipping","warn","completeSessionWithState","newState","allowShipping","allowPickup","imageString","replace","imageBase64","data","pipe","res","result","SessionState","AppComponent","route","translate","title","state","addLangs","setDefaultLang","browserLang","getBrowserLang","routeChangeSubscription","queryParamMap","subscribe","params","loadConnectorEndpoint","has","requestedLanguage","loadSession","Active","setTimeout","error","HttpLoaderFactory","httpClient","AppModule","forRoot","loader","provide","useFactory","deps","ImageUploadComponent","imageState","event","imageChangedEvent","base64","imageFaceDetectionOnServer","fileChangeEvent","routes","AppRoutingModule","bootstrapModule","err","webpackEmptyAsyncContext","req","Promise","resolve","then","e","Error","code","keys","module","exports","id"],"mappings":"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","file":"main-es5.js","sourcesContent":["<div fxLayout=\"column\" style=\"height: 100% !important;\">\n    <div fxFlex=\"72px\" fxFlex.xs=\"144px\" class=\"header\">\n        <div fxLayout=\"row\" fxFlex=\"960px\" fxFlex.lt-md=\"100\" style=\"margin: auto;\">\n            <div fxFlex>\n                <h2 class=\"header\">{{ 'IFrame.Title' | translate }}</h2>\n            </div>\n\n            <div fxFlex=\"80px\" class=\"language-button\" fxLayout=\"row\" fxLayoutAlign=\"end center\">\n                <button mat-button fxShow fxHide.lt-md aria-label=\"switch language de/en\" class=\"language\"\n                    (click)=\"switchLanguage(nextIso)\" fxLayoutAlign=\"center center\">{{nextLanguageString}}</button>\n                <button mat-button fxHide fxShow.lt-md aria-label=\"switch language de/en\" class=\"language\"\n                    (click)=\"switchLanguage(nextIso)\" fxLayoutAlign=\"center center\">{{nextIso|uppercase}}</button>\n                <mat-icon class=\"globeIcon\">public</mat-icon>\n            </div>\n\n        </div>\n    </div>\n\n    <div fxFlex fxLayout=\"row\" style=\"background-color: #F5F5F5;\">\n        <div fxFlex=\"960px\" fxFlex.lt-md=\"100\" style=\"height:100%; margin: auto; background-color: white;\">\n            <ng-container *ngIf=\"currentPage === 'image'\" [ngTemplateOutlet]=\"imageSite\"></ng-container>\n            <ng-container *ngIf=\"currentPage === 'adress'\" [ngTemplateOutlet]=\"adressSite\"></ng-container>\n            <ng-container *ngIf=\"currentPage === 'abort'\" [ngTemplateOutlet]=\"abortSite\"></ng-container>\n            <ng-container *ngIf=\"currentPage === 'success'\" [ngTemplateOutlet]=\"successSite\"></ng-container>\n            <ng-container *ngIf=\"currentPage === 'error'\" [ngTemplateOutlet]=\"errorSite\"></ng-container>\n            <ng-container *ngIf=\"currentPage === 'technicalError'\" [ngTemplateOutlet]=\"technicalErrorSite\"></ng-container>\n        </div>\n    </div>\n</div>\n\n\n<ng-template #imageSite>\n    <div fxFlex=\"100\" fxLayout=\"column\" fxLayoutGap=\"9px\">\n        <!-- <div style=\"padding: 36px;\">\n            <div style=\"height: 30px; width: 100%; border:1px solid black\"></div>\n        </div> -->\n        <div style=\"padding: 36px 36px 0 36px\">\n            <h2 class=\"color-90\">{{'IFrame.ImageSite.Header'|translate}}</h2>\n        </div>\n        <div fxFlex=\"100\" fxLayout=\"column\" fxLayoutGap=\"18px\" [ngStyle]=\"{padding: '0 17px 36px 36px'}\"\n            [ngStyle.lt-md]=\"{padding: '0 36px 36px 36px'}\">\n\n            <div fxFlex fxLayout=\"row\" fxLayoutGap=\"36px\" fxLayout.lt-md=\"column\" fxLayoutGap.lt-md=\"18px\">\n                <div fxFlex style=\"padding-top: 15px;\">\n                    <div fxLayout=\"column\" style=\"height: 100%;\" fxLayoutGap=\"1em\">\n                        <div style=\"margin: 12px; margin-top: 24px;\">\n                            <image-upload #imageUploadComponent></image-upload>\n                        </div>\n                    </div>\n                </div>\n                <div fxFlex fxLayout=\"column\" fxLayoutGap=\"9px\" fxLayoutGap.lt-md=\"18px\">\n                    <div fxFlex.lt-md fxLayout=\"column\" fxLayoutGap=\"9px\" fxLayoutGap.lt-md=\"18px\">\n                        <div fxLayout=\"row\" fxLayoutGap=\"19px\" [ngStyle.lt-md]=\"{width: '104%'}\">\n                            <div fxFlex>\n                                <img src=\"assets/images/foto-upload/shoulder-note.png\" class=\"note-img\" />\n                            </div>\n                            <div fxFlex>\n                                <img src=\"assets/images/foto-upload/sunglasses_note.png\" class=\"note-img\" />\n                            </div>\n                            <div fxFlex>\n                                <img src=\"assets/images/foto-upload/cap_note.png\" class=\"note-img\" />\n                            </div>\n                            <div fxFlex>\n                                <img src=\"assets/images/foto-upload/sun_note.png\" class=\"note-img\" />\n                            </div>\n                        </div>\n                        <div fxLayout=\"row\" fxLayoutGap=\"19px\" [ngStyle.lt-md]=\"{width: '104%'}\">\n                            <div fxFlex>\n                                <img src=\"assets/images/foto-upload/single-note.png\" class=\"note-img\" />\n                            </div>\n                            <div fxFlex>\n                                <img src=\"assets/images/foto-upload/body_note.png\" class=\"note-img\" />\n                            </div>\n                            <div fxFlex>\n                                <img src=\"assets/images/foto-upload/bg_note.png\" class=\"note-img\" />\n                            </div>\n                            <div fxFlex>\n                                <img src=\"assets/images/foto-upload/move_note.png\" class=\"note-img\" />\n                            </div>\n                        </div>\n                    </div>\n\n                    <div fxFlex.lt-md fxLayout=\"column\" fxLayoutGap=\"36px\" fxLayoutGap.lt-md=\"36px\"\n                        [ngStyle]=\"{padding: '0 19px 0 0'}\" [ngStyle.lt-md]=\"{padding: '0'}\">\n                        <div>\n                            <div class=\"color-70\" style=\"font-size: 16px;\"\n                                [innerHtml]=\"'IFrame.ImageSite.imageDetails'| translate\"></div>\n                        </div>\n\n                        <div fxLayout=\"row\" fxLayout.xs=\"column\" fxLayoutAlign=\"end\" fxLayoutAlign.lt-md=\"center\"\n                            fxLayoutGap=\"18px\">\n                            <button fxFlex=\"114px\" fxFlex.xs=\"36px\" mat-flat-button class=\"secondary-btn\"\n                                (click)=\"goToAbort()\" [disabled]=\"!sessionService.session\"\n                                [disabled]=\"!sessionService.session\">\n                                {{'IFrame.ImageSite.Abort' | translate}}\n                            </button>\n                            <button fxFlex=\"114px\" fxFlex.xs=\"36px\" class=\"primary-btn\" mat-flat-button\n                                (click)=\"goToAdress()\"\n                                [disabled]=\"!sessionService.session || imageUploadComponent.imageState != 'confirmed'\">\n                                {{'IFrame.ImageSite.Proceed' | translate }}\n                            </button>\n                        </div>\n                    </div>\n                </div>\n            </div>\n\n            <!-- <div fxLayout=\"row\" fxLayout.lt-md=\"column\" fxLayoutGap=\"4rem\" fxLayoutGap.lt-md=\"6rem\">\n            \n            <div fxFlex=\"50\">\n                <div class=\"color-70\" style=\"font-size: 16px;\"\n                    [innerHtml]=\"'IFrame.ImageSite.imageDetailsOk'| translate\"></div>\n            </div>\n        </div> -->\n\n\n        </div>\n    </div>\n</ng-template>\n\n<ng-template #adressSite>\n    <div fxFlex=\"100\" style=\"margin: 36px\" fxLayout=\"column\" fxLayoutGap=\"9px\">\n        <div fxLayout=\"column\" style=\"height: 100%;\" fxLayoutGap=\"18px\" fxLayoutGap.lt-md=\"18px\"\n            fxLayoutAlign=\"space-between center\">\n\n            <div style=\"width: 100%\">\n                <h1 class=\"color-90\" style=\"margin-bottom: 0;\"  >{{'IFrame.AddressSite.Header'|translate}}</h1>\n            </div>\n\n            <div fxFlex style=\"padding-top: 7px; width: 100%;\">\n                <mat-radio-group class=\"example-radio-group\" aria-label=\"Select an option\"\n                    [(ngModel)]=\"sessionService.shipping\">\n\n                    <div fxLayout=\"column\" fxLayoutGap=\"36px\" style=\"font-size: 16px;\">\n                        <div fxFlex fxLayout=\"row\" *ngIf=\"sessionService.session?.allowShipping\">\n                            <mat-radio-button [attr.aria-label]=\"'IFrame.AddressSite.Option1' | translate\" fxFlex=\"48px\"\n                                class=\"example-radio-button\" [value]=\"1\">\n                            </mat-radio-button>\n                            <div fxFlex=\"0 1 400px\" (click)=\"sessionService.shipping = 1\" style=\"cursor: pointer;\">\n                                <div class=\"option-header\">{{'IFrame.AddressSite.Option1' | translate}}</div>\n                                <div class=\"hint-text\" [innerHtml]=\"'IFrame.AddressSite.Option1Info' | translate\"></div>\n                            </div>\n                        </div>\n\n                        <div fxFlex fxLayout=\"row\" *ngIf=\"sessionService.session?.allowPickup\">\n                            <mat-radio-button [attr.aria-label]=\"'IFrame.AddressSite.Option2' | translate\" fxFlex=\"48px\"\n                                class=\"example-radio-button\" [value]=\"0\">\n                            </mat-radio-button>\n                            <div fxFlex=\"0 1 400px\" (click)=\"sessionService.shipping = 0\" style=\"cursor: pointer;\">\n                                <div class=\"option-header\">{{'IFrame.AddressSite.Option2' | translate}}</div>\n                                <div class=\"hint-text\" [innerHtml]=\"'IFrame.AddressSite.Option2Info' | translate\"></div>\n                            </div>\n                        </div>\n                    </div>\n                </mat-radio-group>\n            </div>\n\n        </div>\n\n        <div fxLayout=\"row\" fxLayout.xs=\"column\" fxLayoutAlign=\"end\" fxLayoutAlign.lt-md=\"center\" fxLayoutGap=\"18px\">\n            <button fxFlex=\"114px\" fxFlex.xs=\"36px\" mat-flat-button class=\"secondary-btn\" (click)=\"goToAbort()\"\n                [disabled]=\"!sessionService.session\">\n                {{'IFrame.ImageSite.Abort' | translate }}\n            </button>\n            <button fxFlex=\"114px\" fxFlex.xs=\"36px\" mat-flat-button class=\"primary-btn\" (click)=\"submit()\"\n                [disabled]=\"!sessionService.session\">\n                {{'IFrame.AddressSite.Proceed' | translate }}\n            </button>\n        </div>\n\n    </div>\n</ng-template>\n\n<ng-template #abortSite>\n    <div fxFlex=\"100\" style=\"margin: 36px\" fxLayout=\"column\" fxLayoutGap=\"9px\">\n        <div fxLayout=\"column\" style=\"height: 100%;\" fxLayoutGap=\"24px\" fxLayoutAlign=\"space-between center\">\n            <div style=\"width: 100%;\">\n                <h1 class=\"color-90\">{{ 'IFrame.AbortSite.Header' | translate }}</h1>\n            </div>\n            <div fxFlex fxLayout=\"row\">\n                <div fxFlex>\n                    <div class=\"abort-text\" [innerHtml]=\"'IFrame.AbortSite.abortInfo'|translate\"></div>\n                </div>\n            </div>\n        </div>\n    </div>\n</ng-template>\n\n<ng-template #errorSite>\n    <div fxFlex=\"100\" style=\"margin: 36px\" fxLayout=\"column\" fxLayoutGap=\"9px\">\n        <div fxLayout=\"column\" style=\"height: 100%;\" fxLayoutGap=\"24px\" fxLayoutAlign=\"space-between center\">\n            <div style=\"width: 100%;\">\n                <h1 class=\"color-90\">{{'IFrame.ErrorSite.Header' | translate}}</h1>\n            </div>\n            <div fxFlex fxLayout=\"row\">\n                <div class=\"abort-text\" [innerHtml]=\"'IFrame.ErrorSite.errorInfo' | translate\"></div>\n            </div>\n        </div>\n    </div>\n</ng-template>\n\n<ng-template #successSite>\n    <div fxFlex=\"100\" style=\"margin: 36px\" fxLayout=\"column\" fxLayoutGap=\"9px\">\n        <div fxLayout=\"column\" fxLayoutGap=\"24px\" style=\"height: 100%;\" fxLayoutAlign=\"space-between center\">\n            <div>\n                <h1 class=\"color-90\">{{ 'IFrame.SuccessSite.Header' | translate }}</h1>\n            </div>\n            <div fxFlex fxLayout=\"row\">\n                <div fxFlex>\n                    <div fxLayout=\"column\" fxLayoutGap=\"24px\">\n                        <div fxFlex *ngIf=\"sessionService.shipping === 0\">\n                            <div class=\"abort-subheader\">{{ 'IFrame.SuccessSite.subheader1' | translate }}</div>\n                            <div class=\"abort-text\" [innerHtml]=\"'IFrame.SuccessSite.subtext1' | translate\"></div>\n                        </div>\n                        <div fxFlex *ngIf=\"sessionService.shipping === 1\">\n                            <div class=\"abort-subheader\">{{ 'IFrame.SuccessSite.subheader2' | translate }}</div>\n                            <div class=\"abort-text\" [innerHtml]=\"'IFrame.SuccessSite.subtext2' | translate\"></div>\n                        </div>\n                        <div fxFlex>\n                            <div class=\"abort-subheader\">{{ 'IFrame.SuccessSite.subheader3' | translate }}</div>\n                            <div class=\"abort-text\" [innerHtml]=\"'IFrame.SuccessSite.subtext3'|translate\"></div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</ng-template>\n\n<ng-template #fotoVerzicht>\n    <div fxLayout=\"column\" fxFlex=\"50\">\n        <mat-checkbox class=\"example-margin\" [(ngModel)]=\"sessionService.noImage\">\n            <b>Fotoverzicht</b>\n        </mat-checkbox>\n        <div style=\"margin-left: 24px; margin-bottom: 24px\">\n            <b>Achtung: </b> Bei einem Fotoverzicht kann kein Semesterticket ausgestellt werden, auch wenn bereits dafür\n            bezahlt wurde.\n        </div>\n    </div>\n</ng-template>\n\n<ng-template #technicalErrorSite>\n    <div fxFlex=\"100\" style=\"margin: 36px\" fxLayout=\"column\" fxLayoutGap=\"9px\">\n        <div fxLayout=\"column\" style=\"height: 100%;\" fxLayoutGap=\"24px\" fxLayoutAlign=\"space-between center\">\n            <div style=\"width: 100%;\">\n                <h1 class=\"color-90\">{{'IFrame.TechnicalErrorSite.Header' | translate}}</h1>\n            </div>\n            <div fxFlex fxLayout=\"row\" style=\"width: 100%;\">\n                <div class=\"abort-text\" [innerHtml]=\"'IFrame.TechnicalErrorSite.errorInfo' | translate\"></div>\n            </div>\n        </div>\n    </div>\n</ng-template>","import { Component, Input, OnInit } from '@angular/core';\n\nimport { SessionService } from '../services/session.service';\nimport { TranslateService } from '@ngx-translate/core';\nimport { BehaviorSubject } from 'rxjs';\n\ninterface LanguageItem {\n  name: string;\n  isoCode: string;\n}\n@Component({\n  selector: 'app-iframe',\n  templateUrl: './iframe.component.html',\n  styleUrls: ['./iframe.component.scss']\n})\nexport class IframeComponent implements OnInit {\n  nextIso: string;\n  nextLanguageString: string;\n  currentLanguage = new BehaviorSubject<LanguageItem>(null);\n  languages: LanguageItem[] = [\n    {\n      name: 'Deutsch',\n      isoCode: 'de'\n    },\n    {\n      name: 'English',\n      isoCode: 'en'\n    }\n  ];\n\n  @Input() technicalError = false;\n\n  currentPage: undefined | 'image' | 'abort' | 'success' | 'error' | 'adress' | 'technicalError' = undefined;\n\n  constructor(\n    public sessionService: SessionService,\n    public translateService: TranslateService,\n  ) {\n    this.nextIso = this.translateService.currentLang == 'en' ? 'de' : 'en';\n    this.nextLanguageString = this.translateService.currentLang == 'en' ? 'Deutsch' : 'English';\n\n    \n  }\n\n  \n  ngOnInit(): void {\n    this.currentPage = this.technicalError ? 'technicalError' : 'image';\n  }\n\n  cancel(): void {\n    this.sessionService.cancelSession();\n  }\n\n  goToAdress(): void {\n    this.currentPage = 'adress';\n  }\n\n  goToSuccess(): void {\n    this.currentPage = 'success';\n  }\n\n  goToAbort(): void {\n    this.currentPage = 'abort';\n  }\n\n  goToError(): void {\n    this.currentPage = 'error';\n  }\n\n  async submit(): Promise<void> {\n    if (await this.sessionService.completeSession()) {\n      this.goToSuccess();\n    }\n    else {\n      this.goToError();\n    }\n  }\n\n  switchLanguage(isoCode: string): void {\n    this.nextLanguageString = this.nextLanguageString === 'English' ? 'Deutsch' : 'English';\n    this.nextIso = this.nextIso === 'en' ? 'de' : 'en';\n\n    if (!this.translateService?.store?.langs?.includes(isoCode)) { return; }\n    this.translateService.use(isoCode);\n\n    const selectedLanguage = this.languages.find(l => l.isoCode === isoCode);\n    if (!selectedLanguage) { return; }\n    this.currentLanguage.next(selectedLanguage);\n  }\n\n}\n","// This file can be replaced during build by using the `fileReplacements` array.\n// `ng build --prod` replaces `environment.ts` with `environment.prod.ts`.\n// The list of file replacements can be found in `angular.json`.\n\nexport const environment = {\n  production: false\n};\n\n/*\n * For easier debugging in development mode, you can import the following file\n * to ignore zone related error stack frames such as `zone.run`, `zoneDelegate.invokeTask`.\n *\n * This import should be commented out in production mode because it will have a negative impact\n * on performance if an error is thrown.\n */\n// import 'zone.js/dist/zone-error';  // Included with Angular CLI.\n","import { HttpClient } from \"@angular/common/http\";\nimport { identifierModuleUrl } from \"@angular/compiler\";\nimport { Injectable, Injector } from \"@angular/core\";\nimport { Router } from \"@angular/router\";\nimport { map, tap } from 'rxjs/operators';\n\n@Injectable({\n    providedIn: 'root',\n})\nexport class SessionService {\n\n    connectorURL = null;\n\n    session: { hsId: string, sessionId: string, allowShipping: boolean, allowPickup: boolean, state: SessionState };\n    // hsId: string\n    // sessionId: string\n    // state\n\n    croppedImage: any = null;\n    noImage = false;\n    shipping = 0;\n\n    constructor(\n        protected http: HttpClient,\n        private injector: Injector,\n        private router: Router,\n        ) {\n    }\n\n    async loadConnectorEndpoint(): Promise<void> {\n        const jsonFile = 'assets/config.dev.json';\n        console.log('load config:', jsonFile);\n        const http = this.injector.get(HttpClient);\n        const settings = await http.get(jsonFile).toPromise()\n\n        console.log('loaded config:', settings);\n        this.connectorURL = settings['endpoints']['c4y-connector'];\n        console.log('connectorURL:', this.connectorURL);\n    }\n\n    async completeSession(): Promise<boolean> {\n        console.log(this);\n        try {\n            await this.http.post(`${this.connectorURL}/c4y/session/${this.session.sessionId}/`,\n                {\n                    image: this.trimImageString(this.croppedImage),\n                    desiredShipping: this.shipping\n                }).toPromise();\n            return true;\n        } catch (e) {\n            console.warn(e);\n            return false;\n        } finally {\n        }\n\n    }\n\n\n    cancelSession(): void {\n        this.completeSessionWithState(1);\n    }\n\n    async completeSessionWithState(newState: number): Promise<void> {\n        await this.http.post(`${this.connectorURL}/c4y/session/${this.session.sessionId}/complete/`, { newState }).toPromise().catch();\n    }\n\n\n    async loadSession(sessionId?: string): Promise<any> {\n        this.session = await this.http.get<any>(`${this.connectorURL}/c4y/session/${sessionId ?? this.session.sessionId}/`).toPromise();\n\n        if(this.session?.allowShipping){\n            this.shipping = 1;\n        }else if(this.session?.allowPickup){\n            this.shipping = 0;\n        }\n    }\n\n\n    public trimImageString(imageString: string): string {\n        if (!imageString) return undefined;\n\n        return imageString.replace('data:image/png;base64,', '')\n            .replace('data:image/gif;base64,', '')\n            .replace('data:image/jpg;base64,', '')\n            .replace('data:image/jpeg;base64,', '');\n    }\n\n    public async imageFaceDetectionOnServer(): Promise<boolean> {\n        const imageBase64 = this.trimImageString(this.croppedImage);\n        return await this.http.post<any>(`${this.connectorURL}/c4y/session/${this.session.sessionId}/detectface`, { data: imageBase64 })\n          .pipe(map(res => res.result)).toPromise().catch(() => false);\n      }\n}\n\nexport enum SessionState {\n    Active,\n    Cancelled,\n    Photo,\n    NoPhoto,\n    Error\n}\n","<ng-container [ngSwitch]=\"state\">\n    <ng-container *ngSwitchCase=\"'loading'\">\n        loading...\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'nosession'\">\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'content'\">\n        <app-iframe></app-iframe>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'error'\">\n        <app-iframe technicalError=\"true\"></app-iframe>\n    </ng-container>\n</ng-container>","import { HttpClient } from '@angular/common/http';\nimport { Component } from '@angular/core';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport { Subscription } from 'rxjs';\nimport { SessionService, SessionState } from './services/session.service';\nimport { TranslateService } from '@ngx-translate/core';\nimport { skip } from 'rxjs/operators';\n\n@Component({\n  selector: 'app-root',\n  templateUrl: './app.component.html',\n  styleUrls: ['./app.component.scss']\n})\nexport class AppComponent {\n  title = 'photoUpload';\n  routeChangeSubscription: Subscription;\n  requestedLanguage: any;\n\n  state: 'loading' | 'content' | 'error' | 'nosession' = 'loading';\n\n  constructor(private router: Router,\n    private route: ActivatedRoute,\n    public sessionService: SessionService,\n    protected http: HttpClient,\n    public translate: TranslateService) {\n    translate.addLangs(['en', 'de']);\n    translate.setDefaultLang('de');\n\n    const browserLang = translate.getBrowserLang();\n\n\n    this.routeChangeSubscription = this.route.queryParamMap\n      .subscribe(async params => {\n        this.state = 'nosession';\n        await this.sessionService.loadConnectorEndpoint();\n        try {\n          if (params.has('lang')) {\n            this.requestedLanguage = params.get('lang');\n            if (this.requestedLanguage == 'en') {\n              translate.use('en');\n            }\n            else if (this.requestedLanguage == 'de') {\n              translate.use('de');\n            }\n            else {\n              translate.use('de');\n            }\n          }\n          if (params.has('session')) {\n            this.state = 'loading';\n            const sessionId = params.get('session');\n            await this.sessionService.loadSession(sessionId);\n\n            console.log('session', this.sessionService.session);\n            if (this.sessionService.session?.state !== SessionState.Active) {\n              this.state = 'error';\n            } else {\n              this.state = 'content';\n            }\n\n          } else {\n            this.state = 'nosession';\n\n            setTimeout(() => {\n              if(this.state === 'nosession'){\n                this.state = 'error';\n              }\n            }, 2000)\n          }\n        } catch (ex) {\n          console.error(ex);\n\n          this.state = 'error';\n        }\n      });\n  }\n}\n","import { NgModule } from '@angular/core';\nimport { BrowserModule } from '@angular/platform-browser';\n\nimport { AppRoutingModule } from './app-routing.module';\nimport { AppComponent } from './app.component';\nimport { IframeComponent } from './iframe/iframe.component';\nimport { BrowserAnimationsModule } from '@angular/platform-browser/animations';\nimport { ImageUploadComponent } from './image-upload/image-upload.component';\nimport { ImageCropperModule } from 'ngx-image-cropper';\nimport { MatIconModule } from '@angular/material/icon';\nimport { FlexLayoutModule } from '@angular/flex-layout';\nimport { MatCheckboxModule } from '@angular/material/checkbox';\nimport { MatRadioModule } from '@angular/material/radio';\nimport { MatButtonModule } from '@angular/material/button';\nimport { CommonModule } from '@angular/common';\nimport { HttpClientModule } from '@angular/common/http';\nimport { FormsModule } from '@angular/forms';\nimport { MatProgressSpinnerModule } from '@angular/material/progress-spinner';\nimport { TranslateModule, TranslateLoader } from '@ngx-translate/core';\nimport { TranslateHttpLoader } from '@ngx-translate/http-loader';\nimport { HttpClient } from '@angular/common/http';\n\n// AoT requires an exported function for factories\nexport function HttpLoaderFactory(httpClient: HttpClient) {\n  return new TranslateHttpLoader(httpClient);\n}\n\n@NgModule({\n  declarations: [\n    AppComponent,\n    IframeComponent,\n    ImageUploadComponent\n  ],\n  imports: [\n    HttpClientModule,\n    BrowserModule,\n    AppRoutingModule,\n    BrowserAnimationsModule,\n    ImageCropperModule,\n    MatIconModule,\n    FlexLayoutModule,\n    MatCheckboxModule,\n    MatRadioModule,\n    MatButtonModule,\n    CommonModule,\n    FormsModule,\n    MatProgressSpinnerModule,\n    TranslateModule.forRoot({\n      loader: {\n        provide: TranslateLoader,\n        useFactory: HttpLoaderFactory,\n        deps: [HttpClient]\n      }\n    })\n  ],\n  providers: [],\n  bootstrap: [AppComponent]\n})\nexport class AppModule { }\n","<div fxLayout=\"column\" fxLayoutGap=\"36px\" fxLayoutGap.lt-md=\"36px\">\n    <label class=\"custom-file-upload color-dark-blue\">\n        <input type=\"file\" style=\"display: none;\" (change)=\"fileChangeEvent($event)\" />\n        <div fxLayoutAlign=\"center center\">\n            <mat-icon style=\"width: 45px\">cloud_upload</mat-icon>\n            <span>{{ 'ImageUpload.PhotoSelect' | translate }}</span>\n        </div>\n    </label>\n    <div *ngIf=\"imageState == 'notConfirmed'\" style=\"color: red;\">\n        {{'ImageUpload.noValidImageError' | translate}}\n    </div>\n    <div class=\"row\" *ngIf=\"imageChangedEvent\">\n        <div class=\"text-center col-md-8\">\n            <div *ngIf=\"imageState == 'waitingForConfirmation' || imageState == 'confirmed'\"\n                style=\"position: relative;\">\n                <div *ngIf=\"imageState == 'waitingForConfirmation'\" class=\"image-spinner-overlay\"\n                    fxLayoutAlign=\"center center\">\n                    <mat-progress-spinner diameter=50 mode=\"indeterminate\" color=\"accent\">\n                    </mat-progress-spinner>\n                </div>\n                <img [style.opacity]=\"imageState == 'waitingForConfirmation' ? '0.7' : ''\"\n                    alt=\"positive picture example\" [src]=\"sessionService.croppedImage\" style=\"width: 100%;\" />\n            </div>\n            <label *ngIf=\"imageState == 'confirmed'\" class=\"custom-file-upload color-dark-blue w-100\"\n                (click)=\"changeSection()\">\n                <div fxLayout=\"row\" fxLayoutAlign=\"center center\" fxLayoutGap=\"6px\">\n                    <mat-icon>edit</mat-icon>\n                    <div>{{'ImageUpload.changeSection' | translate}}</div>\n                </div>\n            </label>\n            <ng-container *ngIf=\"imageState == 'uploaded'\">\n                <image-cropper style=\"padding: 0;\" [imageChangedEvent]=\"imageChangedEvent\" [maintainAspectRatio]=\"true\"\n                    [aspectRatio]=\"0.78/1\" format=\"png\" (imageCropped)=\"imageCropped($event)\"\n                    (imageLoaded)=\"imageLoaded()\" (cropperReady)=\"cropperReady()\"\n                    (loadImageFailed)=\"loadImageFailed()\"></image-cropper>\n                <label class=\"custom-file-upload color-dark-blue w-100\" (click)=\"confirmImage()\">\n                    <div fxLayout=\"row\" fxLayoutAlign=\"center center\" fxLayoutGap=\"6px\">\n                        <mat-icon>check</mat-icon>\n                        <div>{{'ImageUpload.confirmSection' | translate}}</div>\n                    </div>\n                </label>\n            </ng-container>\n        </div>\n    </div>\n</div>","import { Component } from '@angular/core';\nimport { ImageCroppedEvent } from 'ngx-image-cropper';\nimport { SessionService } from '../services/session.service';\n\n@Component({\n    selector: 'image-upload',\n    templateUrl: './image-upload.component.html',\n    styleUrls: ['./image-upload.component.scss']\n})\nexport class ImageUploadComponent {\n\n    imageState: 'noImage' | 'uploaded' | 'waitingForConfirmation' | 'confirmed' | 'notConfirmed' | 'error' = 'noImage'\n\n    constructor(protected sessionService: SessionService) { }\n\n    title = 'ngImageCrop';\n    imageChangedEvent: any;\n\n    fileChangeEvent(event: any): void {\n        this.imageState = 'uploaded';\n        this.imageChangedEvent = event;\n    }\n\n    imageCropped(event: ImageCroppedEvent) {\n        this.sessionService.croppedImage = event.base64;\n    }\n\n    imageLoaded() {\n        /* show cropper */\n    }\n\n    cropperReady() {\n        /* cropper ready */\n    }\n\n    loadImageFailed() {\n        this.imageState = 'error';\n    }\n\n    changeSection(): void {\n        this.imageState = 'uploaded';\n    }\n\n    async confirmImage(): Promise<void> {\n        this.imageState = 'waitingForConfirmation';\n        this.imageState = await this.sessionService.imageFaceDetectionOnServer() ? 'confirmed' : 'notConfirmed';\n    }\n}\n","import { NgModule } from '@angular/core';\nimport { RouterModule, Routes } from '@angular/router';\n\nconst routes: Routes = [];\n\n@NgModule({\n  imports: [RouterModule.forRoot(routes)],\n  exports: [RouterModule]\n})\nexport class AppRoutingModule { }\n","import { enableProdMode } from '@angular/core';\nimport { platformBrowserDynamic } from '@angular/platform-browser-dynamic';\n\nimport { AppModule } from './app/app.module';\nimport { environment } from './environments/environment';\n\nif (environment.production) {\n  enableProdMode();\n}\n\nplatformBrowserDynamic().bootstrapModule(AppModule)\n  .catch(err => console.error(err));\n","function webpackEmptyAsyncContext(req) {\n\t// Here Promise.resolve().then() is used instead of new Promise() to prevent\n\t// uncaught exception popping up in devtools\n\treturn Promise.resolve().then(function() {\n\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\te.code = 'MODULE_NOT_FOUND';\n\t\tthrow e;\n\t});\n}\nwebpackEmptyAsyncContext.keys = function() { return []; };\nwebpackEmptyAsyncContext.resolve = webpackEmptyAsyncContext;\nmodule.exports = webpackEmptyAsyncContext;\nwebpackEmptyAsyncContext.id = \"zn8P\";"]}