{"version":3,"mappings":"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","names":["n","constructor","e","t","this","ngOnInit","C","c","selectors","idf","firstName","lastName","subject","text","A","h","makeContact","post","pipe","ngUnsubscribe$","N","ngOnDestroy","next","complete","g","factory","m","l","O","s","nn","tn","r","name","categories","router","select","route","snapshot","queryParamMap","get","errorJson","error","JSON","parse","errorJsonForMailBody","encodeURIComponent","log","info","contactForm","userService","getMainDistributionCentersAdressObservable","subscribe","d","mainDistributionCenterAdress","getAllDistributionCentersAdressObservable","allDistributionCenterAdress","idfs$","loadAllIdfs","showInput","isPhoenixUser","getMainIdfObservable","u","mainIdf","setValue","on","allSubjects","find","en","includes","openShowAllDistributionCenters","autoFocus","data","centers","dialog","open","submit","submitClicked","valid","submitted","Z","Object","value","userServiceRestService","showContactAttemptSucceededMessage","reset","showContactAttemptErrorMessage","errorCode","_","k","y","b","path","component","pathMatch","i","p","P","V","M","w","x","G","v"],"sources":["webpack:///src/app/modules/account/pages/contact-form/modal-all-distribution-centers/modal-all-distribution-centers.component.html","webpack:///src/app/modules/account/pages/contact-form/modal-all-distribution-centers/modal-all-distribution-centers.component.ts","webpack:///src/app/core/models/user-contact-request.model.ts","webpack:///src/app/core/services/api/userService.rest-service.ts","webpack:///src/app/modules/account/pages/contact-form/contact-form.component.html","webpack:///src/app/modules/account/pages/contact-form/contact-form.component.ts","webpack:///src/app/modules/account/pages/contact-form/contact-form.module.ts"],"sourcesContent":["<h1 mat-dialog-title>Alle Vertriebszentren</h1>\n<div mat-dialog-content class=\"my-3\">\n  <div class=\"row\" *ngFor=\"let center of data.centers\">\n    <div class=\"col-md-1\">\n      {{center.id}}\n    </div>\n    <div class=\"col-md-4\">\n      {{center.location}}\n    </div>\n    <div class=\"col-md-7\">\n      {{center.street}}\n    </div>\n    <div class=\"col-md-7 offset-md-5\">\n      {{center.zipCode}} {{center.city}}\n    </div>\n  </div>\n</div>\n<div mat-dialog-actions>\n  <button class=\"btn-primary\" mat-button [mat-dialog-close]=\"false\" cdkFocusInitial>\n    <span>Schließen</span>\n    <i class=\"material-icons\">\n      close\n    </i>\n  </button>\n</div>\n","import {Component, Inject, OnInit} from '@angular/core';\nimport { MAT_DIALOG_DATA, MatDialogRef } from \"@angular/material/dialog\";\nimport {DialogData} from \"../../../../../core/interfaces/dialog-data.interface\";\n\n@Component({\n    selector: 'modal-all-distribution-centers',\n    templateUrl: './modal-all-distribution-centers.component.html',\n    styleUrls: ['./modal-all-distribution-centers.component.scss']\n})\nexport class ModalAllDistributionCentersComponent implements OnInit {\n\n    constructor(@Inject(MAT_DIALOG_DATA) public data: DialogData,\n                public dialogRef: MatDialogRef<ModalAllDistributionCentersComponent>) {\n    }\n\n    ngOnInit() {\n    }\n\n}\n","/**\n * represent the basic user model\n */\n\nexport class UserContactRequest {\n    idf: string;\n    firstName: string;\n    lastName: string;\n    subject: string;\n    text: string;\n\n\n    constructor(obj: any) {\n        this.idf = obj && obj.idf || null;\n        this.firstName = obj && obj.firstName || null;\n        this.lastName = obj && obj.lastName || null;\n        this.subject = obj && obj.subject || null;\n        this.text = obj && obj.text || null;\n    }\n}\n","import {Injectable, OnDestroy} from '@angular/core';\nimport {RestServiceAbstract} from '../../abstracts/rest-service.abstract';\nimport {map, takeUntil} from 'rxjs/operators';\nimport {Observable, Subject} from 'rxjs';\nimport {Response} from '../../models/response.model';\nimport {UserContactRequest} from '../../models/user-contact-request.model';\n\n@Injectable({\n    providedIn: 'root'\n})\nexport class UserServiceRestService extends RestServiceAbstract implements OnDestroy {\n\n    public ngUnsubscribe$: Subject<void> = new Subject<void>();\n\n    public makeContact(irar: UserContactRequest): Observable<Response> {\n        return this.post(`/usermanagement/userservice/contact`, irar).pipe(\n            takeUntil(this.ngUnsubscribe$),\n            map(data => {\n                return new Response(data);\n            })\n        );\n    }\n\n\n    /**\n     * Unsubscribe from all subscriptions.\n     */\n    ngOnDestroy(): void {\n        // This aborts all HTTP requests.\n        this.ngUnsubscribe$.next();\n        // This completes the subject properly.\n        this.ngUnsubscribe$.complete();\n    }\n}\n","<notification *ngIf=\"showContactAttemptSucceededMessage\"\n              type=\"success\"\n              message=\"Ihre Anfrage wurde entgegengenommen. Wir melden uns schnellstmöglich bei Ihnen.\">\n</notification>\n<notification *ngIf=\"showContactAttemptErrorMessage\" type=\"error\"\n              message=\"{{ showContactAttemptErrorMessage | translate }}\"></notification>\n<div id=\"content\">\n    <div class=\"row top-info justify-content-between\">\n        <div class=\"col-md-12 mb-l\">\n            <div class=\"col-md-12 panel mb-0\">\n                <h2>Rufen Sie uns an.</h2>\n                <p>Sie erreichen das PHOENIX Kunden-Service-Center unter unserer bundesweit einheitlichen Hotline:</p>\n                <p class=\"h1 mt-l mb-0 p-0\">0800 104 8888</p>\n                <small>(kostenlos aus dem dt. Festnetz, Mobilfunkpreise abweichend)</small>\n            </div>\n        </div>\n        <!-- div class=\"col-md-5 mb-l\">\n            <div class=\"col-md-12 panel mb-0\">\n                <h2>Telefonliste</h2>\n                <p>Laden Sie sich hier die Liste mit Telefonnummern und Ansprechpartner bei PHOENIX runter.</p>\n                <a [href]=\"CMS_URL + '/contact/telefonliste'\" target=\"_blank\">\n                    <button class=\"btn btn-primary\"\n                            download=\"phx-telefonliste\">Download\n                    </button>\n                </a>\n            </div>\n        </div -->\n    </div>\n    <div class=\"row\">\n        <div class=\"col-md-12\">\n            <div class=\"panel col-md-12\">\n                <div *ngIf=\"!submitted || !contactForm.valid || showContactAttemptErrorMessage\">\n                    <h2>Schreiben Sie uns.</h2>\n                    <p>Teilen Sie uns über das Formular Ihr Anliegen mit und nennen Sie bei Bedarf einen Ansprechpartner für Rückfragen.</p>\n                    <form [formGroup]=\"contactForm\" onsubmit=\"return false\" [class.submitted]=\"submitClicked\">\n                        <div class=\"row\">\n                            <div class=\"col-md-6\">\n                                <mat-form-field appearance=\"outline\">\n                                    <mat-label>Anliegen</mat-label>\n                                    <mat-select tabindex=\"1\"\n                                                [formControlName]=\"'subject'\">\n                                        <mat-option\n                                                *ngFor=\"let singleSubject of allSubjects\"\n                                                [value]=\"singleSubject.name\" >\n                                            {{singleSubject.name}}\n                                        </mat-option>\n                                    </mat-select>\n                                    <mat-error *ngIf=\"subject.hasError('required') && submitClicked\">Bitte wählen Sie\n                                        Ihr Anliegen\n                                    </mat-error>\n                                </mat-form-field>\n                                <mat-form-field appearance=\"outline\" class=\"w-100\">\n                                    <mat-label>Vorname - optional</mat-label>\n                                    <input tabindex=\"3\" matInput autocomplete=\"off\" name=\"firstname\"\n                                           formControlName=\"firstName\">\n                                </mat-form-field>\n                            </div>\n                            <div class=\"col-md-6\">\n                                <mat-form-field *ngIf=\"!showInput\" appearance=\"outline\" class=\"w-100\">\n                                    <mat-label>IDF-Nummer</mat-label>\n                                    <mat-select\n                                            [formControlName]=\"'idf'\"\n                                            [(value)]=\"mainIdf\">\n                                        <mat-option *ngIf=\"(idfs$ | async)?.length === 0\">\n                                            <i class=\"fal fa-spinner-third fa-spin\"></i> IDFs werden geladen.\n                                        </mat-option>\n                                        <mat-option *ngFor=\"let idf of (idfs$ | async)\" [value]=\"idf.idf\">\n                                            {{ idf.idf }} ({{idf.name}})\n                                        </mat-option>\n                                    </mat-select>\n                                </mat-form-field>\n                                <mat-form-field *ngIf=\"showInput\" appearance=\"outline\" class=\"w-100\">\n                                    <mat-label>IDF-Nummer</mat-label>\n                                    <input [value]=\"mainIdf\" matInput [formControlName]=\"'idf'\">\n                                </mat-form-field>\n                                <mat-form-field appearance=\"outline\" class=\"w-100\">\n                                    <mat-label>Nachname - optional</mat-label>\n                                    <input tabindex=\"4\" matInput autocomplete=\"off\" name=\"lastname\"\n                                           formControlName=\"lastName\">\n                                </mat-form-field>\n                            </div>\n                        </div>\n                        <div class=\"row\">\n                            <mat-form-field appearance=\"outline\" class=\"col-md-12\">\n                                <mat-label>Ihre Fragen und Anmerkungen</mat-label>\n                                <textarea tabindex=\"5\" matInput\n                                          placeholder=\"Ihre Fragen und Anmerkungen\"\n                                          formControlName=\"text\"></textarea>\n                                <mat-error *ngIf=\"text.hasError('required') && submitClicked\">Bitte stellen Sie hier\n                                    Ihre Frage\n                                </mat-error>\n                            </mat-form-field>\n                        </div>\n                        <div class=\"row\">\n                            <div class=\"col-md-12 text-right\">\n                                <button tabindex=\"6\" class=\"btn-primary\" type=\"submit\"\n                                        (click)=\"submit(); $event.stopPropagation()\">\n                                    <span>Anfrage absenden</span>\n                                </button>\n                            </div>\n                        </div>\n                    </form>\n                </div>\n                <div *ngIf=\"submitted && contactForm.valid && !showContactAttemptErrorMessage\" class=\"col-md-7\">\n                    <div class=\"text-center py-l\">\n                        <i class=\"fal fa-spinner-third fa-spin\"></i>&nbsp;Ihre Eingabe wird geprüft.\n                    </div>\n                </div>\n                <div class=\"col-md-12 mt-l\" *ngIf=\"mainDistributionCenterAdress\">\n                    <h2>Ihr Hauptvertriebszentrum: {{mainDistributionCenterAdress.location}}</h2>\n                    <div class=\"row\">\n                        <div class=\"col-md-6\">\n                            <h4>Adresse</h4>\n                            <div *ngIf=\"mainDistributionCenterAdress\">{{mainDistributionCenterAdress.street}}</div>\n                            <div *ngIf=\"mainDistributionCenterAdress\">{{mainDistributionCenterAdress.zipCode}}\n                                {{mainDistributionCenterAdress.city}}\n                            </div>\n                            <div><a (click)=\"openShowAllDistributionCenters()\">alle Vertriebszentren<i\n                                    class=\"far fa-angle-right\"></i></a></div>\n                        </div>\n                        <div class=\"col-md-6\">\n                            <h4>Direkter Kontakt</h4>\n                            <div *ngIf=\"mainDistributionCenterAdress && mainDistributionCenterAdress.email\">E-Mail:\n                                {{mainDistributionCenterAdress.email}}\n                            </div>\n                            <div *ngIf=\"mainDistributionCenterAdress\">\n                                Telefon: {{mainDistributionCenterAdress.phone}}</div>\n                            <div *ngIf=\"mainDistributionCenterAdress.fax\">\n                                Fax: {{mainDistributionCenterAdress.fax}}</div>\n                        </div>\n                    </div>\n                    <div class=\"text-center pt-l\">\n                        <img src=\"assets/img/map.png\"/>\n                        <!-- <agm-map [latitude]='latitude' [longitude]='longitude'\n                                  [mapTypeId]='mapType'>\n                         </agm-map>-->\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n","import {Component, Inject, OnDestroy, OnInit} from '@angular/core';\nimport {ActivatedRoute, Router} from '@angular/router';\nimport {FormControl, FormGroup, Validators} from '@angular/forms';\nimport {LogService} from '../../../../core/services/utility/log.service';\nimport {UserService} from '../../../../core/services/user.service';\nimport {MatDialog, MatDialogConfig, MatDialogRef} from '@angular/material/dialog';\nimport {ModalAllDistributionCentersComponent} from './modal-all-distribution-centers/modal-all-distribution-centers.component';\nimport {UserContactRequest} from '../../../../core/models/user-contact-request.model';\nimport {UserServiceRestService} from '../../../../core/services/api/userService.rest-service';\nimport {Observable, Subject} from 'rxjs';\nimport {takeUntil} from 'rxjs/operators';\n\n@Component({\n    selector: 'contact',\n    templateUrl: './contact-form.component.html',\n    styleUrls: ['./contact-form.component.scss']\n})\nexport class ContactFormComponent implements OnInit, OnDestroy {\n    router: Router;\n    error: Object;\n    errorJson: string;\n    errorJsonForMailBody: string;\n    status: string;\n\n    latitude = -28.68352;\n    longitude = -147.20785;\n    mapType = 'satellite';\n    mainDistributionCenterAdress: any;\n    allDistributionCenterAdress: any;\n\n    public submitted = false;\n    public submitClicked = false;\n\n    public showContactAttemptSucceededMessage = false;\n    public showContactAttemptErrorMessage = '';\n    public contactForm: FormGroup;\n    public subject: FormControl = new FormControl('', Validators.required);\n    public text: FormControl = new FormControl('', Validators.required);\n    public idf: FormControl = new FormControl('', Validators.pattern(/^\\d{2,7}$/));\n    public firstName: FormControl = new FormControl('');\n    public lastName: FormControl = new FormControl('');\n    public select: String;\n    public idfs$: Observable<any[]>;\n    public ngUnsubscribe$ = new Subject<any>();\n    public showInput = false;\n    public mainIdf: string;\n    public allSubjects: any[] = [\n        {name: 'Bestellung & Lieferung', categories: ['sendungsverfolgung']},\n        {name: 'Bezahlung & Rechnung', categories: ['meinebelege', 'datev']},\n        {name: 'Einzelimport', categories: []},\n        {name: 'Reklamation', categories: []},\n        {name: 'Mein Konto & Persönliche Daten', categories: ['apothekenstammdaten', 'mitbenutzer']},\n        {name: 'Produktberatung', categories: []},\n        {name: 'Technischer Support', categories: []},\n        {name: 'Sonstiges', categories: ['datenschutz']}];\n\n    constructor(router: Router,\n                public route: ActivatedRoute,\n                @Inject('CMS_URL') public CMS_URL,\n                @Inject('ADMIN_MAIL') public ADMIN_MAIL: string,\n                @Inject(LogService) public log: LogService,\n                @Inject(UserService) public userService: UserService,\n                @Inject(UserServiceRestService) public userServiceRestService: UserServiceRestService,\n                public dialog: MatDialog) {\n        this.router = router;\n\n        this.select = this.route.snapshot.queryParamMap.get('category');\n        /**\n         * Passed in by {@link error.interceptor.ts}\n         * @type {string | null}\n         */\n        this.errorJson = this.route.snapshot.queryParamMap.get('error');\n        this.error = JSON.parse(this.errorJson);\n        this.errorJsonForMailBody = encodeURIComponent(this.errorJson);\n        this.log.info('Error: ', this.error);\n\n        this.contactForm = new FormGroup({\n            subject: this.subject,\n            idf: this.idf,\n            firstName: this.firstName,\n            lastName: this.lastName,\n            text: this.text,\n        });\n        this.userService.getMainDistributionCentersAdressObservable().subscribe(data => {\n            this.mainDistributionCenterAdress = data;\n        });\n        this.userService.getAllDistributionCentersAdressObservable().subscribe(data => {\n            this.allDistributionCenterAdress = data;\n        });\n        this.idfs$ = userService.loadAllIdfs();\n        this.showInput = userService.isPhoenixUser();\n        this.userService\n            .getMainIdfObservable()\n            .pipe(takeUntil(this.ngUnsubscribe$))\n            .subscribe((idf) => {\n                if (idf) {\n                    this.mainIdf = idf;\n                    this.contactForm.get('idf').setValue(this.mainIdf);\n                    if (this.select) {\n                        const selectedCategory = this.allSubjects.find((subject) => subject.categories.includes(this.select) ).name;\n                        this.contactForm.get('subject').setValue(selectedCategory);\n                    }\n                }\n            });\n\n    }\n\n    ngOnInit() {\n    }\n\n    openShowAllDistributionCenters(): MatDialogRef<ModalAllDistributionCentersComponent, MatDialogConfig> {\n        const dialogConfig = new MatDialogConfig();\n        dialogConfig.autoFocus = true;\n        dialogConfig.data = {centers: this.allDistributionCenterAdress};\n        return this.dialog.open(ModalAllDistributionCentersComponent, dialogConfig);\n    }\n\n    submit(): void {\n        this.submitClicked = true;\n        if (this.contactForm.valid) {\n            this.submitted = true;\n            const request = new UserContactRequest({...this.contactForm.value});\n            this.userServiceRestService.makeContact(request).subscribe(\n                () => {\n                    this.showContactAttemptSucceededMessage = true;\n                    this.contactForm.reset();\n                },\n                err => {\n                    this.showContactAttemptErrorMessage = `MESSAGE.ERROR.${err.error.errorCode}`;\n                },\n                () => {\n                    // do stuff after completion\n                }\n            )\n        }\n    }\n\n    /**\n     * Unsubscribe from all subscriptions.\n     */\n    ngOnDestroy() {\n        this.ngUnsubscribe$.next();\n        this.ngUnsubscribe$.complete();\n    }\n}\n","import {NgModule} from '@angular/core';\nimport {CommonModule} from '@angular/common';\nimport {ContactFormComponent} from './contact-form.component';\nimport {RouterModule} from '@angular/router';\n// import {AgmCoreModule} from '@agm/core';\nimport {FormsModule, ReactiveFormsModule} from '@angular/forms';\nimport { MatDialogModule } from '@angular/material/dialog';\nimport { MatFormFieldModule } from '@angular/material/form-field';\nimport { MatInputModule } from '@angular/material/input';\nimport { MatSelectModule } from '@angular/material/select';\nimport {ModalAllDistributionCentersComponent} from './modal-all-distribution-centers/modal-all-distribution-centers.component';\nimport {SuccessModule} from '../../../shared/success/success.module';\nimport {NotificationModule} from '../../../shared/notification/notification.module';\nimport {TranslateModule} from \"@ngx-translate/core\";\n\nexport const routes = [\n    {path: '', component: ContactFormComponent, pathMatch: 'full'},\n];\n\n@NgModule({\n    imports: [\n        CommonModule,\n        RouterModule.forChild(routes),\n        /*AgmCoreModule.forRoot({\n            apiKey: 'AIzaSyDsqZJGhUk4dUqSYmqLp805yZGsxdISRJg'\n        }),*/\n        FormsModule,\n        ReactiveFormsModule,\n        SuccessModule,\n        MatFormFieldModule,\n        MatInputModule,\n        MatSelectModule,\n        MatDialogModule,\n        NotificationModule,\n        TranslateModule\n    ],\n    declarations: [\n        ContactFormComponent,\n        ModalAllDistributionCentersComponent],\n    exports: [ContactFormComponent],\n    entryComponents: [ModalAllDistributionCentersComponent]\n})\nexport class ContactFormModule {\n    static routes = routes;\n}\n"]}