{"version":3,"mappings":"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","names":["T","BESTELLFEHLER","s","e","constructor","t","n","this","ngOnInit","selectedIdf","data","currentlySelectedIdf","onCancelClick","dialogRef","close","onClickReturn","p","d","selectors","onBlur","r","formControlDir","control","formControlName","i","value","o","trim","patchValue","f","Date","now","q","returnAnnouncementResponse$","retourenService","getReturnAnnouncementResponseObservable","download","pipe","m","ngUnsubscribe$","subscribe","hasOwnProperty","msv3","Object","keys","idf","dc","documentId","retourenAnteil","dokumentID","retourenRestService","getReturnDocument","ngOnDestroy","next","complete","u","h","U","D","E","c","P","idfs$","userService","selectContextualizedIdfsObservable","input","isPhoenixUser","isInternalUser","selectedIdf$","currentlyDisplayedIdf","returnAnnouncementForm","products","addProductField","returnRequestResponse$","getReturnRequestResponseObservable","returnRequestLoading$","getReturnRequestLoadingObservable","returnRequestError$","getReturnRequestErrorObservable","returnAnnouncementLoading$","getReturnAnnouncementLoadingObservable","returnAnnouncementError$","getReturnAnnouncementErrorObservable","status","orderNumber","pzn","quantity","reason","batch","expiration","push","resetStatusAndReasonSelection","controls","get","reset","setValue","datePickerEvent","checkStorageDetails","getStorageDetails","returnObject","btm","coolingArticle","addValidators","removeValidators","updateValueAndValidity","setErrors","incorrect","storageCheckError","getErrorMessage","RegExp","test","length","removeProductField","removeAt","resetProductField","at","clear","isSubmitBtnDisable","filter","isTermsChecked","onReasonTypeChange","getIndex","markAllAsTouched","valid","returnRequestStatusMsg","activeRequestPZN","activeRequestOrderNo","format","loadReturnRequest","btmOrCoolingArticle","isBtmOrCoolingArticleExist","isGreenArticleExist","processReturnRequestStatusMsg","onReturnAnnouncement","JSON","parse","stringify","forEach","processReturnAnnouncement","autoFocus","idfs","perform","dialog","open","afterClosed","errorMsg","setTimeout","loadReturnAnnouncement","matomoService","trackEvent","sendProductsToMatomo","showReturnAnnouncement","chosenYearHandler","year","chosenMonthHandler","month","date","findIndex","v","C","path","component","pathMatch","canActivate","ne","g","provide","x","useClass","F","deps","useValue","dateInput","display","monthYearLabel","dateA11yLabel","monthYearA11yLabel","imports","l","O","Z","M","y","w","_","te","b","k"],"sources":["webpack:///src/app/core/models/retouren/retouren-product.model.ts","webpack:///src/app/modules/webshop/components/retouren/retouren-idf-selection-modal/retouren-idf-selection-modal.component.html","webpack:///src/app/modules/webshop/components/retouren/retouren-idf-selection-modal/retouren-idf-selection-modal.component.ts","webpack:///src/app/core/directives/trim.directive.ts","webpack:///src/app/modules/webshop/components/retouren/retouren-announcement/retouren-announcement.component.html","webpack:///src/app/modules/webshop/components/retouren/retouren-announcement/retouren-announcement.component.ts","webpack:///src/app/modules/webshop/components/retouren/retouren.component.html","webpack:///src/app/modules/webshop/components/retouren/retouren.component.ts","webpack:///src/app/modules/webshop/components/retouren/retouren.module.ts"],"sourcesContent":["export enum ReturnReason {\n    BESTELLFEHLER = 'Bestellfehler',\n    BERECHNET_NICHT_GELIEFERT = 'Berechnet nicht geliefert',\n    BESCHAEDIGT = 'Beschädigt',\n    VERFALL_ZU_KURZ = 'Verfall zu kurz',\n    ZUVIEL_GELIEFERT = 'zu viel geliefert, nicht berechnet'\n}\n\nexport class RetourenProductModel {\n    orderNumber: string;\n    pzn: string;\n    quantity: number;\n    reason: ReturnReason;\n    batch: string;\n    expiration: Date;\n\n    constructor(obj: any) {\n        this.orderNumber = obj && obj.orderNumber;\n        this.pzn = obj && obj.pzn;\n        this.quantity = obj && obj.quantity;\n        this.reason = obj && obj.reason;\n        this.batch = obj && obj.batch;\n        this.expiration = obj && obj.expiration;\n    }\n}\n","<div class=\"retourenIdfSelectorWrapper d-flex justify-content-center flex-column p-3\" *ngIf=\"data.idfs\">\n    <h1 mat-dialog-title class=\"pb-3 text-center\">Auswahl der Apotheke</h1>\n    <div mat-dialog-content class=\"text-center\">\n        Bitte wählen Sie, für welche Apotheke Sie die Retoure ankündigen möchten:\n    </div>\n    <form class=\"mt-xl\">\n        <mat-radio-group [(ngModel)]=\"selectedIdf\" name=\"idfSelectRadio\" class=\"d-flex flex-column\">\n            <mat-radio-button *ngFor=\"let idf of data.idfs\"\n                              [value]=\"idf.idf\"\n                              class=\"\">\n                <span class=\"pl-m\">{{ idf.idf }} {{idf.name}}</span>\n            </mat-radio-button>\n        </mat-radio-group>\n    </form>\n    <div mat-dialog-actions class=\"d-flex justify-content-center align-items-center\">\n        <button mat-raised-button cdkFocusInitial (click)=\"onCancelClick()\" type=\"button\" class=\"btn btn-secondary m-0\">\n            <span>ABBRECHEN</span>\n        </button>\n        <button mat-raised-button (click)=\"onClickReturn()\" cdkFocusInitial type=\"button\" class=\"btn btn-primary mt-0\" [disabled]=\"!selectedIdf\">\n            <span>RETOURE ANKÜNDIGEN</span>\n        </button>\n    </div>\n</div>\n","import { Component, OnInit, Inject } from '@angular/core';\nimport {MAT_DIALOG_DATA, MatDialogRef} from '@angular/material/dialog';\n\n@Component({\n  selector: 'app-retouren-idf-selection-modal',\n  templateUrl: './retouren-idf-selection-modal.component.html',\n  styleUrls: ['./retouren-idf-selection-modal.component.scss']\n})\nexport class RetourenIdfSelectionModalComponent implements OnInit {\n  public selectedIdf: string;\n  constructor(@Inject(MAT_DIALOG_DATA) public data: any,\n              private dialogRef: MatDialogRef<RetourenIdfSelectionModalComponent>) { }\n\n  ngOnInit(): void {\n    this.selectedIdf = this.data.currentlySelectedIdf;\n  }\n\n  onCancelClick(): void {\n    this.dialogRef.close();\n  }\n\n  onClickReturn(): void {\n    if (this.selectedIdf !== undefined) {\n      this.dialogRef.close({data: this.selectedIdf});\n    }\n  }\n\n}\n","import { Directive, HostListener, Optional } from '@angular/core';\nimport { FormControlDirective, FormControlName } from '@angular/forms';\n\n@Directive({\n    selector: '[appTrim]',\n})\nexport class TrimDirective {\n    constructor(\n        @Optional() private formControlDir: FormControlDirective,\n        @Optional() private formControlName: FormControlName\n    ) {}\n\n    @HostListener('blur')\n    onBlur(): void {\n        const control =\n            this.formControlDir?.control || this.formControlName?.control;\n        if (!control) {\n            return;\n        }\n\n        const value = control.value;\n        if (value == null) {\n            return;\n        }\n\n        const trimmed = value.trim();\n        control.patchValue(trimmed);\n    }\n}\n\n","<div class=\"widget\">\n    <h2>Retourenankündigung</h2>\n\n    <div class=\"row\">\n        <div class=\"col-md-2 phx-cta justify-content-center align-items-center d-flex\"><i\n                class=\"fal fa-check-circle fa-6x\"></i></div>\n        <div class=\"col-md-8 my-auto\">\n            <h2 class=\"p-0\">Ihre Retoure wurde erfolgreich angekündigt.</h2>\n        </div>\n    </div>\n    <div class=\"row mt-xxl\" *ngIf=\"isBtmOrCoolingArticleExist\">\n        <div class=\"col-md-12\">\n            <notification\n                    message=\"Ihre Retoure enthält Kühl-/BTM Artikel.\n                    Die Ankündigung wurde an die zuständige Retourenabteilung weitergeleitet und Sie werden gesondert kontaktiert.\"\n                    type=\"success\">\n            </notification>\n        </div>\n    </div>\n    <ng-container *ngIf=\"isGreenArticleExist\">\n        <div class=\"mt-xl\">Sie können nun die erforderlichen Dokumente herunterladen. Bitte drucken Sie diese aus und\n            legen Sie sie mit den Artikeln in die Retourenwanne.\n        </div>\n        <div class=\"row mt-xxl\">\n            <div class=\"col-md-2 font-weight-bold\">\n                Datum\n            </div>\n            <div class=\"col-md-2 font-weight-bold\">\n                Bezeichnung\n            </div>\n            <div class=\"col-md-8 font-weight-bold text-right\">\n                Download\n            </div>\n        </div>\n        <div class=\"row d-flex align-items-center py-s\">\n            <div class=\"col-md-2\">\n                {{currentDate | date: 'dd.MM.yyyy'}}\n            </div>\n            <div class=\"col-md-2\">\n                Retourenavis\n            </div>\n            <div class=\"col-md-8 text-right\">\n                <button class=\"btn-primary btn-round\" (click)=\"download()\">\n                    <span class=\"far fa-arrow-down\"></span>\n                </button>\n            </div>\n        </div>\n    </ng-container>\n\n</div>\n","import {Component, Input, OnDestroy, OnInit} from '@angular/core';\nimport {RetourenRestService} from '../../../../../core/services/api/retouren.rest-service';\nimport {Observable, Subject} from 'rxjs';\nimport {RetourenService} from '../../../../../core/services/retouren.service';\nimport {takeUntil} from 'rxjs/operators';\n\n@Component({\n    selector: 'app-retouren-announcement',\n    templateUrl: './retouren-announcement.component.html',\n    styleUrls: ['./retouren-announcement.component.scss']\n})\nexport class RetourenAnnouncementComponent implements OnInit, OnDestroy {\n    public currentDate = Date.now();\n    @Input() isBtmOrCoolingArticleExist: boolean;\n    @Input() isGreenArticleExist: boolean;\n    @Input() idf: string;\n    public returnAnnouncementResponse$: Observable<any>;\n    public ngUnsubscribe$ = new Subject<any>();\n\n\n    constructor(public retourenRestService: RetourenRestService,\n                public retourenService: RetourenService) {\n\n        this.returnAnnouncementResponse$ = this.retourenService.getReturnAnnouncementResponseObservable();\n    }\n\n    ngOnInit(): void {\n    }\n\n    download() {\n        this.returnAnnouncementResponse$.pipe(takeUntil(this.ngUnsubscribe$)).subscribe((response) => {\n            if (response && response.hasOwnProperty('msv3')) {\n                var dcMap = response['msv3'];\n                for (const dc of Object.keys(dcMap)){\n                    const data = {idf: this.idf,dc: dc, documentId: dcMap[dc].retourenAnteil[0].dokumentID};\n                    this.retourenRestService.getReturnDocument(data);\n                }\n            }\n        });\n    }\n\n    /**\n     * Unsubscribe from all subscriptions.\n     */\n    ngOnDestroy(): void {\n        this.ngUnsubscribe$.next();\n        this.ngUnsubscribe$.complete();\n    }\n}\n","<div id=\"content\" class=\"retourenWrapper\">\n    <div class=\"widget\" *ngIf=\"!showReturnAnnouncement\">\n\n                <h2 class=\"pb-s\">Retouren</h2>\n                <p>Möchten Sie wissen, ob die Rücksendung von Artikeln von Ihrem PHOENIX Vertriebszentrum akzeptiert wird,\n                    können Sie hier eine unverbindliche Retourenanfrage stellen.</p>\n<!--            <div class=\"col-md-4 mt-sm-5 mt-lg-0\">-->\n<!--                <form>-->\n<!--                    <mat-form-field *ngIf=\"!input\" appearance=\"outline\">-->\n<!--                        <mat-label>IDF-Nummer</mat-label>-->\n<!--                        <mat-select-->\n<!--                                [(value)]=\"currentlyDisplayedIdf\"-->\n<!--                                (selectionChange)=\"onChangeIdf($event.source.value)\"-->\n<!--                                name=\"idf\">-->\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\">{{ idf.idf }}-->\n<!--                                ({{idf.name}})-->\n<!--                            </mat-option>-->\n<!--                        </mat-select>-->\n<!--                    </mat-form-field>-->\n<!--                    <mat-form-field *ngIf=\"input\" appearance=\"outline\">-->\n<!--                        <mat-label>IDF-Nummer</mat-label>-->\n<!--                        <input [value]=\"currentlyDisplayedIdf\"-->\n<!--                               [disabled]=\"!userService.canInternalUserChangeIdfSelection(InternalUserAuthority.ORDERS_DELIVERIES_ADMINISTRATION)\"-->\n<!--                               (change)=\"onChangeIdf($event.target.value)\"-->\n<!--                               matInput name=\"idf\" appTrim>-->\n<!--                    </mat-form-field>-->\n<!--                </form>-->\n<!--            </div>-->\n\n\n        <!-- ========= START OF Table ========= -->\n        <div class=\"row d-none d-lg-flex table-header mt-xxl \">\n            <div class=\"col-lg-1\"><h4>Status</h4></div>\n            <div class=\"col-lg-2\"><h4>Belegnummer</h4></div>\n            <div class=\"col-lg-1 px-lg-0\"><h4>PZN</h4></div>\n            <div class=\"col-lg-1\"><h4>Menge</h4></div>\n            <div class=\"col-lg-1 px-lg-0\"><h4>Charge</h4></div>\n            <div class=\"col-lg-2\"><h4>Verfall</h4></div>\n            <div class=\"col-lg-3 px-lg-0\"><h4>Retourengrund</h4></div>\n            <div class=\"col-lg-1\"></div>\n        </div>\n        <div class=\"table-content d-flex align-items-center no-gutters\">\n            <form [formGroup]=\"returnAnnouncementForm\">\n                <div formArrayName=\"products\">\n                    <div class=\"row no-gutters-sm smallScreenClass\" *ngFor=\"let product of products.controls; let i = index\"\n                         [formGroupName]=\"i\">\n                        <div class=\"col-lg-1 d-lg-flex align-items-lg-center justify-content-lg-center my-3\">\n                            <div class=\"row mb-4 mb-sm-4 mb-lg-0\">\n                                <div class=\"col-sm-2\">\n                                    <h4 class=\"d-block d-lg-none\">Status</h4>\n                                </div>\n                                <div class=\"col-sm-10 d-flex align-items-center\">\n                                    <div class=\"statusCircle ml-sm-5 ml-lg-0\" [ngClass]=\"product.get('status').value\"></div>\n                                </div>\n                            </div>\n                        </div>\n                        <div class=\"col-lg-2\">\n                            <div class=\"row mb-4 mb-sm-4 mb-lg-0\">\n                                <div class=\"col-sm-2 d-flex align-items-center d-block d-lg-none\">\n                                    <h4>Belegnummer</h4>\n                                </div>\n                                <div class=\"col-sm-10 col-lg-12 d-flex align-items-center\">\n                                    <mat-form-field appearance=\"outline\" class=\"w-100 ml-sm-5 ml-lg-0\">\n                                        <input autocomplete=\"off\"\n                                               matInput\n                                               formControlName=\"orderNumber\"\n                                               name=\"orderNumber\"\n                                               (change)=\"resetStatusAndReasonSelection(i)\"\n                                               appTrim\n                                               placeholder=\"123456\"\n                                        >\n                                        <mat-error>{{getErrorMessage('orderNumber', i)}}</mat-error>\n                                    </mat-form-field>\n                                </div>\n                            </div>\n                        </div>\n                        <div class=\"col-lg-1 px-lg-0\">\n                            <div class=\"row mb-4 mb-sm-4 mb-lg-0\">\n                                <div class=\"col-sm-2 d-flex align-items-center d-block d-lg-none\">\n                                    <h4>PZN</h4>\n                                </div>\n                                <div class=\"col-sm-10 col-lg-12 d-flex align-items-center\">\n                                    <mat-form-field appearance=\"outline\" class=\"w-100 ml-sm-5 ml-lg-0\">\n                                        <input autocomplete=\"off\"\n                                               matInput\n                                               formControlName=\"pzn\"\n                                               name=\"pzn\"\n                                               (change)=\"resetStatusAndReasonSelection(i)\"\n                                               (blur)=\"checkStorageDetails(i)\"\n                                               appTrim\n                                               placeholder=\"12345678\"\n                                        >\n\n                                        <mat-error>{{getErrorMessage('pzn', i)}}</mat-error>\n                                    </mat-form-field>\n                                </div>\n                            </div>\n                        </div>\n                        <div class=\"col-lg-1\">\n                            <div class=\"row mb-4 mb-sm-4 mb-lg-0\">\n                                <div class=\"col-sm-2 d-flex align-items-center d-block d-lg-none\">\n                                    <h4>Menge</h4>\n                                </div>\n                                <div class=\"col-sm-10 col-lg-12 d-flex align-items-center\">\n                                    <mat-form-field appearance=\"outline\" class=\"w-100 ml-sm-5 ml-lg-0\">\n                                        <input autocomplete=\"off\"\n                                               matInput\n                                               formControlName=\"quantity\"\n                                               name=\"quantity\"\n                                               (change)=\"resetStatusAndReasonSelection(i)\"\n                                               appTrim\n                                               placeholder=\"1\"\n                                        >\n                                        <mat-error>{{getErrorMessage('quantity', i)}}</mat-error>\n                                    </mat-form-field>\n                                </div>\n                            </div>\n                        </div>\n                        <div class=\"col-lg-1 px-lg-0\">\n                            <div class=\"row mb-4 mb-sm-4 mb-lg-0\">\n                                <div class=\"col-sm-2 d-flex align-items-center d-block d-lg-none\">\n                                    <h4>Charge</h4>\n                                </div>\n                                <div class=\"col-sm-10 col-lg-12 d-flex align-items-center\">\n                                    <mat-form-field appearance=\"outline\" class=\"w-100 ml-sm-5 ml-lg-0\">\n                                        <input autocomplete=\"off\"\n                                               matInput\n                                               formControlName=\"batch\"\n                                               name=\"batch\"\n                                               (change)=\"resetStatusAndReasonSelection(i)\"\n                                               appTrim\n                                               placeholder=\"123ABC\"\n                                        >\n                                        <mat-error>{{getErrorMessage('batch', i)}}</mat-error>\n                                    </mat-form-field>\n                                </div>\n                            </div>\n                        </div>\n                        <div class=\"col-lg-2\">\n                            <div class=\"row mb-4 mb-sm-4 mb-lg-0\">\n                                <div class=\"col-sm-2 d-flex align-items-center d-block d-lg-none\">\n                                    <h4>Verfall</h4>\n                                </div>\n                                <div class=\"col-sm-10 col-lg-12 d-flex align-items-center\">\n                                    <mat-form-field appearance=\"outline\" class=\"w-100 ml-sm-5 ml-lg-0\">\n                                        <input matInput [matDatepicker]=\"picker\" formControlName=\"expiration\" placeholder=\"MM/JJJJ\"\n                                               (dateInput)=\"datePickerEvent(i, $event)\" (dateChange)=\"datePickerEvent(i, $event)\"\n                                               (ngModelChange)=\"resetStatusAndReasonSelection(i)\">\n                                        <mat-datepicker-toggle matSuffix [for]=\"picker\"></mat-datepicker-toggle>\n                                        <mat-datepicker #picker\n                                                        startView=\"multi-year\"\n                                                        (yearSelected)=\"chosenYearHandler($event, product.get('pzn').value, product.get('orderNumber').value)\"\n                                                        (monthSelected)=\"chosenMonthHandler($event, picker, product.get('pzn').value, product.get('orderNumber').value)\">\n                                        </mat-datepicker>\n                                        <mat-error>{{getErrorMessage('expiration', i)}}</mat-error>\n                                    </mat-form-field>\n                                </div>\n                            </div>\n                        </div>\n                        <div class=\"col-lg-3 px-lg-0\">\n                            <div class=\"row mb-4 mb-sm-4 mb-lg-0\">\n                                <div class=\"col-sm-2 d-flex align-items-center d-block d-lg-none\">\n                                    <h4>Retourengrund</h4>\n                                </div>\n                                <div class=\"col-sm-10 col-lg-12 d-flex align-items-center\">\n                                    <mat-form-field appearance=\"outline\" class=\"w-100 ml-sm-5 ml-lg-0 mb-0\">\n                                        <mat-select [formControlName]=\"'reason'\"\n                                                    (selectionChange)=\"onReasonTypeChange(product.get('pzn').value, product.get('orderNumber').value)\"\n                                                    placeholder=\"Auswahl Retourengrund\"\n                                        >\n                                            <mat-option *ngFor=\"let key of objectKeys(reasonsArray)\" [value]=\"key\">\n                                                {{reasonsArray[key]}}\n                                            </mat-option>\n                                        </mat-select>\n                                        <mat-error>{{getErrorMessage('reason', i)}}</mat-error>\n                                    </mat-form-field>\n                                </div>\n\n                            </div>\n                        </div>\n                        <div class=\"col-lg-1 d-flex justify-content-lg-center justify-content-sm-end align-items-center mt-sm-3 mt-lg-0\">\n                            <button class=\"btn-icon\"\n                                    type=\"button\"\n                                    *ngIf=\"products.controls.length > 1 && (activeRequestPZN !== product.get('pzn').value || activeRequestOrderNo !== product.get('orderNumber').value || !(returnRequestLoading$ | async))\"\n                                    (click)=\"removeProductField(i)\"><i\n                                    class=\"far fa-trash fa-lg\"></i></button>\n                            <div *ngIf=\"activeRequestPZN === product.get('pzn').value && activeRequestOrderNo === product.get('orderNumber').value && (returnRequestLoading$ | async)\"\n                                 class=\"text-center\">\n                                <i class=\"fal fa-spinner-third fa-spin fa-lg\"></i>\n                            </div>\n                        </div>\n                        <div class=\"col-lg-12\" *ngIf=\"(returnRequestError$ | async) && activeRequestPZN === product.get('pzn').value && activeRequestOrderNo === product.get('orderNumber').value\">\n                            <div class=\"row\">\n                                <div class=\"col-md-1 d-none d-lg-block\"></div>\n                                <div class=\"col-lg-10 col-sm-12 pr-lg-0 mt-sm-4 mt-lg-0\">\n                                    <notification type=\"error p-2\" message=\"Ihre Anfrage konnte nicht übermittelt werden. Bitte versuchen Sie es zu einem späteren Zeitpunkt erneut.\"  ></notification>\n                                </div>\n                                <div class=\"col-md-1 d-none d-lg-block\"></div>\n                            </div>\n                        </div>\n                        <div class=\"col-lg-12\" *ngIf=\"returnRequestStatusMsg !== '' && activeRequestPZN === product.get('pzn').value && activeRequestOrderNo === product.get('orderNumber').value\">\n                            <div class=\"row\">\n                                <div class=\"col-md-1 d-none d-lg-block\"></div>\n                                <div class=\"col-lg-10 col-sm-12 pr-lg-0 mt-sm-4 mt-lg-0\">\n                                    <notification type=\"error p-2\" message=\"{{returnRequestStatusMsg}}\"  ></notification>\n                                </div>\n                                <div class=\"col-md-1 d-none d-lg-block\"></div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </form>\n        </div>\n        <!-- ============== Table ENDS here ======= -->\n        <div class=\"row align-items-center d-flex mt-xl\">\n            <div class=\"col-md-12\">\n                <button class=\"btn-round mr-3\" (click)=\"addProductField()\"><i class=\"fas fa-plus\"></i></button>\n                Weitere Artikel hinzufügen\n            </div>\n        </div>\n        <div class=\"row mt-xxl\">\n            <div class=\"col-md-12\">\n                <notification *ngIf=\"errorMsg !== ''\"\n                              message=\"{{errorMsg}}\"\n                              type=\"warning\">\n                </notification>\n            </div>\n        </div>\n        <div class=\"row termsAndCondition\">\n            <div class=\"col-md-12 d-flex align-items-center\">\n                <mat-checkbox [required]=\"true\" class=\"mt-2\"\n                              [checked]=\"isTermsChecked\"\n                              (change)=\"isTermsChecked = !isTermsChecked\">\n                    Ich bestätige, dass die oben aufgeführten und anliegend zurückgegebenen Waren verkehrsfähig gem. AMG\n                    bzw. Lebensmittelgesetz sind, vom Arzneimittelgroßhandel bezogen und seit der Lieferung\n                    ordnungsgemäß gelagert und gehandhabt wurden, insbesondere meinen Verantwortungsbereich nicht\n                    verlassen haben. Ausgenommen sind Artikel, welche den Retourengrund „beschädigt“ ausgewählt haben.\n                </mat-checkbox>\n            </div>\n        </div>\n        <div class=\"row mt-s\">\n            <div class=\"col-md-12 text-right\">\n                <button class=\"btn-primary m-0\" [disabled]=\"isSubmitBtnDisable()\" (click)=\"onReturnAnnouncement()\">\n                    Retoure Ankündigen\n                </button>\n            </div>\n        </div>\n        <div class=\"row mt-xxl\">\n            <div class=\"col-md-3 d-flex align-items-center\">\n                <div class=\"statusCircle success\"></div>\n                <div class=\"ml-2\">Retoure akzeptiert</div>\n            </div>\n            <div class=\"col-md-3 d-flex align-items-center\">\n                <div class=\"statusCircle warning\"></div>\n                <div class=\"ml-2\">Retoure abgelehnt</div>\n            </div>\n            <div class=\"col-md-6 d-flex align-items-center\">\n                <div class=\"statusCircle alerts\"></div>\n                <div class=\"ml-2\">Anfrage wird an Retourenabteilung übermittelt.<br/> Sie werden gesondert kontaktiert.\n                </div>\n            </div>\n        </div>\n    </div>\n    <app-retouren-announcement\n            *ngIf=\"showReturnAnnouncement\"\n            [isBtmOrCoolingArticleExist]=\"isBtmOrCoolingArticleExist\"\n            [isGreenArticleExist]=\"isGreenArticleExist\"\n            [idf]=\"currentlyDisplayedIdf\"\n    >\n    </app-retouren-announcement>\n</div>\n","import {Component, OnDestroy, OnInit, ViewEncapsulation} from '@angular/core';\nimport {Observable, Subject} from 'rxjs';\nimport {UserService} from '../../../../core/services/user.service';\nimport {take, takeUntil} from 'rxjs/operators';\nimport {FormArray, FormControl, FormGroup, Validators} from '@angular/forms';\nimport {ReturnReason} from '../../../../core/models/retouren/retouren-product.model';\nimport {RetourenRequestModel} from '../../../../core/models/retouren/retouren-request.model';\nimport {RetourenService} from '../../../../core/services/retouren.service';\nimport {RetourenRestService} from '../../../../core/services/api/retouren.rest-service';\nimport {formatDate} from '@angular/common';\n// Depending on whether rollup is used, moment needs to be imported differently.\n// Since Moment.js doesn't have a default export, we normally need to import using the `* as`\n// syntax. However, rollup creates a synthetic default module and we thus need to import it using\n// the `default as` syntax.\nimport * as _moment from 'moment';\n// @ts-ignore\nimport {default as _rollupMoment, Moment} from 'moment';\nimport {MatomoService} from '../../../../core/services/matomo.service';\nimport {MatDatepickerInputEvent} from '@angular/material/datepicker';\nimport {MatDialog, MatDialogConfig} from '@angular/material/dialog';\nimport {\n    RetourenIdfSelectionModalComponent\n} from './retouren-idf-selection-modal/retouren-idf-selection-modal.component';\nimport {InternalUserAuthority} from '../../../../core/models/enums/internal-user-authority.model';\n\nconst moment = _rollupMoment || _moment;\n\n@Component({\n    selector: 'app-retouren',\n    templateUrl: './retouren.component.html',\n    styleUrls: ['./retouren.component.scss'],\n    encapsulation: ViewEncapsulation.None\n})\nexport class RetourenComponent implements OnInit, OnDestroy {\n    public idfs$: Observable<any[]>;\n    public currentlyDisplayedIdf: string;\n    public input = false;\n    // public mainIdf: string;\n    public reasonsArray = ReturnReason;\n    public objectKeys = Object.keys;\n    public ngUnsubscribe$ = new Subject<any>();\n    public activeRequestPZN: any;\n    public activeRequestOrderNo: any;\n    public returnRequestResponse$: Observable<any>;\n    public returnRequestLoading$: Observable<boolean>;\n    public returnRequestError$: Observable<any>;\n\n    public errorMsg = '';\n    public returnAnnouncementLoading$: Observable<boolean>;\n    public returnAnnouncementError$: Observable<any>;\n    public isBtmOrCoolingArticleExist = false;\n    public isGreenArticleExist = false;\n    public showReturnAnnouncement = false;\n    public isTermsChecked = false;\n    public storageCheckError = '';\n    public returnRequestStatusMsg = '';\n\n    public returnAnnouncementForm: FormGroup;\n    public idf: FormControl = new FormControl('', [Validators.required]);\n    public products: FormArray = new FormArray([], [Validators.required]);\n    protected readonly InternalUserAuthority = InternalUserAuthority;\n\n    constructor(public userService: UserService,\n                public retourenService: RetourenService,\n                public matomoService: MatomoService,\n                public retourenRestService: RetourenRestService,\n                private dialog: MatDialog) {\n        this.idfs$ = this.userService.selectContextualizedIdfsObservable('orders');\n        this.input = this.userService.isPhoenixUser() || this.userService.isInternalUser();\n\n        this.userService.selectedIdf$.subscribe(idf => {\n                if (idf) {\n                    this.currentlyDisplayedIdf = idf.idf;\n                    // this.mainIdf = idf;\n                }\n            });\n\n        this.returnAnnouncementForm = new FormGroup({\n            idf: this.idf,\n            products: this.products\n        });\n        this.addProductField(); // add default empty fields for add product\n        this.returnRequestResponse$ = this.retourenService.getReturnRequestResponseObservable();\n        this.returnRequestLoading$ = this.retourenService.getReturnRequestLoadingObservable();\n        this.returnRequestError$ = this.retourenService.getReturnRequestErrorObservable();\n\n        this.returnAnnouncementLoading$ = this.retourenService.getReturnAnnouncementLoadingObservable();\n        this.returnAnnouncementError$ = this.retourenService.getReturnAnnouncementErrorObservable();\n    }\n\n    // onChangeIdf(idf) {\n    //     this.currentlyDisplayedIdf = idf;\n    //     this.returnAnnouncementForm.reset();\n    //     this.resetProductField();\n    // }\n\n    addProductField() {\n        const group = new FormGroup({\n            status: new FormControl('unknown'), // 'warning' | 'success' | 'alerts' | 'unknown'\n            orderNumber: new FormControl('', [Validators.required, Validators.pattern('^[0-9]*$'), Validators.maxLength(6)]),\n            pzn: new FormControl('', [Validators.required, Validators.pattern('^[0-9]*$'), Validators.maxLength(8), Validators.minLength(1)]),\n            quantity: new FormControl('', [Validators.required, Validators.pattern('[1-9][0-9]*')]),\n            reason: new FormControl('', [Validators.required]),\n            batch: new FormControl(''),\n            expiration: new FormControl('')\n        });\n        this.products.push(group);\n    }\n\n    resetStatusAndReasonSelection(index: any) {\n        // we reset it everytime user make changes to any field\n        // as we trigger return-request upon reason change dropdown\n        // a user might change the field value after a return request\n        // so to let the user know that you have made changes to the inputs\n        // so user have to select the reason again.\n        this.products.controls[index].get('reason').reset();\n        this.products.controls[index].get('status').setValue('unknown');\n    }\n\n    datePickerEvent(index: any, event: MatDatepickerInputEvent<Date>) {\n        if (!event.value) {\n            this.products.controls[index].get('expiration').setValue('');\n        }\n    }\n\n    checkStorageDetails(index: any) {\n        // batch and expiration field will be required for btm or cooling article\n        const value = this.products.controls[index].get('pzn').value;\n        if (value) {\n            this.retourenRestService.getStorageDetails(value).pipe(takeUntil(this.ngUnsubscribe$)).subscribe((result) => {\n                    const validators = [Validators.required];\n                    if (result && result.returnObject) {\n                        if (result.returnObject.btm || result.returnObject.coolingArticle) {\n                            this.products.controls[index].get('batch').addValidators(validators);\n                            this.products.controls[index].get('expiration').addValidators(validators);\n                        } else {\n                            this.products.controls[index].get('batch').removeValidators(validators);\n                            this.products.controls[index].get('expiration').removeValidators(validators);\n                        }\n                        this.products.controls[index].get('batch').updateValueAndValidity();\n                        this.products.controls[index].get('expiration').updateValueAndValidity();\n                    } else {\n                        this.products.controls[index].get('pzn').setErrors({incorrect: true});\n                        this.storageCheckError = 'PZN unbekannt.';\n                    }\n                },\n                () => {\n                    this.products.controls[index].get('pzn').setErrors({incorrect: true});\n                    this.storageCheckError = 'PZN unbekannt.';\n                },\n            );\n        }\n    }\n\n    getErrorMessage(fieldName: string, index: any) {\n        const value = this.products.value[index][fieldName];\n        const numberRegex = new RegExp('^[0-9]*$');\n        const positiveNumberRegex = new RegExp('[1-9][0-9]*');\n        switch (fieldName) {\n            case 'orderNumber':\n                if (value === '') {\n                    return 'Pflichtangabe';\n                }\n                if (!numberRegex.test(value ? value.trim() : value)) {\n                    return 'Nummer eingeben';\n                }\n                if (value.length > 6) {\n                    return 'max. 6-stellige Nummer';\n                }\n                return '';\n            case 'pzn':\n                if (value === '') {\n                    return 'Pflichtangabe';\n                }\n                if (!numberRegex.test(value ? value.trim() : value)) {\n                    return 'Nummer eingeben';\n                }\n                if (value.length > 8) {\n                    return 'max. 8-stellige Nummer';\n                }\n                if (this.storageCheckError !== '') {\n                    return this.storageCheckError;\n                }\n                return '';\n            case 'quantity':\n                if (value === '') {\n                    return 'Pflichtangabe';\n                }\n                if (!numberRegex.test(value ? value.trim() : value)) {\n                    return 'Nummer eingeben';\n                }\n                if (!positiveNumberRegex.test(value ? value.trim() : value)) {\n                    return 'Menge darf nicht 0 sein';\n                }\n                return '';\n            case 'batch':\n                if (value === '') {\n                    return 'Pflichtangabe';\n                }\n                return '';\n            case 'expiration':\n                if (value === '') {\n                    return 'Pflichtangabe';\n                }\n                return '';\n            case 'reason':\n                if (value === '') {\n                    return 'Pflichtangabe';\n                }\n                return '';\n            default:\n                return '';\n        }\n    }\n\n    removeProductField(index: number) {\n        this.products.removeAt(index);\n    }\n\n    resetProductField() {\n        const valueToKeep = this.products.at(0);\n        this.products.clear();\n        this.products.push(valueToKeep);\n    }\n\n    isSubmitBtnDisable() {\n        const data = this.returnAnnouncementForm.value;\n        data.products = data.products.filter((item) => item.status !== 'warning' && item.status !== 'unknown');\n        return !(this.isTermsChecked && data.products.length > 0);\n    }\n\n\n    onReasonTypeChange(pzn: string, orderNumber: any) {\n        const index = this.getIndex(pzn, orderNumber);\n        this.products.controls[index].markAllAsTouched();\n        this.returnAnnouncementForm.get('idf').setValue(this.currentlyDisplayedIdf);\n\n        if (this.products.controls[index].valid) {\n            this.returnRequestStatusMsg = '';\n            this.activeRequestPZN = this.products.controls[index].get('pzn').value.trim();\n            this.activeRequestOrderNo = this.products.controls[index].get('orderNumber').value.trim();\n            const data: RetourenRequestModel = {\n                idf: this.returnAnnouncementForm.get('idf').value.trim(),\n                orderNumber: this.products.controls[index].get('orderNumber').value.trim(),\n                pzn: this.products.controls[index].get('pzn').value.trim(),\n                quantity: this.products.controls[index].get('quantity').value.trim(),\n                reason: this.products.controls[index].get('reason').value.trim(),\n                batch: this.products.controls[index].get('batch').value ?\n                    this.products.controls[index].get('batch').value.trim() :\n                    this.products.controls[index].get('batch').value,\n                expiration: this.products.controls[index].get('expiration').value ?\n                    this.products.controls[index].get('expiration').value.format('YYYY-MM-DD') :\n                    this.products.controls[index].get('expiration').value\n            };\n            this.retourenService.loadReturnRequest(data);\n            this.returnRequestResponse$.pipe(takeUntil(this.ngUnsubscribe$)).subscribe((result) => {\n                // update status\n                // ACCEPTED = green, DECLINED = RED, REQUIRES_FEEDBACK = ORANGE\n                if (result && this.activeRequestPZN === pzn && this.activeRequestOrderNo === orderNumber) {\n                    if (result.btmOrCoolingArticle) {\n                        this.isBtmOrCoolingArticleExist = true; // btm article found\n                    }\n                    if (result.status === 'REQUIRES_FEEDBACK') {\n                        this.products.controls[index].get('status').setValue('alerts'); // ORANGE\n                    }\n                    if (result.status === 'ACCEPTED') {\n                        this.products.controls[index].get('status').setValue('success'); // GREEN\n                        this.isGreenArticleExist = true; // green article found\n                    }\n                    if (result.status === 'DECLINED') {\n                        this.products.controls[index].get('status').setValue('warning'); // RED\n                    }\n                    this.returnRequestStatusMsg = this.processReturnRequestStatusMsg(result.reason);\n                }\n            });\n        }\n    }\n\n    processReturnRequestStatusMsg(reason: string) {\n        switch (reason) {\n            case 'UNKNOWN_DELIVERY_NOTE':\n                return 'Die Belegnummer ist unbekannt. Bitte prüfen Sie Ihre Eingabe.';\n            case 'PZN_NOT_IN_DELIVERY_NOTE':\n                return 'Die PZN ist nicht im angegebenen Beleg enthalten. Bitte prüfen Sie Ihre Eingabe.';\n            case 'AMOUNT_EXCEEDED':\n                return 'Die Menge ist überschritten. Bitte prüfen Sie Ihre Eingabe.';\n            default:\n                return '';\n        }\n    }\n\n    ngOnInit(): void {\n    }\n\n    onReturnAnnouncement() {\n        // find all products that are not in unknown status\n        const data = this.returnAnnouncementForm.value;\n        data.products = data.products.filter((item) => item.status !== 'unknown');\n        const returnProducts = JSON.parse(JSON.stringify(data.products));\n\n        data.products.forEach((product) => {\n            delete product.status;\n            product.expiration = formatDate(product.expiration, 'yyyy-MM-dd', 'de_DE');\n        });\n\n        if (data.products.length > 0) {\n            // show idf selection modal if more than one IDF is present\n            this.idfs$.pipe(takeUntil(this.ngUnsubscribe$)).subscribe((idfs) => {\n                if (idfs.length === 1) {\n                    this.processReturnAnnouncement(data, returnProducts);\n                } else {\n                    const idfSelectDialogConfig = new MatDialogConfig();\n                    idfSelectDialogConfig.autoFocus = false;\n                    idfSelectDialogConfig.data = {idfs: idfs, currentlySelectedIdf: this.currentlyDisplayedIdf, perform: false};\n                    this.dialog.open(RetourenIdfSelectionModalComponent, idfSelectDialogConfig).afterClosed()\n                        .pipe(takeUntil(this.ngUnsubscribe$)).subscribe(result => {\n                        if (result && result.data) {\n                            data.idf = result.data;\n                            this.processReturnAnnouncement(data, returnProducts);\n                        }\n                    });\n                }\n            });\n        } else {\n            // showing error in case none of the products has return requested\n            this.errorMsg = 'Products with return request not found. Please check the products with unknown status (Grey circle).';\n            setTimeout(() => {\n                this.errorMsg = '';\n            }, 5000);\n        }\n    }\n\n    processReturnAnnouncement(data, returnProducts) {\n        this.retourenService.loadReturnAnnouncement(data);\n        this.returnAnnouncementLoading$.pipe(takeUntil(this.ngUnsubscribe$)).subscribe((loading) => {\n            if (!loading) {\n                this.returnAnnouncementError$.pipe(takeUntil(this.ngUnsubscribe$)).subscribe((err) => {\n                    if (err !== null) {\n                        this.matomoService.trackEvent('Retouren', 'Retoure Ankündigen', 'Fehler');\n                        // show error message\n                        this.errorMsg = 'Return announcement failed.';\n                        setTimeout(() => {\n                            this.errorMsg = '';\n                        }, 5000);\n                    } else {\n                        this.matomoService.trackEvent('Retouren', 'Retoure Ankündigen', 'Erfolg');\n                        this.matomoService.trackEvent('Retouren', 'Retouren IDF', this.returnAnnouncementForm.get('idf').value.trim());\n                        this.sendProductsToMatomo(returnProducts);\n\n                        this.showReturnAnnouncement = true;\n                        this.returnAnnouncementForm.reset();\n                        this.resetProductField();\n                    }\n                });\n            }\n        });\n    }\n\n    chosenYearHandler(normalizedYear: Moment, pzn: string, orderNumber: any) {\n        const index = this.getIndex(pzn, orderNumber);\n        const ctrlValue = this.products.controls[index].get('expiration').value ? this.products.controls[index].get('expiration').value : moment();\n        ctrlValue.year(normalizedYear.year());\n        this.products.controls[index].get('expiration').setValue(ctrlValue);\n    }\n\n    chosenMonthHandler(\n        normalizedMonth: Moment,\n        datepicker: any,\n        pzn,\n        orderNumber: any\n    ) {\n        const index = this.getIndex(pzn, orderNumber);\n        const ctrlValue = this.products.controls[index].get('expiration').value ? this.products.controls[index].get('expiration').value : moment();\n        ctrlValue.month(normalizedMonth.month());\n        ctrlValue.date(normalizedMonth.date());\n        this.products.controls[index].get('expiration').setValue(ctrlValue);\n        datepicker.close();\n    }\n\n    getIndex(pzn: any, orderNumber: any) {\n        return (<FormArray>this.returnAnnouncementForm.get('products')).controls.findIndex(x => x.value.pzn === pzn && x.value.orderNumber === orderNumber);\n    }\n\n    sendProductsToMatomo(products){\n        products.forEach((product) =>{\n            if(product.status === 'alerts'){\n                this.matomoService.trackEvent('Retouren', 'Retouren Btm Kühl Artikel ', product.pzn);\n            }else{\n                this.matomoService.trackEvent('Retouren', 'Retouren Normal Artikel', product.pzn);\n            }\n            this.matomoService.trackEvent('Retouren', 'Retourengrund ' + product.reason);\n        });\n    }\n\n    /**\n     * Unsubscribe from all subscriptions.\n     */\n    ngOnDestroy(): void {\n        this.ngUnsubscribe$.next();\n        this.ngUnsubscribe$.complete();\n    }\n\n}\n","import {NgModule} from '@angular/core';\nimport {CommonModule} from '@angular/common';\nimport {RouterModule} from '@angular/router';\nimport {RetourenComponent} from './retouren.component';\nimport {MatFormFieldModule} from '@angular/material/form-field';\nimport {MatSelectModule} from '@angular/material/select';\nimport {FormsModule, ReactiveFormsModule} from '@angular/forms';\nimport {MatInputModule} from '@angular/material/input';\nimport {MatCheckboxModule} from '@angular/material/checkbox';\nimport {MatDatepickerModule} from '@angular/material/datepicker';\nimport {NotificationModule} from '../../../shared/notification/notification.module';\nimport {RetourenAnnouncementComponent} from './retouren-announcement/retouren-announcement.component';\nimport {TrimDirective} from '../../../../core/directives/trim.directive';\nimport {\n    DateAdapter,\n    MAT_DATE_FORMATS,\n    MAT_DATE_LOCALE,\n} from '@angular/material/core';\nimport {\n    MomentDateAdapter,\n    MAT_MOMENT_DATE_ADAPTER_OPTIONS,\n} from '@angular/material-moment-adapter';\nimport {RouteGuardService} from '../../../../core/services/routeGuards/route-guard.service';\nimport {\n    RetourenIdfSelectionModalComponent\n} from './retouren-idf-selection-modal/retouren-idf-selection-modal.component';\nimport {MatRadioModule} from '@angular/material/radio';\nimport {MatDialogModule} from '@angular/material/dialog';\nimport {MatButtonModule} from '@angular/material/button';\n\nexport const routes = [\n    {path: '', component: RetourenComponent, pathMatch: 'full', canActivate: [RouteGuardService]}\n];\n\n@NgModule({\n    imports: [\n        CommonModule,\n        RouterModule.forChild(routes),\n        MatFormFieldModule,\n        MatSelectModule,\n        FormsModule,\n        ReactiveFormsModule,\n        MatInputModule,\n        MatCheckboxModule,\n        MatDatepickerModule,\n        NotificationModule,\n        MatRadioModule,\n        MatDialogModule,\n        MatButtonModule\n    ],\n    declarations: [\n        RetourenComponent,\n        RetourenAnnouncementComponent,\n        TrimDirective,\n        RetourenIdfSelectionModalComponent\n    ],\n    entryComponents: [],\n    providers: [\n        // `MomentDateAdapter` can be automatically provided by importing `MomentDateModule` in your\n        // application's root module. We provide it at the component level here, due to limitations of\n        // our example generation script.\n        {\n            provide: DateAdapter,\n            useClass: MomentDateAdapter,\n            deps: [MAT_DATE_LOCALE, MAT_MOMENT_DATE_ADAPTER_OPTIONS],\n        },\n\n        {\n            provide: MAT_DATE_FORMATS, useValue: {\n                parse: {\n                    dateInput: 'MM/YYYY',\n                },\n                display: {\n                    dateInput: 'MM/YYYY',\n                    monthYearLabel: 'MMM YYYY',\n                    dateA11yLabel: 'LL',\n                    monthYearA11yLabel: 'MMMM YYYY',\n                },\n            }\n        },\n    ]\n})\nexport class RetourenModule {\n    static routes = routes;\n}\n"]}