\r\n
","import { Component, Input, OnInit, Optional } from '@angular/core';\r\nimport {\r\n FormGroup,\r\n FormBuilder,\r\n Validators,\r\n FormControl,\r\n} from '@angular/forms';\r\nimport { AccountService } from '../../../../services/account.service';\r\nimport { PasswordValidator } from '../../../../validators/password.validator';\r\nimport { RoutesPaths } from '../../../../enums/routePaths';\r\nimport { ActivatedRoute, Router } from '@angular/router';\r\nimport { RegisterRequest } from '../../../../models/request/register.request';\r\nimport { MessageService } from 'primeng/api';\r\nimport { DynamicDialogConfig, DynamicDialogRef } from 'primeng/dynamicdialog';\r\nimport { DataStoreService } from '../../../../services/data-store.service';\r\nimport { MandateService } from '../../../../services/mandate.service';\r\nimport { CreateMandateBeforePaymentRequest } from '../../../../models/request/create-mandate.request';\r\n\r\n@Component({\r\n selector: 'acf-register-from',\r\n templateUrl: './register-from.component.html',\r\n styleUrl: './register-from.component.scss',\r\n providers: [MessageService],\r\n standalone: false,\r\n})\r\nexport class RegisterFromComponent implements OnInit {\r\n @Input() appName: string = '';\r\n @Input() redirectUrl: string = '';\r\n applicationName: string = '';\r\n gender = [\r\n {\r\n value: 'Monsieur',\r\n key: '001',\r\n },\r\n {\r\n value: 'Madame',\r\n key: '002',\r\n },\r\n ];\r\n registerForm: FormGroup;\r\n loading = false;\r\n submitted = false;\r\n emailInputIcon: string = '';\r\n phoneInputIcon: string = '';\r\n showPassword: boolean = false;\r\n showConfirmPassword: boolean = false;\r\n registerFromSteps: boolean = false;\r\n\r\n constructor(\r\n private readonly formBuilder: FormBuilder,\r\n private readonly accountService: AccountService,\r\n private readonly router: Router,\r\n private readonly route: ActivatedRoute,\r\n private readonly messageService: MessageService,\r\n private readonly store: DataStoreService,\r\n @Optional() public ref: DynamicDialogRef,\r\n @Optional() public config: DynamicDialogConfig,\r\n private readonly mandateService: MandateService\r\n ) {\r\n this.applicationName = this.store.getApplication();\r\n this.registerForm = this.onItniFrom();\r\n if (config?.data?.registerFromSteps) {\r\n this.registerFromSteps = config.data.registerFromSteps;\r\n this.loadFormFromLocalStorage();\r\n } else {\r\n this.registerFromSteps = false;\r\n }\r\n }\r\n\r\n ngOnInit(): void {\r\n this.route.queryParams.subscribe((params) => {\r\n const key = params['key']?.replace(/ /g, '+');\r\n if (key) {\r\n this.accountService.validateCDMCustomer(key).subscribe({\r\n next: (response) => {\r\n if (response.result) {\r\n this.router.navigate([`/${RoutesPaths.registerSuccess}`]);\r\n } else if (response.errors && response.errors.length > 0) {\r\n switch (response.errors[0]) {\r\n case 'InvalidInput':\r\n case 'EmailAndCodeDontMatch':\r\n case 'LinkExpired':\r\n this.router.navigate([`/${RoutesPaths.registerError}`]);\r\n break;\r\n case 'LinkIsAlreadyUsed':\r\n this.router.navigate([\r\n `/${RoutesPaths.registerlinkAlreadyUsedError}`,\r\n ]);\r\n break;\r\n default:\r\n this.router.navigate([`/${RoutesPaths.registerError}`]);\r\n break;\r\n }\r\n } else {\r\n this.router.navigate([`/${RoutesPaths.registerError}`]);\r\n }\r\n },\r\n error: () => {\r\n this.router.navigate([`/${RoutesPaths.registerError}`]);\r\n },\r\n });\r\n }\r\n });\r\n }\r\n\r\n onItniFrom() {\r\n return this.formBuilder.group(\r\n {\r\n title: ['', Validators.required],\r\n password: [\r\n '',\r\n [\r\n Validators.required,\r\n Validators.pattern(\r\n /^(?=\\D*\\d)(?=[^a-z]*[a-z])(?=[^A-Z]*[A-Z])(?=.*[$@$!%*?&.+-/(){}\"']).{8,}$/\r\n ),\r\n ],\r\n ],\r\n confirmPassword: ['', Validators.required],\r\n firstName: ['', Validators.required],\r\n lastName: ['', Validators.required],\r\n city: [null, Validators.required],\r\n address: ['', Validators.required],\r\n zip: [null, Validators.required],\r\n phoneNumber: new FormControl('', [\r\n Validators.required,\r\n Validators.pattern(/^[1-7]([\\s\\d]*\\d){8}$/),\r\n ]),\r\n email: new FormControl('', [\r\n Validators.required,\r\n Validators.email,\r\n Validators.pattern('^[A-Za-z0-9._%+-]+@[a-z0-9.-]+\\\\.[a-z]{2,4}$'),\r\n ]),\r\n ischecked: [false],\r\n },\r\n {\r\n validator: PasswordValidator('password', 'confirmPassword'),\r\n }\r\n );\r\n }\r\n\r\n loadFormFromLocalStorage(): void {\r\n const savedFormData = this.store.getStep3Form();\r\n if (savedFormData) {\r\n this.registerForm.patchValue(savedFormData);\r\n this.checkEmail();\r\n this.checkPhone();\r\n }\r\n }\r\n\r\n checkEmail() {\r\n const email = this.registerForm.get('email');\r\n if (email && email.status == 'VALID' && !email.errors) {\r\n this.emailInputIcon = 'pi pi-spinner pi-spin';\r\n this.accountService.checkEmail(email.value).subscribe(\r\n (data) => {\r\n this.emailInputIcon = data ? 'pi pi-times' : 'pi pi-check';\r\n },\r\n (_) => (this.emailInputIcon = 'pi pi-times')\r\n );\r\n } else {\r\n this.emailInputIcon = '';\r\n }\r\n }\r\n\r\n checkPhone() {\r\n let rawValue = this.registerForm.value.phoneNumber.replace(/\\s+/g, ''); // Remove spaces\r\n this.registerForm.get('phoneNumber')?.setValue(rawValue);\r\n const phoneNumber = this.registerForm.get('phoneNumber');\r\n if (phoneNumber && phoneNumber.status == 'VALID' && !phoneNumber.errors) {\r\n this.phoneInputIcon = 'pi pi-spinner pi-spin';\r\n this.accountService\r\n .checkPhoneNumber(phoneNumber.value, this.applicationName)\r\n .subscribe(\r\n (data) => {\r\n this.phoneInputIcon = data ? 'pi pi-times' : 'pi pi-check';\r\n },\r\n (_) => (this.phoneInputIcon = '')\r\n );\r\n } else {\r\n this.phoneInputIcon = '';\r\n }\r\n }\r\n\r\n onSubmit(): void {\r\n this.submitted = true;\r\n const isFromValid =\r\n this.registerForm.valid &&\r\n this.registerForm.get('ischecked')?.value === true &&\r\n this.emailInputIcon === 'pi pi-check' &&\r\n this.phoneInputIcon === 'pi pi-check';\r\n if (isFromValid) {\r\n this.loading = true;\r\n const registerRequest: RegisterRequest = {\r\n applicationName: this.applicationName,\r\n title: this.registerForm.get('title')?.value,\r\n password: this.registerForm.get('password')?.value,\r\n firstName: this.registerForm.get('firstName')?.value,\r\n lastName: this.registerForm.get('lastName')?.value,\r\n city: this.registerForm.get('city')?.value.city,\r\n address: this.registerForm.get('address')?.value,\r\n zipPostalCode: this.registerForm.get('zip')?.value.zip,\r\n phoneNumber: this.registerForm\r\n .get('phoneNumber')\r\n ?.value.replace(/\\s/g, ''),\r\n email: this.registerForm.get('email')?.value,\r\n username: this.registerForm.get('email')?.value,\r\n countryCode: '250',\r\n };\r\n this.accountService.createAccount(registerRequest).subscribe(\r\n (response) => {\r\n if (response.result === true) {\r\n // this.messageService.add({ severity: 'success', detail: 'Votre compte a été créé avec succès. Veuillez vérifier votre email pour finaliser l\\'activation.' });\r\n if (this.registerFromSteps) {\r\n this.closePopup();\r\n this.router.navigate([`/${RoutesPaths.registerCheckInbox}`]);\r\n this.createMandateBeforePayment(registerRequest.email);\r\n this.store.deleteFormsFromLocalStorage();\r\n } else {\r\n this.router.navigate([`/${RoutesPaths.registerCheckInbox}`]);\r\n }\r\n } else {\r\n this.messageService.add({\r\n severity: 'error',\r\n detail:\r\n 'Une erreur est survenue lors de la création de votre compte. Veuillez réessayer ou contacter le support si le problème persiste.',\r\n });\r\n }\r\n this.loading = false;\r\n },\r\n (error) => {\r\n this.messageService.add({\r\n severity: 'error',\r\n detail:\r\n 'Une erreur est survenue lors de la création de votre compte. Veuillez réessayer ou contacter le support si le problème persiste.',\r\n });\r\n this.loading = false;\r\n }\r\n );\r\n this.registerForm = this.onItniFrom();\r\n this.submitted = false;\r\n this.emailInputIcon = '';\r\n this.phoneInputIcon = '';\r\n }\r\n }\r\n\r\n login() {\r\n this.router.navigate([RoutesPaths.login]);\r\n }\r\n\r\n togglePasswordVisibility(): void {\r\n this.showPassword = !this.showPassword;\r\n }\r\n\r\n toggleConfirmPasswordVisibility(): void {\r\n this.showConfirmPassword = !this.showConfirmPassword;\r\n }\r\n\r\n get f() {\r\n return this.registerForm.controls;\r\n }\r\n\r\n closePopup() {\r\n this.ref.close();\r\n }\r\n\r\n createMandateBeforePayment(UserEmail: string) {\r\n const step1Values = this.store.getStep1Form();\r\n const step2Values = this.store.getStep2Form();\r\n const step3Values = this.store.getStep3Form();\r\n const step4Values = this.store.getStep4Form();\r\n this.submitted = true;\r\n const today = new Date();\r\n\r\n // Warranty check logic directly in interventionTypeId\r\n // const purchaseDate = new Date(step1Values.date);\r\n // const yearsDifference = today.getFullYear() - purchaseDate.getFullYear();\r\n // const isDateInFuture = today < purchaseDate;\r\n // const interventionTypeId = !isDateInFuture && yearsDifference <= 2 ? 1 : 0;\r\n const oof = this.store.isOutWaranty(); \r\n const interventionTypeId = oof ? 0 : 1;\r\n const createMandateBeforePayment: CreateMandateBeforePaymentRequest = {\r\n applicationName: this.store.getApplication(),\r\n clientCode: step4Values.clientCode, //! STEP 4\r\n orderMission: (Date.now() + Math.floor(Math.random() * 1000))\r\n .toString()\r\n .slice(0, 10),\r\n interventionTypeId: interventionTypeId,\r\n userName: UserEmail, //& User Email in Register Form\r\n brandCode: step1Values.brand, //STEP 1\r\n weight: step4Values.weight, //todo\r\n commercialRef: step1Values.refComm, //STEP 1\r\n technicalRef: step1Values.refTech,\r\n fileId: step1Values.fileId, //STEP 1\r\n familyCode: step1Values.family, //STEP 1\r\n labelRef: step1Values.fullDescription, //STEP 1\r\n purchaseDate: step1Values.date, //STEP 1\r\n irisSymptom: step2Values.symptom, //?STEP 2\r\n failureDescription: step2Values.comment, //?STEP 2\r\n createDate: new Date(today.toISOString()),\r\n repairPrice: step4Values.repairPrice, //! STEP 4\r\n shippingPrice: step4Values.shippingPrice, //! STEP 4\r\n consumer: {\r\n title: step3Values.title, //&STEP 3\r\n lastName: step3Values.lastName, //&STEP 3\r\n firstName: step3Values.firstName, //&STEP 3\r\n address1: step3Values.address, //&STEP 3\r\n zip: step3Values.zip.zip, //&STEP 3\r\n city: step3Values.city.city, //&STEP 3\r\n countryCode: step3Values.countryCode, //&STEP 3\r\n countryLabel: 'FR',\r\n phoneNumber: step3Values.phoneNumber, //&STEP 3\r\n email: step3Values.email, //& Email saisie dans le formulaire\r\n },\r\n pickupInfo:\r\n step4Values.pickUpChoice === 'FROMSTORE'\r\n ? {\r\n carrierCode: step4Values.carrierCode,\r\n pickupChoice: step4Values.pickUpChoice,\r\n fromName: step4Values.fromName,\r\n fromAddress1: step4Values.fromAddress1,\r\n fromZip: step4Values.fromZip,\r\n fromCity: step4Values.fromCity,\r\n fromCountryCode: step4Values.fromCountryCode,\r\n fromPhone: step4Values.fromPhone,\r\n toName: step4Values.toName,\r\n toAddress1: step4Values.toAddress1,\r\n toZip: step4Values.toZip,\r\n toCity: step4Values.toCity,\r\n toCountryCode: step4Values.toCountryCode,\r\n toPhone: step4Values.toPhone,\r\n }\r\n : null, // If not 'FROMSTORE' (Poste), send a null object\r\n ecoSupport: step4Values.ecoSupport, //! STEP 4\r\n currencyCode: step4Values.currencyCode, //! STEP 4\r\n currencySymbol: step4Values.currencySymbol, //! STEP 4\r\n atsCodeForStripe: step4Values.atsCode, //! STEP 4\r\n };\r\n this.mandateService\r\n .createMandateBeforePayment(createMandateBeforePayment)\r\n .subscribe((response) => {\r\n // this.store.setMandateID(response.mandateId);\r\n this.store.setOmNumber(createMandateBeforePayment.orderMission);\r\n });\r\n }\r\n}\r\n","\r\n\r\n\r\n \r\n \r\n \r\n \r\n \r\n\r\n\r\n
\r\n\r\n \r\n \r\n
\r\n {{prediction.description}}
\r\n \r\n
\r\n\r\n L'adresse saisie semble incorrecte. Veuillez choisir une adresse parmi les suggestions ou vérifier les\r\n informations saisies.
\r\n \r\n
\r\n Ce champ est obligatoire.
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n {{ cp.zip }} {{ cp.city }}\r\n
\r\n \r\n
\r\n Ce champ est obligatoire.
\r\n Le code postal ne correspond pas à l'adresse sélectionnée.
\r\n Effacez le code postal et la ville, puis ressaisissez-les en choisissant parmi les\r\n suggestions.\r\n
\r\n \r\n Effacez le code postal et la ville, puis ressaisissez-les en choisissant parmi les\r\n suggestions.\r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n\r\n
\r\n {{ c.city }}
\r\n \r\n
\r\n\r\n Ce champ est obligatoire.
\r\n La ville ne correspond\r\n pas à l'adresse sélectionnée.
\r\n Effacez le code postal et la ville, puis ressaisissez-les en choisissant parmi les\r\n suggestions.\r\n
\r\n \r\n Effacez le code postal et la ville, puis ressaisissez-les en choisissant parmi les\r\n suggestions.\r\n
\r\n \r\n
\r\n\r\nlogin-page works!
\r\n","import { Component } from '@angular/core';\r\n\r\n@Component({\n selector: 'acf-login-section',\n templateUrl: './login-section.component.html',\n styleUrl: './login-section.component.scss',\n standalone: false\n})\r\nexport class LoginSectionComponent {\r\n\r\n}\r\n","login-section works!
\r\n","import { Component, Input, Optional } from '@angular/core';\r\nimport { FormBuilder, FormGroup, Validators } from '@angular/forms';\r\nimport { RoutesPaths } from '../../../../enums/routePaths';\r\nimport { Router } from '@angular/router';\r\nimport { MessageService } from 'primeng/api';\r\nimport { AccountService } from '../../../../services/account.service';\r\nimport { DataStoreService } from '../../../../services/data-store.service';\r\nimport { DynamicDialogConfig, DynamicDialogRef } from 'primeng/dynamicdialog';\r\nimport { MandateService } from '../../../../services/mandate.service';\r\nimport { CreateMandateBeforePaymentRequest } from '../../../../models/request/create-mandate.request';\r\nimport { Observable, switchMap, tap } from 'rxjs';\r\nimport { CreateMandateResponse } from '../../../../models/response/create-mandate.response';\r\nimport { DataStore } from '../../../../enums/data.store';\r\nimport { SecurityCookieService } from '../../../../services/security-cookie.service';\r\nimport { MappedProduct } from '../../../../models/shared/product';\r\n\r\n@Component({\r\n selector: 'acf-login-form',\r\n templateUrl: './login-form.component.html',\r\n styleUrl: './login-form.component.scss',\r\n providers: [MessageService],\r\n standalone: false\r\n})\r\nexport class LoginFormComponent {\r\n @Input() appName: string = '';\r\n @Input() redirectUrl: string = '';\r\n applicationName: string = '';\r\n\r\n loginForm: FormGroup;\r\n submitted = false;\r\n showPassword: boolean = false;\r\n loginFromSteps: boolean = false;\r\n device!: MappedProduct;\r\n\r\n constructor(\r\n private readonly formBuilder: FormBuilder,\r\n private readonly accountService: AccountService,\r\n private readonly router: Router,\r\n private readonly messageService: MessageService,\r\n private readonly store: DataStoreService,\r\n private readonly securityCookieService: SecurityCookieService,\r\n @Optional() public ref: DynamicDialogRef,\r\n private readonly mandateService: MandateService,\r\n @Optional() public config: DynamicDialogConfig\r\n ) {\r\n this.loginForm = this.onItniFrom();\r\n if (config?.data?.loginFromSteps) {\r\n this.loginFromSteps = config.data.loginFromSteps;\r\n const step3 = this.store.getStep3Form();\r\n this.loginForm.patchValue({ userName: step3?.email || '' });\r\n } else {\r\n this.loginFromSteps = false;\r\n }\r\n this.applicationName = this.store.getApplication();\r\n }\r\n\r\n onItniFrom() {\r\n return this.formBuilder.group({\r\n password: ['', [Validators.required]],\r\n userName: [this.store.getUserLogin(), Validators.required],\r\n ischecked: [true],\r\n });\r\n }\r\n\r\n togglePasswordVisibility(): void {\r\n this.showPassword = !this.showPassword;\r\n }\r\n\r\n onSubmit(): void {\r\n this.submitted = true;\r\n // if (this.loginForm.valid) {\r\n // const request: LoginRequest = {\r\n // applicationName: this.applicationName,\r\n // password: this.loginForm.get('password')?.value,\r\n // userName: this.loginForm.get('userName')?.value,\r\n // };\r\n // this.accountService.login(request).subscribe(\r\n // (response) => {\r\n // if (response.result === true) {\r\n // const rememberMe: boolean = this.loginForm.value.ischecked;\r\n // this.store.setRM(rememberMe);\r\n // this.store.setUserName(response.userName, rememberMe);\r\n // this.store.setToken(response.accessToken, rememberMe);\r\n // this.setUserInfo(rememberMe);\r\n // this.store.deleteMandateID();\r\n // this.store.deleteOmNumber();\r\n\r\n // rememberMe ? this.store.saveUserLogin(this.loginForm.value.userName) : localStorage.removeItem(DataStore.userlogin);\r\n // }\r\n // if (response.result === false) {\r\n // this.messageService.add({\r\n // severity: 'error',\r\n // detail:\r\n // 'Une erreur est survenue. Veuillez réessayer ou contacter le support si le problème persiste.',\r\n // });\r\n // }\r\n // },\r\n // (error) => {\r\n // if (error.status == 401) {\r\n // if (error.error?.errors?.includes('NotActive')) {\r\n // this.messageService.add({\r\n // severity: 'error',\r\n // detail: 'Merci de valider votre compte',\r\n // });\r\n // } else {\r\n // this.messageService.add({\r\n // severity: 'error',\r\n // detail:\r\n // \"L'identifiant ou le mot de passe que vous avez entré n'est pas valide. Veuillez réessayer.\",\r\n // });\r\n // }\r\n // }\r\n // }\r\n // );\r\n // }\r\n\r\n\r\n\r\n if (this.loginForm.valid) {\r\n const { userName, password } = this.loginForm.value;\r\n this.securityCookieService.loginCDM({ userName, password }).subscribe({\r\n next: (response) => {\r\n if (response.result === true) {\r\n const rememberMe: boolean = this.loginForm.value.ischecked;\r\n this.store.setRM(rememberMe);\r\n this.store.setUserName(response.userName, rememberMe);\r\n // this.store.setToken(response.accessToken, rememberMe);\r\n this.setUserInfo(rememberMe);\r\n this.store.deleteMandateID();\r\n this.store.deleteOmNumber();\r\n rememberMe ? this.store.saveUserLogin(this.loginForm.value.userName) : localStorage.removeItem(DataStore.userlogin);\r\n }\r\n if (response.result === false) {\r\n this.messageService.add({\r\n severity: 'error',\r\n detail:\r\n 'Une erreur est survenue. Veuillez réessayer ou contacter le support si le problème persiste.',\r\n });\r\n }\r\n },\r\n error: (error) => {\r\n if (error.status == 401) {\r\n if (error.error?.errors?.includes('NotActive')) {\r\n this.messageService.add({\r\n severity: 'error',\r\n detail: 'Merci de valider votre compte',\r\n });\r\n } else {\r\n this.messageService.add({\r\n severity: 'error',\r\n detail:\r\n \"L'identifiant ou le mot de passe que vous avez entré n'est pas valide. Veuillez réessayer.\",\r\n });\r\n }\r\n }\r\n }\r\n });\r\n }\r\n }\r\n\r\n register() {\r\n this.router.navigate([RoutesPaths.register]);\r\n }\r\n\r\n closePopup() {\r\n this.ref.close();\r\n }\r\n\r\n setUserInfo(rememberMe: boolean) {\r\n this.accountService.getCDMCustomerInfo().subscribe(\r\n (user) => {\r\n this.store.setUserInformation(user, rememberMe);\r\n if (this.loginFromSteps) {\r\n this.closePopup();\r\n\r\n // Ensure createMandateBeforePayment completes before calling getLatestMandate\r\n this.createMandateBeforePayment(this.loginForm.value.userName).pipe(\r\n switchMap(() => this.mandateService.getLatestMandate())\r\n ).subscribe(\r\n (mandate) => {\r\n if (mandate.result === true) {\r\n const device: MappedProduct = {\r\n fileId: mandate.mandateBeforePayment?.fileId || '',\r\n name: mandate.mandateBeforePayment?.labelRef || '',\r\n saleDate: mandate.mandateBeforePayment?.purchaseDate || '',\r\n commref: mandate.mandateBeforePayment?.commercialRef || '',\r\n refTech: mandate.mandateBeforePayment?.technicalRef || '',\r\n brand: mandate.mandateBeforePayment?.brandCode || '',\r\n family: mandate.mandateBeforePayment?.familyCode || '',\r\n };\r\n\r\n const oof = mandate.mandateBeforePayment?.interventionTypeId === 0 ? true : false;\r\n this.store.updateIsOutWaranty(oof);\r\n\r\n this.store.saveDevice(device);\r\n this.router.navigate([RoutesPaths.connectedStep5]);\r\n } else {\r\n this.router.navigate([RoutesPaths.dashboard]);\r\n }\r\n },\r\n (error) => {\r\n this.router.navigate([RoutesPaths.dashboard]);\r\n }\r\n );\r\n this.store.deleteFormsFromLocalStorage();\r\n\r\n\r\n } else {\r\n // If loginFromSteps is false, directly call getLatestMandate\r\n this.mandateService.getLatestMandate().subscribe(\r\n (mandate) => {\r\n if (mandate.result === true) {\r\n this.router.navigate([RoutesPaths.connectedStep5]);\r\n const device: MappedProduct = {\r\n fileId: mandate.mandateBeforePayment?.fileId || '',\r\n name: mandate.mandateBeforePayment?.labelRef || '',\r\n saleDate: mandate.mandateBeforePayment?.purchaseDate || '',\r\n commref: mandate.mandateBeforePayment?.commercialRef || '',\r\n refTech: mandate.mandateBeforePayment?.technicalRef || '',\r\n brand: mandate.mandateBeforePayment?.brandCode || '',\r\n family: mandate.mandateBeforePayment?.familyCode || '',\r\n };\r\n const oof = mandate.mandateBeforePayment?.interventionTypeId === 0 ? true : false;\r\n this.store.updateIsOutWaranty(oof);\r\n this.store.saveDevice(device);\r\n\r\n } else {\r\n this.router.navigate([RoutesPaths.dashboard]);\r\n }\r\n },\r\n (error) => {\r\n this.router.navigate([RoutesPaths.dashboard]);\r\n }\r\n );\r\n }\r\n },\r\n (error) => console.error(error)\r\n );\r\n }\r\n\r\n reset() {\r\n if (this.ref) {\r\n this.ref.close();\r\n }\r\n this.router.navigate([RoutesPaths.forgetPassword]);\r\n }\r\n\r\n get f() {\r\n return this.loginForm.controls;\r\n }\r\n\r\n createMandateBeforePayment(UserEmail: string): Observable\r\n \r\n
\r\nregister-section works!
\r\n","import { Component, Input, OnInit } from '@angular/core';\r\nimport { FormBuilder, FormGroup, Validators, FormControl } from '@angular/forms';\r\nimport { AccountService } from '../../../../services/account.service';\r\nimport { MessageService } from 'primeng/api';\r\nimport { ActivatedRoute, Router } from '@angular/router';\r\nimport { RoutesPaths } from '../../../../enums/routePaths';\r\nimport { ForgetPasswordLinkRequest } from '../../../../models/request/forget-password-link.request';\r\n\r\n@Component({\n selector: 'acf-forget-password-form',\n templateUrl: './forget-password-form.component.html',\n styleUrl: './forget-password-form.component.scss',\n providers: [MessageService],\n standalone: false\n})\r\nexport class ForgetPasswordFormComponent implements OnInit {\r\n\r\n @Input() appName: string = '';\r\n @Input() redirectUrl: string = '';\r\n\r\n forgetPasswordForm: FormGroup;\r\n submitted = false;\r\n loading = false;\r\n emailInputIcon: string = '';\r\n\r\n constructor(\r\n private readonly formBuilder: FormBuilder,\r\n private readonly accountService: AccountService,\r\n private readonly messageService: MessageService,\r\n private readonly route: ActivatedRoute,\r\n private readonly router: Router,\r\n\r\n ) {\r\n this.forgetPasswordForm = this.initForm();\r\n }\r\n\r\n ngOnInit(): void {\r\n this.route.queryParams.subscribe(params => {\r\n const key = params['key']?.replace(/ /g, '+');\r\n if (key) {\r\n this.accountService.validateKey(key).subscribe({\r\n next: response => {\r\n if (response.result) {\r\n this.router.navigate([`/${RoutesPaths.resetPassword}`], { queryParams: { key } });\r\n } else {\r\n this.router.navigate([`/${RoutesPaths.resetPasswordError}`]);\r\n }\r\n },\r\n error: () => {\r\n this.router.navigate([`/${RoutesPaths.resetPasswordError}`]);\r\n }\r\n });\r\n }\r\n });\r\n }\r\n\r\n initForm(): FormGroup {\r\n return this.formBuilder.group({\r\n email: new FormControl('', [\r\n Validators.required,\r\n Validators.email,\r\n Validators.pattern('^[A-Za-z0-9._%+-]+@[a-z0-9.-]+\\\\.[a-z]{2,4}$'),\r\n ])\r\n });\r\n }\r\n\r\n get f() {\r\n return this.forgetPasswordForm.controls;\r\n }\r\n\r\n checkEmail() {\r\n const email = this.forgetPasswordForm.get('email');\r\n if (email && email.status == 'VALID' && !email.errors) {\r\n this.emailInputIcon = 'pi pi-spinner pi-spin';\r\n this.accountService.checkEmail(email.value).subscribe({\r\n next: (response: boolean) => {\r\n this.emailInputIcon = response ? 'pi pi-check' : 'pi pi-times';\r\n },\r\n error: () => {\r\n this.emailInputIcon = 'pi pi-times';\r\n },\r\n });\r\n } else {\r\n // Clear the icon if the email is no longer valid\r\n this.emailInputIcon = '';\r\n }\r\n }\r\n\r\n onSubmit() {\r\n this.submitted = true;\r\n\r\n if (this.forgetPasswordForm.invalid) {\r\n return;\r\n }\r\n\r\n this.loading = true;\r\n const forgetPasswordLinkRequest: ForgetPasswordLinkRequest = {\r\n applicationName: this.appName,\r\n userName: this.forgetPasswordForm.get('email')?.value\r\n };\r\n this.accountService.sendForgetPasswordLink(forgetPasswordLinkRequest).subscribe({\r\n next: (response: any) => {\r\n if (response.result) {\r\n // Success case\r\n this.router.navigate([`/${RoutesPaths.resetPasswordCheckInbox}`])\r\n\r\n } else {\r\n this.messageService.add({\r\n severity: 'error',\r\n summary: 'Erreur',\r\n detail: 'L\\'adresse e-mail n\\'existe pas.',\r\n });\r\n }\r\n this.loading = false;\r\n },\r\n error: () => {\r\n this.messageService.add({\r\n severity: 'error',\r\n summary: 'Erreur',\r\n detail: 'Impossible d’envoyer le lien de réinitialisation.',\r\n });\r\n this.loading = false;\r\n },\r\n });\r\n }\r\n\r\n\r\n async showToast(message: string) {\r\n this.messageService.add({ severity: 'success', summary: 'Success', detail: message });\r\n\r\n }\r\n}\r\n","\r\n \r\n
\r\n\r\n\r\n \r\n
\r\n\r\nforget-password-section works!
","import { Component, Input } from '@angular/core';\r\nimport { Router } from '@angular/router';\r\nimport { RoutesPaths } from '../../../../enums/routePaths';\r\n\r\n@Component({\n selector: 'acf-reset-password-error',\n templateUrl: './reset-password-error.component.html',\n styleUrl: './reset-password-error.component.scss',\n standalone: false\n})\r\nexport class ResetPasswordErrorComponent {\r\n @Input() appName: string = '';\r\n @Input() notFoundImage: string = '';\r\n constructor(private readonly router: Router) { }\r\n\r\n onSubmit() {\r\n this.router.navigate([`/${RoutesPaths.forgetPassword}`])\r\n }\r\n}\r\n","\r\n
","import { Component, Input } from '@angular/core';\r\nimport { Router } from '@angular/router';\r\nimport { RoutesPaths } from '../../../../enums/routePaths';\r\n\r\n@Component({\n selector: 'acf-reset-password-success',\n templateUrl: './reset-password-success.component.html',\n styleUrl: './reset-password-success.component.scss',\n standalone: false\n})\r\nexport class ResetPasswordSuccessComponent {\r\n @Input() appName: string = \"\";\r\n @Input() successIcon: string = \"\";\r\n\r\n constructor(private readonly router: Router) { }\r\n\r\n onSubmit() {\r\n this.router.navigate([`/${RoutesPaths.login}`])\r\n }\r\n\r\n}\r\n","\r\n
\r\n\r\n
\r\n \r\n ![\"Error\"]()
\r\n Le lien que vous avez utilisé a expiré ou n'est plus valide.\r\n Veuillez demander un nouveau lien pour poursuivre la réinitialisation de\r\n votre mot de passe.\r\n \r\n
\r\n \r\n\r\n\r\n
\r\n\r\n ![\"Logo\"]()
\r\n\r\n
\r\n\r\n\r\n Votre mot de passe a été modifié avec succès.\r\n\r\n Félicitations!\r\n
\r\n \r\n\r\n
","import { Component, Input } from '@angular/core';\r\nimport { RoutesPaths } from '../../../../enums/routePaths';\r\nimport { Router } from '@angular/router';\r\n\r\n@Component({\n selector: 'acf-register-success',\n templateUrl: './register-success.component.html',\n styleUrl: './register-success.component.scss',\n standalone: false\n})\r\nexport class RegisterSuccessComponent {\r\n @Input() appName: string = \"\";\r\n @Input() successIcon: string = \"\";\r\n\r\n constructor(private readonly router: Router) { }\r\n\r\n onSubmit() {\r\n this.router.navigate([`/${RoutesPaths.login}`])\r\n }\r\n\r\n}\r\n","\r\n \r\n\r\n
\r\n\r\n\r\n
\r\n\r\n ![\"Logo\"]()
\r\n
\r\n Votre e-mail a été vérifié\r\n avec succès. \r\n\r\n Félicitations!\r\n
\r\n \r\n
","import { Component, Input } from '@angular/core';\r\nimport { Router } from '@angular/router';\r\nimport { RoutesPaths } from '../../../../enums/routePaths';\r\n\r\n@Component({\n selector: 'acf-register-error',\n templateUrl: './register-error.component.html',\n styleUrl: './register-error.component.scss',\n standalone: false\n})\r\nexport class RegisterErrorComponent {\r\n @Input() appName: string = '';\r\n @Input() notFoundImage: string = '';\r\n constructor(private readonly router: Router) { }\r\n\r\n onSubmit() {\r\n this.router.navigate([`/${RoutesPaths.registerAskForNewLink}`])\r\n }\r\n}\r\n","\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n","import { Component, Input } from '@angular/core';\r\nimport { Router } from '@angular/router';\r\nimport { RoutesPaths } from '../../../../enums/routePaths';\r\n\r\n@Component({\n selector: 'acf-reset-password-check-inbox',\n templateUrl: './reset-password-check-inbox.component.html',\n styleUrl: './reset-password-check-inbox.component.scss',\n standalone: false\n})\r\nexport class ResetPasswordCheckInboxComponent {\r\n @Input() appName: string = '';\r\n constructor(private readonly router: Router) { }\r\n\r\n onSubmit() {\r\n this.router.navigate([`/${RoutesPaths.login}`])\r\n }\r\n\r\n onRedirectToForgetPassword() {\r\n this.router.navigate([`/${RoutesPaths.forgetPassword}`])\r\n\r\n }\r\n}\r\n","\r\n ![\"Error\"\r\n]()
\r\n Le lien que vous avez utilisé a\r\n expiré ou n'est plus valide.\r\n Veuillez demander un nouveau lien\r\n pour poursuivre la validation de votre compte.\r\n \r\n
\r\n \r\n
\r\nVérifiez votre boîte de\r\n réception
\r\n Nous avons envoyé un\r\n e-mail de récupération à l’adresse fournie.
\r\n Veuillez vérifier\r\n votre dossier spam ou envoyer un nouvel\r\n e-mail \r\n
\r\n\r\n\r\n ();\r\n\r\n constructor(private elementRef: ElementRef) { }\r\n\r\n @HostListener('document:click', ['$event.target'])\r\n public onClick(target: any) {\r\n const clickedInside = this.elementRef.nativeElement.contains(target);\r\n if (!clickedInside) {\r\n this.clickOutside.emit();\r\n }\r\n }\r\n}","import { Injectable } from '@angular/core';\r\nimport { HttpClient, HttpHeaders } from '@angular/common/http';\r\nimport { Observable } from 'rxjs';\r\nimport { Inject } from '@angular/core';\r\nimport { LIB_CONFIG, LibConfig } from '../config.token';;\r\nimport { DataStoreService } from './data-store.service';\r\n\r\n@Injectable({\r\n providedIn: 'root',\r\n})\r\nexport class FileService {\r\n constructor(@Inject(LIB_CONFIG) private config: LibConfig,\r\n private http: HttpClient,\r\n private readonly store: DataStoreService\r\n ) { }\r\n\r\n extractFileData(file: File, idFile: string): Observable {\r\n const formData = new FormData();\r\n formData.append('file', file);\r\n const applicationName = this.store.getApplication();\r\n\r\n const fileType = 'INVOICE';\r\n return this.http.post(\r\n `${this.config.AFTERSALES_URL}OpenAI/ExtractFileData?idFile=${idFile}&fileType=${fileType}&applicationName=${applicationName}`,\r\n formData,\r\n { }\r\n );\r\n }\r\n\r\n printOm(): Observable {\r\n const body = {\r\n $type: 'PrintingServiceRequestMandateParameter',\r\n applicationName: this.store.getApplication(),\r\n userName: this.store.getUserName(),\r\n atsCode: 'RTE',// this.store.getATS(),\r\n userCode: 'RTE', // this.store.getATS(),\r\n lngId: 1036,\r\n isDebug: true,\r\n MandateId: this.store.getMandateID(),\r\n MandatePrintTemplateType: 2,\r\n DisplayBarcode: true,\r\n };\r\n return this.http.post(\r\n `${this.config.AFTERSALES_URL}Printing/PrintingToPdf`, body);\r\n }\r\n\r\n print(base64String: string) {\r\n const pdfWindow = window.open();\r\n if (pdfWindow) {\r\n const pdfData = 'data:application/pdf;base64,' + base64String;\r\n pdfWindow.document.write(\r\n ``\r\n );\r\n pdfWindow.document.addEventListener('load', () => {\r\n pdfWindow.print();\r\n });\r\n }\r\n }\r\n\r\n printLabel(pickUp: any): Observable {\r\n const body = {\r\n applicationName: this.store.getApplication(),\r\n orderNumber: this.store.getOmNumber(),\r\n contryCodeIso2From: '250',\r\n nameFrom: pickUp.fromName,\r\n addressFrom: pickUp.fromAddress1,\r\n cityFrom: pickUp.fromCity,\r\n postalCodeFrom: pickUp.fromZip,\r\n contryCodeIso2To: '250',\r\n nameTo: pickUp.toName,\r\n addressTo: pickUp.toAddress1,\r\n cityTo: pickUp.toCity,\r\n postalCodeTo: pickUp.toZip,\r\n phoneTo: pickUp.toPhone,\r\n carrierCode: pickUp.carrierCode,\r\n carrierId: pickUp.carrierCode\r\n };\r\n return this.http.post(`${this.config.REF_URL}/GenerateTransportDocument`, body);\r\n }\r\n}\r\n","import { Component, ElementRef, EventEmitter, Output, ViewChild } from '@angular/core';\r\nimport { MessageService } from 'primeng/api';\r\n\r\n@Component({\r\n selector: 'acf-file-upload',\r\n standalone: false,\r\n templateUrl: './file-upload.component.html',\r\n styleUrl: './file-upload.component.scss'\r\n})\r\nexport class FileUploadComponent {\r\nfile: File | undefined; \r\n readonly ALLOWED_FILE_TYPES = ['application/pdf', 'image/png', 'image/jpeg'];\r\n\r\n @ViewChild('fileInput') fileInput!: ElementRef;\r\n @Output() filesChanged: EventEmitter = new EventEmitter();\r\n\r\n constructor(\r\n private readonly messageService: MessageService\r\n ) { }\r\n\r\n onFileSelected(event: Event): void {\r\n const input = event.target as HTMLInputElement;\r\n this.onFileCheck(input);\r\n }\r\n \r\n onFileCheck(input: HTMLInputElement): void {\r\n if (input.files && input.files.length > 0) {\r\n const newFiles = Array.from(input.files);\r\n const invalidFile = newFiles.find(file => !this.ALLOWED_FILE_TYPES.includes(file.type));\r\n if (invalidFile) {\r\n this.show('Supported formats: JPEG, PNG, PDF');\r\n return;\r\n }\r\n this.file = newFiles[0];\r\n this.filesChanged.emit(this.file);\r\n }\r\n }\r\n\r\n onDragOver(event: DragEvent) {\r\n event.preventDefault();\r\n }\r\n\r\n onDrop(event: DragEvent) {\r\n event.preventDefault();\r\n if (event.dataTransfer?.files.length) {\r\n const newFiles = Array.from(event.dataTransfer.files); \r\n const invalidFile = newFiles.find(file => !this.ALLOWED_FILE_TYPES.includes(file.type));\r\n if (invalidFile) {\r\n this.show('Supported formats: JPEG, PNG, PDF');\r\n return;\r\n }\r\n this.file = newFiles[0]\r\n this.filesChanged.emit(this.file);\r\n }\r\n }\r\n\r\n onRemoveFile() {\r\n this.file = undefined;\r\n }\r\n\r\n show(message: string) {\r\n this.messageService.add({ severity: 'error', summary: 'Erreur', detail: message });\r\n }\r\n\r\n triggerFileInput() {\r\n this.fileInput.nativeElement.click();\r\n }\r\n\r\n}\r\n\r\n","\r\n\r\n ","import { Component, Input, OnInit } from '@angular/core';\r\nimport { FormBuilder, FormGroup, Validators } from '@angular/forms';\r\nimport { ReferentialService } from '../../services/referential.service';\r\nimport { Router } from '@angular/router';\r\nimport { IrisSymptoms } from '../../models/shared/iris-symptom';\r\nimport { IrisSymptomsRequest } from '../../models/request/iris-symptom.request';\r\nimport { RoutesPaths } from '../../enums/routePaths';\r\nimport { DataStoreService } from '../../services/data-store.service';\r\nimport { DataStore } from '../../enums/data.store';\r\n\r\n@Component({\n selector: 'acf-step-two',\n templateUrl: './step-two.component.html',\n styleUrl: './step-two.component.scss',\n standalone: false\n})\r\nexport class StepTwoComponent implements OnInit {\r\n @Input() appName: string = '';\r\n step2Form: FormGroup;\r\n submitted = false;\r\n filteredIrisSymtomsCodes: IrisSymptoms = [];\r\n IrisSymtoms: IrisSymptoms = [];\r\n fullDescription: string;\r\n date: string;\r\n loading: boolean = true;\r\n\r\n\r\n constructor(\r\n private readonly formBuilder: FormBuilder,\r\n private readonly store: DataStoreService,\r\n private readonly referentialService: ReferentialService,\r\n private readonly router: Router) {\r\n this.step2Form = this.onItniFrom()\r\n this.loadFormFromLocalStorage();\r\n this.fullDescription = this.store.getStep1Form()?.fullDescription\r\n this.date = this.store.getStep1Form()?.date\r\n }\r\n ngOnInit(): void {\r\n this.getIrisSymptoms();\r\n }\r\n\r\n loadFormFromLocalStorage(): void {\r\n const savedFormData = this.store.getStep2Form();\r\n if (savedFormData) {\r\n this.step2Form.patchValue(savedFormData);\r\n }\r\n }\r\n onItniFrom() {\r\n return this.formBuilder.group(\r\n {\r\n symptom: [null, Validators.required],\r\n symptomName: [null, Validators.required],\r\n comment: ['', [Validators.required, Validators.maxLength(600)]]\r\n }\r\n );\r\n }\r\n\r\n getIrisSymptoms() {\r\n\r\n const refComm = this.store.getStep1Form()?.refComm\r\n const request: IrisSymptomsRequest = {\r\n applicationName: this.appName,\r\n commercialRef: refComm\r\n };\r\n this.referentialService.getIrisSymptoms(request).subscribe(\r\n (data) => {\r\n this.filteredIrisSymtomsCodes = data.slice(0, 30);\r\n this.IrisSymtoms = data;\r\n this.loading = false\r\n\r\n\r\n },\r\n (error) => {\r\n console.error('Erreur lors de la récupération des données', error);\r\n }\r\n );\r\n }\r\n\r\n onSymptomChange(event: any): void {\r\n const selectedItem = this.filteredIrisSymtomsCodes.find(item => item.code === event.value);\r\n if (selectedItem) {\r\n this.step2Form.get('symptomName')?.setValue(selectedItem.label);\r\n }\r\n }\r\n\r\n getImageUrl() {\r\n const prdCommercialRef = this.store.getStep1Form()?.refComm;\r\n if (prdCommercialRef && prdCommercialRef.length > 0) {\r\n return 'assets/' + this.appName + '/products/' + prdCommercialRef + '.jpg'\r\n } else {\r\n return 'assets/' + this.appName + '/no-image.svg'\r\n }\r\n }\r\n\r\n handleImageError(event: any) {\r\n event.target.src = 'assets/' + this.appName + '/no-image.svg';\r\n }\r\n\r\n next() {\r\n this.submitted = true;\r\n if (this.step2Form.valid) {\r\n this.store.saveFormToLocalStorage(this.step2Form, DataStore.step2_form)\r\n\r\n this.router.navigate([`${RoutesPaths.step}/3`]);\r\n }\r\n }\r\n\r\n prev() {\r\n this.router.navigate([`${RoutesPaths.step}/1`]);\r\n }\r\n\r\n get f() {\r\n return this.step2Form.controls;\r\n }\r\n\r\n}","\r\n ","import { Component, Optional } from '@angular/core';\r\nimport { DynamicDialogRef } from 'primeng/dynamicdialog';\r\nimport { Inject } from '@angular/core';\r\nimport { LIB_CONFIG, LibConfig } from '../../../config.token';;\r\nimport { DataStoreService } from '../../../services/data-store.service';\r\n\r\n@Component({\r\n selector: 'acf-step-one-popup',\r\n templateUrl: './step-one-popup.component.html',\r\n styleUrl: './step-one-popup.component.scss',\r\n standalone: false\r\n})\r\nexport class StepOnePopupComponent {\r\n\r\n applicationName: string = '';\r\n supportEmail = this.config.support.email;\r\n supportPhone = this.config.support.phone;\r\n constructor(@Inject(LIB_CONFIG) private config: LibConfig,\r\n private readonly store: DataStoreService,\r\n @Optional() public ref: DynamicDialogRef\r\n ) {\r\n this.applicationName = this.store.getApplication();\r\n }\r\n closePopup() {\r\n this.ref.close();\r\n }\r\n}\r\n\r\n",";\r\n @Output() filesChanged: EventEmitter = new EventEmitter();\r\n\r\n constructor(\r\n private readonly messageService: MessageService\r\n ) { }\r\n\r\n onFileSelected(event: Event): void {\r\n const input = event.target as HTMLInputElement;\r\n this.onFileCheck(input);\r\n }\r\n \r\n onFileCheck(input: HTMLInputElement): void {\r\n if (input.files && input.files.length > 0) {\r\n const newFiles = Array.from(input.files);\r\n const invalidFile = newFiles.find(file => !this.ALLOWED_FILE_TYPES.includes(file.type));\r\n if (invalidFile) {\r\n this.show('Supported formats: JPEG, PNG, PDF');\r\n return;\r\n }\r\n this.file = newFiles[0];\r\n this.filesChanged.emit(this.file);\r\n }\r\n }\r\n\r\n onDragOver(event: DragEvent) {\r\n event.preventDefault();\r\n }\r\n\r\n onDrop(event: DragEvent) {\r\n event.preventDefault();\r\n if (event.dataTransfer?.files.length) {\r\n const newFiles = Array.from(event.dataTransfer.files); \r\n const invalidFile = newFiles.find(file => !this.ALLOWED_FILE_TYPES.includes(file.type));\r\n if (invalidFile) {\r\n this.show('Supported formats: JPEG, PNG, PDF');\r\n return;\r\n }\r\n this.file = newFiles[0]\r\n this.filesChanged.emit(this.file);\r\n }\r\n }\r\n\r\n onRemoveFile() {\r\n this.file = undefined;\r\n }\r\n\r\n show(message: string) {\r\n this.messageService.add({ severity: 'error', summary: 'Erreur', detail: message });\r\n }\r\n\r\n triggerFileInput() {\r\n this.fileInput.nativeElement.click();\r\n }\r\n\r\n}\r\n\r\n\r\n\r\n\r\n","\r\n \r\n \r\n \r\n ","import { HttpClient } from '@angular/common/http';\r\nimport { Injectable } from '@angular/core';\r\nimport { Observable } from 'rxjs';\r\n\r\n\r\n@Injectable({\r\n providedIn: 'root',\r\n})\r\nexport class GoogleMapsService {\r\n constructor(private http: HttpClient) { }\r\n\r\n calculateTime(\r\n lat1: number,\r\n lng1: number,\r\n lat2: number,\r\n lng2: number,\r\n travelMode: google.maps.TravelMode\r\n ): Promise<{ duration: string; distance: string }> {\r\n const service = new google.maps.DistanceMatrixService();\r\n const origin = new google.maps.LatLng(lat1, lng1);\r\n const destination = new google.maps.LatLng(lat2, lng2);\r\n\r\n return new Promise((resolve, reject) => {\r\n service.getDistanceMatrix(\r\n {\r\n origins: [origin],\r\n destinations: [destination],\r\n travelMode: travelMode,\r\n },\r\n (response, status) => {\r\n if (status === google.maps.DistanceMatrixStatus.OK) {\r\n const row = response?.rows[0];\r\n const element = row?.elements[0];\r\n if (element && element.status === \"OK\") {\r\n resolve({\r\n duration: element.duration.text,\r\n distance: element.distance.text,\r\n });\r\n } else {\r\n reject();\r\n }\r\n }\r\n }\r\n );\r\n });\r\n }\r\n\r\n nearbySearch(\r\n request: google.maps.places.PlaceSearchRequest,\r\n callback: any\r\n ): void {\r\n const service = new google.maps.places.PlacesService(\r\n document.createElement('div')\r\n );\r\n service.nearbySearch(request, callback);\r\n }\r\n getNearbyPostOffices(\r\n fixedPoint: { lat: number; lng: number }): Promise {\r\n return new Promise((resolve, reject) => {\r\n const request = {\r\n location: new google.maps.LatLng(fixedPoint.lat, fixedPoint.lng),\r\n radius: 10000,\r\n type: 'post_office',\r\n fields: ['place_id', 'name', 'vicinity', 'address_components', 'geometry'],\r\n componentRestrictions: { country: 'fr' },\r\n };\r\n\r\n const service = new google.maps.places.PlacesService(\r\n document.createElement('div')\r\n );\r\n\r\n service.nearbySearch(request, (results, status) => {\r\n if (status === google.maps.places.PlacesServiceStatus.OK && results) {\r\n const postOfficesWithPhoneNumber: any[] = [];\r\n\r\n results.forEach((place) => {\r\n if (!place.place_id) {\r\n console.error('Missing place_id for', place);\r\n return; // Skip this place if place_id is missing\r\n }\r\n\r\n // Create a request to get detailed information for each place\r\n const placeDetailsRequest: google.maps.places.PlaceDetailsRequest = {\r\n placeId: place.place_id as string,\r\n fields: ['place_id', 'name', 'vicinity', 'address_components', 'formatted_phone_number'],\r\n };\r\n\r\n const placeService = new google.maps.places.PlacesService(document.createElement('div'));\r\n\r\n // Fetch detailed information for each place\r\n placeService.getDetails(placeDetailsRequest, (details, status) => {\r\n if (status === google.maps.places.PlacesServiceStatus.OK && details) {\r\n // Extract postal code from address_components\r\n const postalCode = details.address_components?.find((component) =>\r\n component.types.includes('postal_code')\r\n )?.long_name;\r\n const locality = details.address_components?.find((component) =>\r\n component.types.includes('locality')\r\n )?.long_name;\r\n const country = details.address_components?.find((component) =>\r\n component.types.includes('country')\r\n )?.long_name;\r\n // Extract phone number\r\n const phoneNumber = details.formatted_phone_number || '';\r\n // Push the original place details along with phone number and postal code\r\n postOfficesWithPhoneNumber.push({\r\n ...place, // Keep all original data from your original object\r\n postalCode: postalCode,\r\n phoneNumber: phoneNumber,\r\n city: locality,\r\n country: country\r\n });\r\n\r\n // If we've processed all results, resolve the promise\r\n if (postOfficesWithPhoneNumber.length === results.length) {\r\n resolve(postOfficesWithPhoneNumber);\r\n }\r\n } else {\r\n console.error('Failed to get details:', status);\r\n }\r\n });\r\n });\r\n } else {\r\n reject(new Error('Places API request failed: ' + status));\r\n }\r\n });\r\n });\r\n }\r\n\r\n\r\n parseDistance(distance: string): number {\r\n // Replace ',' with '.' for decimal handling, and normalize non-breaking spaces\r\n distance = distance.replace(',', '.').replace(/\\s+/g, ' ').trim();\r\n\r\n if (distance.includes('km')) {\r\n // Convert kilometers to meters\r\n return parseFloat(distance.replace('km', '').trim().replace(/\\s/g, '')) * 1000;\r\n } else if (distance.includes('m')) {\r\n // Parse meters directly\r\n return parseFloat(distance.replace('m', '').trim().replace(/\\s/g, ''));\r\n }\r\n\r\n // Return Infinity for invalid distances\r\n return Infinity;\r\n }\r\n getPlaceId(companyName: string): Observable {\r\n return new Observable(observer => {\r\n // Create a dummy map (required for PlacesService)\r\n const map = new google.maps.Map(document.createElement('div'));\r\n\r\n // Initialize the PlacesService\r\n const service = new google.maps.places.PlacesService(map);\r\n\r\n // Request to find the place\r\n const request = {\r\n query: companyName,\r\n fields: ['place_id']\r\n };\r\n\r\n service.findPlaceFromQuery(request, (results, status) => {\r\n if (status === google.maps.places.PlacesServiceStatus.OK && results?.length) {\r\n const firstPlaceId = results.find(place => place.place_id)?.place_id || null;\r\n observer.next(firstPlaceId);\r\n observer.complete();\r\n } else {\r\n observer.next(null);\r\n observer.complete();\r\n }\r\n });\r\n });\r\n }\r\n\r\n}\r\n","import { Component, Input, OnInit, ViewChild } from '@angular/core';\r\nimport { MapAdvancedMarker, MapInfoWindow } from '@angular/google-maps';\r\nimport { GoogleMapsService } from '../../services/google-map.service';\r\nimport { MandateService } from '../../services/mandate.service';\r\nimport { RepairAndShippingPricesRequest } from '../../models/request/repair-shipping-prices.request';\r\nimport { Router } from '@angular/router';\r\nimport { RoutesPaths } from '../../enums/routePaths';\r\nimport { FormBuilder, FormGroup, Validators } from '@angular/forms';\r\nimport { DataStoreService } from '../../services/data-store.service';\r\nimport { DataStore } from '../../enums/data.store';\r\nimport { AccountService } from '../../services/account.service';\r\nimport { DialogService, DynamicDialogRef } from 'primeng/dynamicdialog';\r\nimport { LoginFormComponent, RegisterFromComponent } from '../../../public-api';\r\nimport { Inject } from '@angular/core';\r\nimport { LIB_CONFIG, LibConfig } from '../../config.token';;\r\nimport {\r\n DropOffPoint,\r\n Rapair,\r\n RepairAndShippingPrices,\r\n} from '../../models/response/repair-shipping-prices.response';\r\n\r\n@Component({\r\n selector: 'acf-step-four',\r\n templateUrl: './step-four.component.html',\r\n styleUrl: './step-four.component.scss',\r\n standalone: false,\r\n})\r\nexport class StepFourComponent implements OnInit {\r\n @Input() appName: string = '';\r\n @ViewChild(MapInfoWindow) infoWindow!: MapInfoWindow;\r\n repairPrices!: RepairAndShippingPrices;\r\n selectedDeliveryOption: any = null;\r\n selectedPostOffice: any = null;\r\n submitted = false;\r\n allCalculationsCompleted = false;\r\n\r\n deliveryOptions: any[] = [];\r\n myLocation: any;\r\n\r\n //Lists\r\n listPostes: any[] = [];\r\n listPostesSorted: any[] = [];\r\n listRepairers: Rapair[] = [];\r\n\r\n fixedPoint = {\r\n lat: parseFloat(this.store.getLat()),\r\n lng: parseFloat(this.store.getLng()),\r\n };\r\n options: google.maps.MapOptions = {\r\n mapId: this.config.MAP_ID,\r\n center: this.fixedPoint,\r\n zoom: 12,\r\n };\r\n step4Form: FormGroup;\r\n emailValid!: boolean;\r\n emailExists!: boolean;\r\n\r\n ref: DynamicDialogRef | undefined;\r\n loading: boolean = true;\r\n messages!: any[];\r\n isOutOfWarranty: boolean ;\r\n constructor(@Inject(LIB_CONFIG) private config: LibConfig,\r\n private readonly googleMapsService: GoogleMapsService,\r\n private readonly mandateService: MandateService,\r\n private readonly router: Router,\r\n private readonly formBuilder: FormBuilder,\r\n private readonly store: DataStoreService,\r\n private readonly accountService: AccountService,\r\n private readonly dialogService: DialogService\r\n ) {\r\n this.step4Form = this.onItniFrom();\r\n this.loadFormFromLocalStorage();\r\n this.checkEmail();\r\n this.isOutOfWarranty = this.store.isOutWaranty();\r\n if (!this.isOutOfWarranty) {\r\n this.deliveryOptions = [\r\n { name: 'Déposer l’appareil chez le réparateur ', key: 0 },\r\n { name: 'Envoyer l’appareil par colis', key: 1 }\r\n ];\r\n this.step4Form = this.onItniFrom();\r\n } else {\r\n this.deliveryOptions = [\r\n { name: 'Déposer l’appareil chez le réparateur ', key: 0 },\r\n { name: 'Expédier l’appareil via un transporteur', key: 2}\r\n ];\r\n this.step4Form = this.onItniFrom(this.deliveryOptions[0]);\r\n }\r\n }\r\n\r\n onItniFrom(pickUp? :{name: string, key: number}): FormGroup {\r\n return this.formBuilder.group({\r\n repairPrice: [''],\r\n shippingPrice: [''],\r\n clientCode: [''],\r\n atsCode: [''],\r\n currencyCode: [''],\r\n currencySymbol: [''],\r\n ecoSupport: 0,\r\n //&\r\n pickUp: [pickUp ? pickUp : '', Validators.required],\r\n pickUpChoice: [''],\r\n carrierCode: [''],\r\n fromName: [''],\r\n fromAddress1: [''],\r\n fromZip: [''],\r\n fromCity: [''],\r\n fromCountryCode: [''],\r\n fromPhone: [''],\r\n toName: [''],\r\n toAddress1: [''],\r\n toZip: [''],\r\n toCity: [''],\r\n toCountryCode: [''],\r\n toPhone: [''],\r\n selectedPostOffice: [''],\r\n weight: [''],\r\n });\r\n }\r\n loadFormFromLocalStorage(): void {\r\n const savedFormData = this.store.getStep4Form();\r\n if (savedFormData) {\r\n this.step4Form.patchValue(savedFormData);\r\n }\r\n }\r\n\r\n addFixedPointIcon() {\r\n const fixedPointMarker = `../../../assets/${this.appName}/map/map-user-address.png`;\r\n const imgTag = document.createElement('img');\r\n imgTag.src = fixedPointMarker;\r\n imgTag.width = 40;\r\n this.myLocation = {\r\n content: imgTag,\r\n lat: this.fixedPoint.lat,\r\n lng: this.fixedPoint.lng,\r\n address: this.store.getAddress() || this.store.getStep3Form()?.address,\r\n };\r\n }\r\n\r\n async onMarkerClick(marker: MapAdvancedMarker, location: any) {\r\n this.infoWindow.close();\r\n this.googleMapsService.getPlaceId(location.name).subscribe((placeId) => {\r\n let googleMapsUrl = '';\r\n if (placeId) {\r\n googleMapsUrl = `https://www.google.com/maps/search/?api=1&query=Google&query_place_id=${placeId}`;\r\n } else {\r\n googleMapsUrl = `https://www.google.com/maps/search/?api=1&query=${location.latitude},${location.longitude}`;\r\n }\r\n const contentString = `\r\n ((resolve, reject) => {\r\n // const request: RepairersAssignedRequest = {\r\n // applicationName: this.appName,\r\n // zip: this.store.getStep3Form()?.zip.zip,\r\n // countryCode: '250',\r\n // };\r\n\r\n // this.mandateService.getRepairers(request).subscribe(\r\n // (data) => {\r\n // resolve([data]); // Resolve the promise once processing is done\r\n // },\r\n // (error) => {\r\n // reject(new Error('Erreur lors de la récupération des données: ' + error)); // Reject if there's an error\r\n // }\r\n // );\r\n // });\r\n // }\r\n\r\n next() {\r\n this.submitted = true;\r\n const pickUpChoice = this.step4Form.value.pickUp.key;\r\n console.log('pickUpChoice', pickUpChoice);\r\n if (\r\n this.step4Form.valid && \r\n (pickUpChoice === 0 || pickUpChoice === 2 || (pickUpChoice === 1 && this.step4Form.value.selectedPostOffice !== null))\r\n ) {\r\n this.saveForm4ToLocalStorage();\r\n if (!this.emailExists && !this.emailValid) {\r\n const registerFromSteps = true;\r\n // & Open the dialog with the fetched consumers\r\n this.ref = this.dialogService.open(RegisterFromComponent, {\r\n width: '50vw',\r\n showHeader: false,\r\n dismissableMask: true,\r\n closeOnEscape: true,\r\n contentStyle: { overflow: 'auto' },\r\n breakpoints: {\r\n '960px': '75vw',\r\n '640px': '90vw',\r\n },\r\n // & Pass consumers to the dialog\r\n data: { registerFromSteps },\r\n });\r\n } else {\r\n if (this.emailExists && !this.emailValid) {\r\n this.router.navigate([RoutesPaths.registerCheckInbox]);\r\n } else {\r\n const loginFromSteps = true;\r\n // & Open the dialog with the fetched consumers\r\n this.ref = this.dialogService.open(LoginFormComponent, {\r\n width: '50vw',\r\n showHeader: false,\r\n dismissableMask: true,\r\n closeOnEscape: true,\r\n contentStyle: { overflow: 'auto' },\r\n breakpoints: {\r\n '960px': '75vw',\r\n '640px': '90vw',\r\n },\r\n // & Pass consumers to the dialog\r\n data: { loginFromSteps },\r\n });\r\n }\r\n }\r\n }\r\n }\r\n\r\n prev() {\r\n this.router.navigate([`${RoutesPaths.step}/3`]);\r\n }\r\n\r\n ngOnInit() {\r\n this.addFixedPointIcon();\r\n this.GetRepairInformation();\r\n\r\n // Fetch and process post offices\r\n // this.processPostOffices();\r\n\r\n // // Fetch and process repairers\r\n // this.processRepairers();\r\n // this.getRepairAndShippingPrices();\r\n this.allCalculationsCompleted = true;\r\n }\r\n\r\n // Function to process post offices\r\n private async processPostOffices(dropOffPoints: DropOffPoint[]) {\r\n this.listPostes = dropOffPoints.map((point) => ({\r\n ...point,\r\n latitude: Number(point.latitude),\r\n longitude: Number(point.longitude),\r\n }));\r\n const postOfficeMarker =\r\n '../../../assets/' + this.appName + '/map/map-post-office.png';\r\n\r\n this.listPostes.forEach((element) => {\r\n let imgTag = document.createElement('img');\r\n imgTag.src = postOfficeMarker;\r\n imgTag.width = 40;\r\n element.content = imgTag;\r\n });\r\n await this.calculateDistancesAndDurations(this.listPostes);\r\n this.listPostesSorted = this.listPostes\r\n .filter((post) => post.distance) // Ensure distance, walk, and transit exist\r\n .map((post) => {\r\n const numericDistance = this.googleMapsService.parseDistance(\r\n post.distance\r\n );\r\n return { ...post, numericDistance };\r\n })\r\n .sort((a, b) => a.numericDistance - b.numericDistance)\r\n .slice(0, 2);\r\n }\r\n\r\n // private async getRepairAndShippingPrices() {\r\n // // Warranty check logic directly in interventionTypeId\r\n // const today = new Date();\r\n // const purchaseDate = new Date(this.store.getStep1Form()?.date);\r\n // const yearsDifference = today.getFullYear() - purchaseDate.getFullYear();\r\n // const isDateInFuture = today < purchaseDate;\r\n // const interventionTypeId = !isDateInFuture && yearsDifference <= 2 ? 1 : 0;\r\n // // Retrieving and parsing the form data\r\n // const request: RepairAndShippingPricesRequest2 = {\r\n // applicationName: this.appName,\r\n // commercialRef: this.store.getStep1Form()?.refComm,\r\n // technicalRef: this.store.getStep1Form()?.refTech,\r\n // clientCode: this.listRepairers[0].clientCode,\r\n // interventionTypeId: interventionTypeId,\r\n // isPem: true,\r\n // };\r\n\r\n // this.mandateService.getRepairAndShippingPrices(request).subscribe(\r\n // (data) => {\r\n // this.repairPrices = data;\r\n // this.loading = false;\r\n // },\r\n // (_) => console.log(_)\r\n // );\r\n // }\r\n\r\n // Function to process repairers\r\n private async processRepairers(repairer: Rapair) {\r\n const repairers = [repairer];\r\n this.listRepairers = await repairers;\r\n const repairerMarker =\r\n '../../../assets/' + this.appName + '/map/map-repairer.png';\r\n if (this.listRepairers && this.listRepairers.length == 1) {\r\n const repairerPoint = {\r\n lat: this.listRepairers[0].latitude,\r\n lng: this.listRepairers[0].longitude,\r\n };\r\n this.onChangeCenter(repairerPoint);\r\n }\r\n this.listRepairers.forEach((element) => {\r\n let imgTag = document.createElement('img');\r\n imgTag.src = repairerMarker;\r\n imgTag.width = 40;\r\n element.content = imgTag;\r\n });\r\n\r\n await this.calculateDistancesAndDurations(this.listRepairers);\r\n if (\r\n this.googleMapsService.parseDistance(this.listRepairers[0].distance) >\r\n 20000 && !this.isOutOfWarranty\r\n ) {\r\n this.step4Form.patchValue({\r\n pickUp: this.deliveryOptions[1],\r\n });\r\n this.onDeliveryOptionSelect(this.deliveryOptions[1]);\r\n this.messages = [\r\n {\r\n severity: 'info',\r\n detail:\r\n \" Étant donné que la distance entre votre localisation et le réparateur dépasse 20 km, l'option d'envoi par poste est sélectionnée par défaut.\",\r\n },\r\n ];\r\n setTimeout(() => {\r\n this.messages = []; // Clear error message after 5 seconds\r\n }, 15000);\r\n }\r\n }\r\n\r\n private async GetRepairInformation() {\r\n // Warranty check logic directly in interventionTypeId\r\n // const today = new Date();\r\n // const purchaseDate = new Date(this.store.getStep1Form()?.date);\r\n // const yearsDifference = today.getFullYear() - purchaseDate.getFullYear();\r\n // const isDateInFuture = today < purchaseDate;\r\n // const interventionTypeId = !isDateInFuture && yearsDifference <= 2 ? 1 : 0;\r\n // const isUnderGuarantee = yearsDifference <= 2 ? true : false;\r\n const request: RepairAndShippingPricesRequest = {\r\n applicationName: this.appName,\r\n commercialRef: this.store.getStep1Form()?.refComm,\r\n technicalRef: this.store.getStep1Form()?.refTech,\r\n consumerCity: this.store.getStep3Form()?.city.city,\r\n consumerZipCode: this.store.getStep3Form()?.zip.zip,\r\n consumerAddress: this.store.getStep3Form()?.address,\r\n isUnderGuarantee: !this.isOutOfWarranty,\r\n };\r\n\r\n this.mandateService.GetRepairInformation(request).subscribe(\r\n (data) => {\r\n const repairPrices = {\r\n repairPrice: data.repairPrice,\r\n totalRepairPrice: data.repairPrice,\r\n currencyCode: data.currencyCode,\r\n currencySymbol: data.currencySymbol,\r\n weight: data.deviceWeight,\r\n shippingPrice: data.shippingPrice,\r\n ecoSupport: data.ecoSupport,\r\n shippingCurrencySymbol: data.currencySymbol,\r\n shippingCurrencyCode: data.currencyCode,\r\n };\r\n this.repairPrices = repairPrices;\r\n // Fetch and process post offices\r\n const dropOffPoints = data.dropOffPoints;\r\n if(dropOffPoints && dropOffPoints.length > 0 ){\r\n this.processPostOffices(dropOffPoints);\r\n }\r\n \r\n\r\n // Fetch and process repairers\r\n const repairer = data.rapair;\r\n this.processRepairers(repairer);\r\n this.loading = false;\r\n },\r\n (_) => console.log(_)\r\n );\r\n }\r\n // Function to calculate distances and durations\r\n private async calculateDistancesAndDurations(points: any[]) {\r\n const calculationPromises = points.map(async (point) => {\r\n try {\r\n const walkResult = await this.googleMapsService.calculateTime(\r\n this.fixedPoint.lat,\r\n this.fixedPoint.lng,\r\n point.latitude || point.geometry.location.lat(),\r\n point.longitude || point.geometry.location.lng(),\r\n google.maps.TravelMode.WALKING\r\n );\r\n point.walk = walkResult.duration;\r\n point.distance = walkResult.distance;\r\n\r\n const transitResult = await this.googleMapsService.calculateTime(\r\n this.fixedPoint.lat,\r\n this.fixedPoint.lng,\r\n point.latitude || point.geometry.location.lat(),\r\n point.longitude || point.geometry.location.lng(),\r\n google.maps.TravelMode.TRANSIT\r\n );\r\n point.transit = transitResult.duration;\r\n const driveResult = await this.googleMapsService.calculateTime(\r\n this.fixedPoint.lat,\r\n this.fixedPoint.lng,\r\n point.latitude || point.geometry.location.lat(),\r\n point.longitude || point.geometry.location.lng(),\r\n google.maps.TravelMode.DRIVING\r\n );\r\n point.drive = driveResult.duration;\r\n } catch (error) {}\r\n });\r\n\r\n await Promise.all(calculationPromises);\r\n }\r\n\r\n checkEmail() {\r\n const email = this.store.getEmail();\r\n this.accountService.checkEmail(email).subscribe(\r\n (data) => {\r\n this.accountService.checkEmailValidity(email).subscribe(\r\n (x) => {\r\n this.emailValid = x;\r\n },\r\n (_) => console.log(_)\r\n );\r\n this.emailExists = data;\r\n },\r\n (_) => console.log(_)\r\n );\r\n }\r\n\r\n saveForm4ToLocalStorage() {\r\n const pickUpChoice = this.step4Form.value.pickUp.key;\r\n this.step4Form.patchValue({\r\n repairPrice: this.repairPrices.repairPrice,\r\n clientCode: this.listRepairers[0].clientCode,\r\n atsCode: this.listRepairers[0].atsCode,\r\n shippingPrice: this.repairPrices.shippingPrice,\r\n currencyCode: this.repairPrices.currencyCode,\r\n currencySymbol: this.repairPrices.currencySymbol,\r\n ecoSupport: this.repairPrices.ecoSupport,\r\n weight: this.repairPrices.weight,\r\n pickUpChoice: pickUpChoice ? 'FROMSTORE' : '',\r\n carrierCode: 'Poste',\r\n fromName: this.selectedPostOffice?.name,\r\n fromAddress1: this.selectedPostOffice?.adresse1,\r\n fromZip: this.selectedPostOffice?.zipCode,\r\n fromCity: this.selectedPostOffice?.city,\r\n fromCountryCode: this.listRepairers[0].countryCode,\r\n fromPhone: this.selectedPostOffice?.phoneNumber,\r\n toName: this.listRepairers[0].companyName,\r\n toAddress1: this.listRepairers[0].address1,\r\n toZip: this.listRepairers[0].zipCode,\r\n toCity: this.listRepairers[0].city,\r\n toCountryCode: this.listRepairers[0].countryCode,\r\n toPhone: this.listRepairers[0].phoneNumber,\r\n });\r\n this.store.saveFormToLocalStorage(this.step4Form, DataStore.step4_form);\r\n }\r\n\r\n\r\n onPhoneClick(phoneNumber?: string) {\r\n if (!phoneNumber) return;\r\n window.location.href = `tel:${phoneNumber}`;\r\n }\r\n\r\n onEmailClick(emailAddress?: string) {\r\n if (!emailAddress) return;\r\n window.location.href = `mailto:${emailAddress}`;\r\n }\r\n get f() {\r\n return this.step4Form.controls;\r\n }\r\n\r\n}\r\n","\r\n\r\n ","import { Component, Input } from '@angular/core';\r\n\r\n@Component({\n selector: 'acf-step-five',\n templateUrl: './step-five.component.html',\n styleUrl: './step-five.component.scss',\n standalone: false\n})\r\nexport class StepFiveComponent {\r\n @Input() appName: string = '';\r\n}\r\n","\r\n ","import { Component, Input } from '@angular/core';\r\n\r\n@Component({\n selector: 'acf-step-six',\n templateUrl: './step-six.component.html',\n styleUrl: './step-six.component.scss',\n standalone: false\n})\r\nexport class StepSixComponent {\r\n @Input() appName: string = '';\r\n\r\n}\r\n","\r\n ","import { Component } from '@angular/core';\r\n\r\n@Component({\n selector: 'acf-loader',\n templateUrl: './loader.component.html',\n styleUrl: './loader.component.scss',\n standalone: false\n})\r\nexport class LoaderComponent {\r\n\r\n}\r\n","();\r\n changeIsLeftSidebarCollapsed = output();\r\n\r\n constructor(\r\n private readonly storageService: DataStoreService,\r\n private readonly authService: AuthService\r\n ) {\r\n this.userName = this.storageService.getUserName();\r\n this.firstName = this.storageService.getFirstName();\r\n this.lastName = this.storageService.getLastName();\r\n }\r\n\r\n logout() {\r\n this.authService.logOut();\r\n }\r\n\r\n toggleCollapse(): void {\r\n this.changeIsLeftSidebarCollapsed.emit(!this.isLeftSidebarCollapsed());\r\n }\r\n\r\n closeSidenav(): void {\r\n this.changeIsLeftSidebarCollapsed.emit(true);\r\n }\r\n\r\n getInitials(firstName: string, lastName: string): string {\r\n if (!firstName && !lastName) return '';\r\n const firstInitial = firstName[0]?.charAt(0).toUpperCase();\r\n const lastInitial = lastName[0]?.charAt(0).toUpperCase();\r\n return `${firstInitial}${lastInitial}`;\r\n }\r\n\r\n}\r\n","","import { Component, Input } from '@angular/core';\r\n\r\n@Component({\n selector: 'acf-connected-header',\n templateUrl: './connected-header.component.html',\n styleUrl: './connected-header.component.scss',\n standalone: false\n})\r\nexport class ConnectedHeaderComponent {\r\n @Input() app: string = '';\r\n\r\n}\r\n","(false);\r\n screenWidth = signal(window.innerWidth);\r\n\r\n @HostListener('window:resize')\r\n onResize() {\r\n this.screenWidth.set(window.innerWidth);\r\n if (this.screenWidth() < 768) {\r\n this.isLeftSidebarCollapsed.set(true);\r\n } else {\r\n this.isLeftSidebarCollapsed.set(false);\r\n\r\n }\r\n\r\n }\r\n\r\n ngOnInit(): void {\r\n this.isLeftSidebarCollapsed.set(this.screenWidth() < 768);\r\n }\r\n\r\n changeIsLeftSidebarCollapsed(isLeftSidebarCollapsed: boolean): void {\r\n this.isLeftSidebarCollapsed.set(isLeftSidebarCollapsed);\r\n }\r\n\r\n\r\n sizeClass = computed(() => {\r\n const isLeftSidebarCollapsed = this.isLeftSidebarCollapsed();\r\n if (isLeftSidebarCollapsed) {\r\n return 'connected-layout-body-md-screen';\r\n }\r\n return this.screenWidth() >= 768 ? 'connected-layout-body-lg-screen' : 'connected-layout-body-md-screen';\r\n });\r\n}\r\n\r\n","\r\n ","import { Component, Input } from '@angular/core';\r\nimport { MessageService } from 'primeng/api';\r\nimport { FormBuilder, FormControl, FormGroup, Validators } from '@angular/forms';\r\nimport { AccountService } from '../../services/account.service';\r\nimport { PasswordValidator } from '../../validators/password.validator';\r\nimport { GeneralInfoChangeRequest } from '../../models/request/general-information-change.request';\r\nimport { HexaPosts } from '../../models/shared/hexa-post';\r\nimport { DataStoreService } from '../../services/data-store.service';\r\nimport { ResetPasswordRequest } from '../../models/request/reset-password.request';\r\nimport { UserInfo } from '../../models/shared/user.info';\r\n\r\n@Component({\r\n selector: 'acf-account',\r\n templateUrl: './account.component.html',\r\n styleUrl: './account.component.scss',\r\n providers: [MessageService],\r\n standalone: false\r\n})\r\nexport class AccountComponent {\r\n @Input() app: string = '';\r\n\r\n passwordChangeForm: FormGroup;\r\n generalInfoForm: FormGroup;\r\n originalFormValues: any;\r\n\r\n loading = false;\r\n submittedPasswordChangeForm = false;\r\n submittedGeneralInfoForm = false;\r\n filteredZipCodes: HexaPosts = [];\r\n filteredCities: HexaPosts = [];\r\n hexaPosts: HexaPosts = [];\r\n emailInputIcon: string = '';\r\n phoneInputIcon: string = '';\r\n showPassword: boolean = false;\r\n showOldPassword: boolean = false;\r\n showConfirmPassword: boolean = false;\r\n gender = [\r\n {\r\n value: 'Monsieur',\r\n key: '001',\r\n },\r\n {\r\n value: 'Madame',\r\n key: '002',\r\n },\r\n ];\r\n constructor(\r\n private readonly formBuilder: FormBuilder,\r\n private readonly accountService: AccountService,\r\n private readonly store: DataStoreService,\r\n private readonly messageService: MessageService\r\n ) {\r\n this.passwordChangeForm = this.onInitPasswordChangeForm();\r\n this.generalInfoForm = this.onInitGeneralInfoForm();\r\n this.originalFormValues = this.generalInfoForm.getRawValue();\r\n this.generalInfoForm.get('email')?.disable();\r\n this.store.deleteState(); //delete state : incident declatation\r\n\r\n\r\n }\r\n\r\n ngOnInit(): void {\r\n }\r\n\r\n onInitPasswordChangeForm() {\r\n return this.formBuilder.group(\r\n {\r\n oldPassword: ['', Validators.required],\r\n password: ['', [Validators.required, Validators.pattern(\r\n /^(?=\\D*\\d)(?=[^a-z]*[a-z])(?=[^A-Z]*[A-Z])(?=.*[$@$!%*?&.+-/(){}\"']).{8,}$/\r\n )]\r\n ],\r\n confirmPassword: ['', Validators.required]\r\n },\r\n {\r\n validator: PasswordValidator('password', 'confirmPassword'),\r\n }\r\n );\r\n }\r\n\r\n onInitGeneralInfoForm() {\r\n const zipAndCity = { zip: this.store.getZip(), city: this.store.getCity(), countryCode: 'FR' }\r\n\r\n return this.formBuilder.group(\r\n {\r\n title: [this.store.getTitle() || '', Validators.required],\r\n firstName: [this.store.getFirstName() || '', Validators.required],\r\n lastName: [this.store.getLastName() || '', Validators.required],\r\n phoneNumber: new FormControl(this.store.getPhoneNumber() || '', [\r\n Validators.required,\r\n Validators.pattern(/^[1-7]([\\s\\d]*\\d){8}$/)\r\n ]),\r\n city: [zipAndCity || null, Validators.required],\r\n zip: [zipAndCity || null, Validators.required],\r\n address: [this.store.getUserAddress() || '', Validators.required],\r\n //TODO getCDMCustomerInfo should get email so we store them and patch them here\r\n email: new FormControl(this.store.getUserName() || '', [\r\n Validators.required,\r\n Validators.email,\r\n Validators.pattern('^[A-Za-z0-9._%+-]+@[a-z0-9.-]+\\\\.[a-z]{2,4}$'),\r\n ]),\r\n }\r\n );\r\n }\r\n\r\n checkPhone() {\r\n let rawValue = this.generalInfoForm.value.phoneNumber.replace(/\\s+/g, ''); // Remove spaces\r\n this.generalInfoForm.get('phoneNumber')?.setValue(rawValue);\r\n const phoneNumber = this.generalInfoForm.get('phoneNumber');\r\n if (phoneNumber && phoneNumber.status == 'VALID' && !phoneNumber.errors) {\r\n this.phoneInputIcon = 'pi pi-spinner pi-spin';\r\n this.accountService\r\n .checkPhoneNumber(phoneNumber.value, this.app)\r\n .subscribe(\r\n (data) => {\r\n this.phoneInputIcon = data ? 'pi pi-times' : 'pi pi-check';\r\n },\r\n (_) => (this.phoneInputIcon = '')\r\n );\r\n } else {\r\n this.phoneInputIcon = '';\r\n }\r\n }\r\n\r\n onSubmitPasswordChange(): void {\r\n this.submittedPasswordChangeForm = true;\r\n const isFromValid =\r\n this.passwordChangeForm.valid;\r\n if (isFromValid) {\r\n this.loading = true;\r\n const resetPasswordRequest: ResetPasswordRequest = {\r\n applicationName: this.app,\r\n userName: this.store.getUserName(),\r\n oldPassword: this.passwordChangeForm.get('oldPassword')?.value,\r\n newPassword: this.passwordChangeForm.get('password')?.value\r\n };\r\n this.accountService.resetPassword(resetPasswordRequest).subscribe(\r\n (response) => {\r\n if (response.result) {\r\n this.messageService.add({\r\n severity: 'success',\r\n detail: 'Votre mot de passe a été réinitialisé avec succès.'\r\n });\r\n } else {\r\n this.messageService.add({\r\n severity: 'error',\r\n detail: 'Une erreur est survenue lors de la réinitialisation de votre mot de passe. Veuillez vérifier vos informations et réessayer ou contacter le support si le problème persiste.'\r\n });\r\n }\r\n this.loading = false;\r\n },\r\n (error) => {\r\n this.messageService.add({\r\n severity: 'error',\r\n detail: 'Une erreur inattendue est survenue. Veuillez réessayer ou contacter le support si le problème persiste.'\r\n });\r\n this.loading = false;\r\n }\r\n );\r\n this.passwordChangeForm = this.onInitPasswordChangeForm();\r\n this.submittedPasswordChangeForm = false;\r\n }\r\n }\r\n onSubmitGeneralInfoChange(): void {\r\n this.submittedGeneralInfoForm = true;\r\n const currentFormValues = this.generalInfoForm.getRawValue();\r\n const isFormModified = JSON.stringify(currentFormValues) !== JSON.stringify(this.originalFormValues)\r\n const isFromValid =\r\n this.generalInfoForm.valid &&\r\n (this.phoneInputIcon === 'pi pi-check' || this.phoneInputIcon === '');\r\n\r\n if (isFromValid && isFormModified) {\r\n this.loading = true;\r\n const generalInfoRequest: GeneralInfoChangeRequest = {\r\n applicationName: this.app,\r\n firstName: this.generalInfoForm.get('firstName')?.value,\r\n lastName: this.generalInfoForm.get('lastName')?.value,\r\n city: this.generalInfoForm.get('city')?.value.city,\r\n address: this.generalInfoForm.get('address')?.value,\r\n zipPostalCode: this.generalInfoForm.get('zip')?.value.zip,\r\n phoneNumber: this.generalInfoForm.get('phoneNumber')?.value,\r\n email: this.generalInfoForm.get('email')?.getRawValue(),\r\n userName: this.generalInfoForm.get('email')?.value,\r\n title: this.generalInfoForm.get('title')?.value,\r\n countryCode: '250'\r\n };\r\n this.accountService.changeGeneralInformation(generalInfoRequest).subscribe(\r\n (response) => {\r\n if (response.result) {\r\n this.setNewUserInfo()\r\n this.messageService.add({\r\n severity: 'success',\r\n detail: 'Votre compte a été mis à jour avec succès.'\r\n });\r\n } else {\r\n this.messageService.add({\r\n severity: 'error',\r\n detail: 'Une erreur est survenue lors de la mise à jour de votre compte. Veuillez réessayer ou contacter le support si le problème persiste.'\r\n });\r\n }\r\n this.loading = false;\r\n },\r\n (error) => {\r\n this.messageService.add({\r\n severity: 'error',\r\n detail: 'Une erreur inattendue est survenue. Veuillez réessayer ou contacter le support si le problème persiste.'\r\n });\r\n this.loading = false;\r\n }\r\n );\r\n\r\n this.submittedGeneralInfoForm = false;\r\n this.phoneInputIcon = '';\r\n }\r\n }\r\n\r\n togglePasswordVisibility(): void {\r\n this.showPassword = !this.showPassword;\r\n }\r\n\r\n toggleOldPasswordVisibility(): void {\r\n this.showOldPassword = !this.showOldPassword;\r\n }\r\n\r\n toggleConfirmPasswordVisibility(): void {\r\n this.showConfirmPassword = !this.showConfirmPassword;\r\n }\r\n\r\n setNewUserInfo() {\r\n this.accountService.getCDMCustomerInfo().subscribe(\r\n (user: UserInfo) => {\r\n const rememberMe = this.store.getRM();\r\n if (rememberMe == 'true') {\r\n this.store.setUserInformation(user, true);\r\n } else {\r\n this.store.setUserInformation(user, false);\r\n }\r\n this.generalInfoForm = this.onInitGeneralInfoForm();\r\n this.originalFormValues = this.generalInfoForm.getRawValue();\r\n },\r\n error => console.error(error)\r\n );\r\n\r\n }\r\n get generalInfoF() {\r\n return this.generalInfoForm.controls;\r\n }\r\n\r\n get passwordChangeF() {\r\n return this.passwordChangeForm.controls;\r\n }\r\n\r\n}\r\n","\r\n \r\n \r\n \r\n \r\n \r\n;\r\n @Output() filesChanged: EventEmitter = new EventEmitter();\r\n\r\n constructor(\r\n private readonly messageService: MessageService\r\n ) { }\r\n\r\n onFileSelected(event: Event): void {\r\n const input = event.target as HTMLInputElement;\r\n this.onFileCheck(input);\r\n }\r\n \r\n onFileCheck(input: HTMLInputElement): void {\r\n if (input.files && input.files.length > 0) {\r\n const newFiles = Array.from(input.files);\r\n const invalidFile = newFiles.find(file => !this.ALLOWED_FILE_TYPES.includes(file.type));\r\n if (invalidFile) {\r\n this.show('Supported formats: JPEG, PNG, PDF');\r\n return;\r\n }\r\n this.file = newFiles[0];\r\n this.filesChanged.emit(this.file);\r\n }\r\n }\r\n\r\n onDragOver(event: DragEvent) {\r\n event.preventDefault();\r\n }\r\n\r\n onDrop(event: DragEvent) {\r\n event.preventDefault();\r\n if (event.dataTransfer?.files.length) {\r\n const newFiles = Array.from(event.dataTransfer.files); \r\n const invalidFile = newFiles.find(file => !this.ALLOWED_FILE_TYPES.includes(file.type));\r\n if (invalidFile) {\r\n this.show('Supported formats: JPEG, PNG, PDF');\r\n return;\r\n }\r\n this.file = newFiles[0]\r\n this.filesChanged.emit(this.file);\r\n }\r\n }\r\n\r\n onRemoveFile() {\r\n this.file = undefined;\r\n }\r\n\r\n show(message: string) {\r\n this.messageService.add({ severity: 'error', summary: 'Erreur', detail: message });\r\n }\r\n\r\n triggerFileInput() {\r\n this.fileInput.nativeElement.click();\r\n }\r\n\r\n}\r\n\r\n\r\n","();\r\n\r\n constructor(private readonly dialogService: DialogService,\r\n private confirmationService: ConfirmationService, private readonly router: Router, private readonly mandateService: MandateService, private readonly store: DataStoreService) {\r\n }\r\n\r\n\r\n viewServices(device: Product) {\r\n this.store.saveProduct(device);\r\n this.router.navigate([RoutesPaths.device_details], {\r\n state: {\r\n // device \r\n }\r\n });\r\n }\r\n\r\n declareIncident(device: Product) {\r\n if (device.endDate) {\r\n const inputDate = new Date(device.endDate);\r\n const currentDate = new Date();\r\n if (inputDate > currentDate) {\r\n // this.open_OOW_Popup();\r\n this.store.updateIsOutWaranty(false); // UPDATE HG //\r\n const mappedDevice: MappedProduct = {\r\n name: device.fullDescription || '',\r\n brand: device.brand || '',\r\n family: device.family || '',\r\n commref: device.commercialReference || '',\r\n refTech: device.technicalReference || '',\r\n saleDate: device.saleDate || ''\r\n }\r\n this.store.saveDevice(mappedDevice);\r\n this.router.navigate([RoutesPaths.connectedStep2]);\r\n } else {\r\n this.store.updateIsOutWaranty(true); // this.open_IW_Popup(); // UPDATE HG // SAME PROCESS 4 HG & SG\r\n const mappedDevice: MappedProduct = {\r\n name: device.fullDescription || '',\r\n brand: device.brand || '',\r\n family: device.family || '',\r\n commref: device.commercialReference || '',\r\n refTech: device.technicalReference || '',\r\n saleDate: device.saleDate || ''\r\n }\r\n this.store.saveDevice(mappedDevice);\r\n this.router.navigate([RoutesPaths.connectedStep2]);\r\n }\r\n }\r\n }\r\n\r\n open_OOW_Popup() {\r\n this.dialogService.open(ConnectedOowPopupComponent, {\r\n width: '42vw',\r\n showHeader: false,\r\n dismissableMask: true,\r\n closeOnEscape: true,\r\n contentStyle: { overflow: 'auto' },\r\n breakpoints: {\r\n '960px': '60vw',\r\n '640px': '70w',\r\n },\r\n });\r\n }\r\n open_IW_Popup\r\n () {\r\n this.dialogService.open(ConnectedIwPopupComponent, {\r\n width: '42vw',\r\n dismissableMask: true,\r\n closeOnEscape: true,\r\n showHeader: false,\r\n contentStyle: { overflow: 'auto' },\r\n breakpoints: {\r\n '960px': '60vw',\r\n '640px': '70w',\r\n },\r\n });\r\n }\r\n deleteDevice(event: Event, device: Product) {\r\n this.confirmationService.confirm({\r\n target: event.target as EventTarget,\r\n message: \"êtes-vous sûr de vouloir supprimer l'appareil ?\",\r\n header: \"Surpression de l'appareil\",\r\n acceptButtonStyleClass: 'acf-primary-button',\r\n rejectButtonStyleClass: 'acf-secondary-button',\r\n acceptIcon: 'none',\r\n rejectIcon: 'none',\r\n acceptLabel: 'Supprimer',\r\n rejectLabel: 'Annuler',\r\n accept: () => {\r\n this.deleteSelectedContracts(device)\r\n },\r\n reject: () => { },\r\n });\r\n\r\n }\r\n\r\n deleteSelectedContracts(device: Product) {\r\n const request: DeleteContractProductRequest = {\r\n applicationName: this.store.getApplication(),\r\n userName: this.store.getUserName(),\r\n contractsToDelete: [{\r\n contId: device.contractId || 0,\r\n contPrdId: device.contractProductId || 0\r\n }]\r\n };\r\n this.mandateService.deleteContractProduct(request).subscribe(response => {\r\n // Filter out contracts with MandateExists errors\r\n const mandateExistsErrors = response.contractsToDelete.filter(contract => contract.result === false && contract.errors?.includes(\"MandateExists\"));\r\n\r\n // Check if there are any \"MandateExists\" errors\r\n if (mandateExistsErrors.length > 0) {\r\n // Case when there is at least one \"MandateExists\" error\r\n if (mandateExistsErrors.length === 1) {\r\n // Only one \"MandateExists\" error\r\n const contract = mandateExistsErrors[0];\r\n this.deletionCompleted.emit(`L'appareil n'a pas pu être supprimé car il est lié à une intervention en cours: ${contract.commercialRef}`);\r\n } else if (mandateExistsErrors.length === response.contractsToDelete.length) {\r\n // All devices have \"MandateExists\" errors\r\n const errorMessage = mandateExistsErrors.map(contract => contract.commercialRef).join(', ');\r\n this.deletionCompleted.emit(`Les appareils n'ont pas pu être supprimés car ils sont tous liés à une intervention en cours: ${errorMessage}.`);\r\n } else {\r\n // Partial deletion (some devices failed, others succeeded)\r\n const errorMessage = mandateExistsErrors.map(contract => contract.commercialRef).join(', ');\r\n this.deletionCompleted.emit(`Suppression partielle effectuée! Certains appareils n'ont pas pu être supprimés car ils sont liés à une intervention en cours: ${errorMessage}. Les autres appareils ont été supprimés avec succès.`);\r\n }\r\n } else {\r\n // Success case when no \"MandateExists\" errors\r\n this.deletionCompleted.emit('L\\'appareil a été supprimé avec succès.');\r\n }\r\n }, error => {\r\n console.error('Error deleting contracts:', error);\r\n });\r\n\r\n\r\n }\r\n}\r\n","\r\n \r\n \r\n Nom de l'appareil\r\n \r\n Marque\r\n \r\n Référence commerciale\r\n \r\n Statut de garantie\r\n \r\n Date d'achat\r\n \r\n Actions \r\n \r\n \r\n \r\n \r\n {{ device.fullDescription }} \r\n {{ device.brand }} \r\n {{ device.commercialReference }} \r\n \r\n 0 ? ' status-OUTOFWARRANTY' : ' status-UNDERWARRANTY')\">\r\n {{ device.remainingMonths > 0 ? 'Sous garantie' : 'Hors garantie' }}\r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n();\r\n\r\n constructor(\r\n private readonly router: Router,\r\n private readonly dialogService: DialogService,\r\n private readonly store: DataStoreService,\r\n @Optional() public ref: DynamicDialogRef\r\n ) { }\r\n\r\n navigate(device: Product) {\r\n if (device.endDate) {\r\n\r\n const endDate = new Date(device.endDate);\r\n const currentDate = new Date();\r\n if (endDate > currentDate) {\r\n // this.open_OOW_Popup();\r\n this.store.updateIsOutWaranty(false); // UPDATE HG //\r\n const mappedDevice: MappedProduct = {\r\n name: device.fullDescription || '',\r\n brand: device.brand || '',\r\n family: device.family || '',\r\n commref: device.commercialReference || '',\r\n refTech: device.technicalReference || '',\r\n saleDate: device.saleDate || ''\r\n }\r\n this.store.saveDevice(mappedDevice);\r\n this.router.navigate([RoutesPaths.connectedStep2]);\r\n } else {\r\n this.store.updateIsOutWaranty(true); //this.open_IW_Popup(); // UPDATE HG // SAME PROCESS 4 HG & SG\r\n const mappedDevice: MappedProduct = {\r\n name: device.fullDescription || '',\r\n brand: device.brand || '',\r\n family: device.family || '',\r\n commref: device.commercialReference || '',\r\n refTech: device.technicalReference || '',\r\n saleDate: device.saleDate || ''\r\n }\r\n this.store.saveDevice(mappedDevice);\r\n this.router.navigate([RoutesPaths.connectedStep2]);\r\n }\r\n }\r\n }\r\n\r\n toggleSelection() {\r\n this.selectionChanged.emit(this.device);\r\n }\r\n\r\n viewServices(device: Product) {\r\n this.store.saveProduct(device);\r\n\r\n this.router.navigate([RoutesPaths.device_details], {\r\n state: {\r\n //device \r\n },\r\n });\r\n }\r\n\r\n open_OOW_Popup() {\r\n this.dialogService.open(ConnectedOowPopupComponent, {\r\n width: '42vw',\r\n dismissableMask: true,\r\n closeOnEscape: true,\r\n showHeader: false,\r\n contentStyle: { overflow: 'auto' },\r\n breakpoints: {\r\n '960px': '60vw',\r\n '640px': '70w',\r\n },\r\n });\r\n }\r\n\r\n open_IW_Popup() {\r\n this.dialogService.open(ConnectedIwPopupComponent, {\r\n width: '42vw',\r\n dismissableMask: true,\r\n closeOnEscape: true,\r\n showHeader: false,\r\n contentStyle: { overflow: 'auto' },\r\n breakpoints: {\r\n '960px': '60vw',\r\n '640px': '70w',\r\n },\r\n });\r\n }\r\n\r\n}\r\n","();\r\n\r\n constructor(private confirmationService: ConfirmationService, private readonly mandateService: MandateService, private readonly store: DataStoreService) {\r\n }\r\n selectedDevices: Products = [];\r\n\r\n toggleDeviceSelection(device: Product) {\r\n const index = this.selectedDevices.findIndex(d => d.contractId === device.contractId);\r\n\r\n if (index === -1) {\r\n this.selectedDevices.push(device);\r\n } else {\r\n this.selectedDevices.splice(index, 1);\r\n }\r\n }\r\n\r\n\r\n clearSelection(event: Event) {\r\n this.confirmationService.confirm({\r\n target: event.target as EventTarget,\r\n message: \"êtes-vous sûr de vouloir supprimer l'appareil ?\",\r\n header: \"Surpression de l'appareil\",\r\n acceptButtonStyleClass: 'acf-primary-button',\r\n rejectButtonStyleClass: 'acf-secondary-button',\r\n acceptIcon: 'none',\r\n rejectIcon: 'none',\r\n acceptLabel: 'Supprimer',\r\n rejectLabel: 'Annuler',\r\n accept: () => {\r\n this.deleteSelectedContracts()\r\n this.selectedDevices = [];\r\n\r\n },\r\n reject: () => { },\r\n });\r\n\r\n }\r\n\r\n deleteSelectedContracts() {\r\n const request: DeleteContractProductRequest = {\r\n applicationName: this.store.getApplication(),\r\n userName: this.store.getUserName(),\r\n contractsToDelete: this.selectedDevices.map(device => ({\r\n contId: device.contractId || 0,\r\n contPrdId: device.contractProductId || 0\r\n\r\n }))\r\n };\r\n\r\n this.mandateService.deleteContractProduct(request).subscribe(response => {\r\n // Filter out contracts with MandateExists errors\r\n const mandateExistsErrors = response.contractsToDelete.filter(contract => contract.result === false && contract.errors?.includes(\"MandateExists\"));\r\n\r\n // Check if there are any \"MandateExists\" errors\r\n if (mandateExistsErrors.length > 0) {\r\n // Case when there is at least one \"MandateExists\" error\r\n if (mandateExistsErrors.length === 1) {\r\n // Only one \"MandateExists\" error\r\n const contract = mandateExistsErrors[0];\r\n this.deletionCompleted.emit(`L'appareil n'a pas pu être supprimé car il est lié à une intervention en cours: ${contract.commercialRef}`);\r\n } else if (mandateExistsErrors.length === response.contractsToDelete.length) {\r\n // All devices have \"MandateExists\" errors\r\n const errorMessage = mandateExistsErrors.map(contract => contract.commercialRef).join(', ');\r\n this.deletionCompleted.emit(`Les appareils n'ont pas pu être supprimés car ils sont tous liés à une intervention en cours: ${errorMessage}.`);\r\n } else {\r\n // Partial deletion (some devices failed, others succeeded)\r\n const errorMessage = mandateExistsErrors.map(contract => contract.commercialRef).join(', ');\r\n this.deletionCompleted.emit(`Suppression partielle effectuée! Certains appareils n'ont pas pu être supprimés car ils sont liés à une intervention en cours: ${errorMessage}. Les autres appareils ont été supprimés avec succès.`);\r\n }\r\n } else {\r\n // Success case when no \"MandateExists\" errors\r\n this.deletionCompleted.emit('L\\'appareil a été supprimé avec succès.');\r\n }\r\n }, error => {\r\n console.error('Error deleting contracts:', error);\r\n });\r\n\r\n\r\n }\r\n\r\n\r\n}\r\n","\r\n ","import { Component, Input } from '@angular/core';\r\nimport { Router } from '@angular/router';\r\nimport { DataStoreService } from '../../services/data-store.service';\r\nimport { RoutesPaths } from '../../enums/routePaths';\r\n@Component({\r\n selector: 'acf-incident-report',\r\n templateUrl: './incident-report.component.html',\r\n styleUrl: './incident-report.component.scss',\r\n standalone: false\r\n})\r\nexport class IncidentReportComponent {\r\n @Input() app: string = '';\r\n\r\n constructor(private readonly router: Router, private readonly store: DataStoreService) {\r\n //const currentStep = this.getCurrentStep();\r\n this.store.deleteState(); //delete state : incident declatation\r\n this.router.navigate([RoutesPaths.connectedStep1]);\r\n }\r\n\r\n // getCurrentStep(): number {\r\n // if (this.store.getStep5Form()) return 6;\r\n // if (this.store.getStep4Form()) return 5;\r\n // if (this.store.getStep3Form()) return 3;\r\n // if (this.store.getStep2Form()) return 2;\r\n // if (this.store.getStep1Form()) return 1;\r\n // return 1; \r\n // }\r\n}\r\n","\r\n\r\n","import { Component, Input, ViewChild } from '@angular/core';\r\nimport { Table, TableRowSelectEvent } from 'primeng/table';\r\nimport { MandateService } from '../../services/mandate.service';\r\nimport { Mandates, Mandate, MandateStatus, MandatesBeforePayment, MandateBeforePayment } from '../../models/shared/mandate';\r\nimport { AutoCompleteCompleteEvent, AutoCompleteSelectEvent } from 'primeng/autocomplete';\r\nimport { Router } from '@angular/router';\r\nimport { RoutesPaths } from '../../enums/routePaths';\r\nimport { DataStoreService } from '../../services/data-store.service';\r\n\r\n@Component({\r\n selector: 'acf-incident-tracking',\r\n templateUrl: './incident-tracking.component.html',\r\n styleUrls: ['./incident-tracking.component.scss'],\r\n standalone: false\r\n})\r\nexport class IncidentTrackingComponent {\r\n @Input() app: string = '';\r\n @ViewChild('dt') table!: Table;\r\n @ViewChild('dtable') datatable!: Table;\r\n\r\n loading: boolean = true;\r\n mandates: Mandates = [];\r\n mandatesOnHold: MandatesBeforePayment = [];\r\n\r\n searchQuery: string = '';\r\n MandateStatus = MandateStatus;\r\n\r\n fieldsToSearch = ['orderMission', 'labelRef', 'brandCode', 'familyCode', 'mandateStatus', 'createDate'];\r\n filteredItems: { display: string; value: string; }[] = [];\r\n constructor(private readonly router: Router, private readonly mandateService: MandateService, private readonly store: DataStoreService) {\r\n this.getMandates();\r\n this.getMandatesOnHold();\r\n this.store.deleteState(); //delete state : incident declatation\r\n\r\n\r\n }\r\n getMandatesOnHold() {\r\n this.mandateService.getMandatesOnHold().subscribe((data) => {\r\n if (data.mandates.length > 0) this.mandatesOnHold = data.mandates;\r\n\r\n this.loading = false;\r\n });\r\n }\r\n\r\n\r\n getMandates() {\r\n this.mandateService.getMandates().subscribe((data) => {\r\n this.mandates = data.mandates;\r\n this.loading = false;\r\n });\r\n }\r\n\r\n filterItems(event: AutoCompleteCompleteEvent) {\r\n const query = event.query.toLowerCase();\r\n this.filteredItems = this.mandates\r\n .filter((mandate) =>\r\n this.fieldsToSearch.some((field) =>\r\n String(mandate[field as keyof Mandate]).toLowerCase().includes(query)\r\n )\r\n )\r\n .map((mandate) => ({\r\n display: `${mandate.orderMission}`,\r\n value: mandate.orderMission\r\n }));\r\n this.updateTable(query);\r\n }\r\n\r\n updateTable(query: string) {\r\n if (query) {\r\n const lowerCaseQuery = query.toLowerCase();\r\n const filteredData = this.mandates.filter((mandate) =>\r\n this.fieldsToSearch.some((field) =>\r\n String(mandate[field as keyof Mandate]).toLowerCase().includes(lowerCaseQuery)\r\n )\r\n );\r\n\r\n this.table.filterGlobal(query, 'contains');\r\n this.table.value = filteredData;\r\n } else {\r\n this.table.value = this.mandates;\r\n this.table.filterGlobal('', 'contains');\r\n }\r\n }\r\n applyGlobalFilter(event: AutoCompleteSelectEvent) {\r\n const selectedValue = event.value.value;\r\n if (selectedValue) {\r\n this.table.filterGlobal(selectedValue, 'contains');\r\n }\r\n }\r\n clearFilter() {\r\n this.searchQuery = '';\r\n this.filteredItems = [];\r\n this.table.value = this.mandates;\r\n this.table.reset();\r\n }\r\n\r\n onOpenDetails(event: any) {\r\n this.router.navigate([`${RoutesPaths.incident_tracking_overview}`, event.data.mandateId]);\r\n }\r\n\r\n getStatusClass(status: keyof typeof MandateStatus): string {\r\n return `status status-${status.toLowerCase()}`;\r\n }\r\n\r\n getStatusLabel(status: keyof typeof MandateStatus): string {\r\n return MandateStatus[status];\r\n }\r\n finalPrice(mandate: MandateBeforePayment): number {\r\n return (mandate?.repairPrice || 0) - (mandate?.ecoSupport || 0);\r\n }\r\n\r\n onOpenStep5(event: TableRowSelectEvent) {\r\n const mandate = event.data;\r\n if (mandate) {\r\n const shipping_details = {\r\n repairPrice: mandate.repairPrice,\r\n shippingPrice: mandate.shippingPrice,\r\n clientCode: mandate.carrierCode,\r\n atsCode: mandate.atsCodeForStripe,\r\n currencyCode: mandate.currencyCode,\r\n currencySymbol: mandate.currencySymbol,\r\n ecoSupport: mandate.ecoSupport,\r\n pickUp: {\r\n key: 0,\r\n name: ''\r\n },\r\n pickUpChoice: mandate.pickupChoice || '',\r\n carrierCode: mandate.carrierCode || '',\r\n fromName: mandate.fromName,\r\n fromAddress1: mandate.fromAddress1,\r\n fromZip: mandate.fromZip,\r\n fromCity: mandate.fromCity,\r\n fromCountryCode: mandate.fromCountryCode,\r\n fromPhone: mandate.fromPhone,\r\n toName: mandate.fromName,\r\n toAddress1: mandate.toAddress1,\r\n toZip: mandate.toZip,\r\n toCity: mandate.toCity,\r\n toCountryCode: mandate.toCountryCode,\r\n toPhone: mandate.toPhone,\r\n selectedPostOffice: {\r\n city: '',\r\n name: '',\r\n postalCode: '',\r\n country: ''\r\n }\r\n }\r\n const zipCode = {\r\n zip: mandate.zip,\r\n countryCode: mandate.countryCode,\r\n city: mandate.city\r\n };\r\n const consumer = {\r\n title: mandate.title,\r\n lastName: mandate.lastName,\r\n firstName: mandate.firstName,\r\n address1: mandate.address1,\r\n zip: zipCode,\r\n city: zipCode,\r\n countryCode: mandate.countryCode,\r\n countryLabel: '250',\r\n phoneNumber: mandate.phoneNumber,\r\n email: mandate.email,\r\n }\r\n\r\n\r\n \r\n const symptom = {\r\n symptom: {\r\n label: mandate.irisSymptomResponse?.label || '',\r\n code: mandate.irisSymptomResponse?.code || ''\r\n },\r\n comment: mandate.failureDescription || '',\r\n }\r\n const device = {\r\n name: mandate.labelRef || '',\r\n saleDate: mandate.purchaseDate || '',\r\n commref: mandate.commercialRef || '',\r\n brand: mandate.brandCode || '',\r\n refTech: mandate.technicalRef || '',\r\n family: mandate.familyCode || '',\r\n }\r\n const mandateBeforePaymentID = mandate.id?.toString() || \"\";\r\n this.store.setMandateIDBeforePayment(mandateBeforePaymentID);\r\n this.store.saveSymptom(symptom);\r\n this.store.saveDevice(device);\r\n this.store.saveConsumer(consumer);\r\n this.store.saveShippingDetails(shipping_details);\r\n // this.store.saveMandateState(mandate);\r\n this.router.navigate([RoutesPaths.connectedStep5], {\r\n state: {\r\n // device: device,\r\n // symptom: symptom,\r\n // consumer: consumer,\r\n // mandateId: mandateBeforePaymentID,\r\n // shipping_details: shipping_details,\r\n // mandate: mandate\r\n },\r\n });\r\n }\r\n }\r\n\r\n}\r\n","\r\n ","import { Component, Input } from '@angular/core';\r\nimport { DataStoreService } from '../../services/data-store.service';\r\n\r\n@Component({\r\n selector: 'acf-contract',\r\n templateUrl: './contract.component.html',\r\n styleUrl: './contract.component.scss',\r\n standalone: false\r\n})\r\nexport class ContractComponent {\r\n @Input() app: string = '';\r\n\r\n constructor(private readonly store: DataStoreService) {\r\n this.store.deleteState(); //delete state : incident declatation\r\n\r\n }\r\n\r\n\r\n}\r\n","\r\n ","import { Component, Input } from '@angular/core';\r\nimport { DataStoreService } from '../../services/data-store.service';\r\nimport { MessageService } from 'primeng/api';\r\n\r\n@Component({\r\n selector: 'acf-customer-service',\r\n templateUrl: './customer-service.component.html',\r\n styleUrl: './customer-service.component.scss',\r\n standalone: false\r\n})\r\nexport class CustomerServiceComponent {\r\n @Input() app: string = '';\r\n isLoadingContact = false;\r\n isLoadingTech = false;\r\n\r\n constructor(private messageService: MessageService) {}\r\n\r\n contactClients(): void {\r\n const email = 'serviceconsommateur.fr@bosch-home.com';\r\n const mailtoLink = `mailto:${email}`;\r\n\r\n try {\r\n window.location.href = mailtoLink;\r\n } catch (error) {\r\n console.error('Error opening email client:', error);\r\n this.copyEmailToClipboard(email);\r\n }\r\n }\r\n\r\n contactTechnicalSupport(): void {\r\n const email = 'support@agoraplus.com';\r\n const mailtoLink = `mailto:${email}`;\r\n try {\r\n window.location.href = mailtoLink;\r\n } catch (error) {\r\n console.error('Error opening email client:', error);\r\n this.copyEmailToClipboard(email);\r\n }\r\n }\r\n\r\n\r\n private copyEmailToClipboard(email: string): void {\r\n if (navigator.clipboard && navigator.clipboard.writeText) {\r\n navigator.clipboard.writeText(email).then(() => {\r\n }).catch(err => {\r\n console.error('Failed to copy email:', err);\r\n });\r\n }\r\n }\r\n}","\r\n \r\n\r\n\r\n","import { Component, Input } from '@angular/core';\r\nimport { RoutesPaths } from '../../../enums/routePaths';\r\nimport { Router } from '@angular/router';\r\nimport { DataStoreService } from '../../../services/data-store.service';\r\nimport { MappedProduct } from '../../../models/shared/product';\r\n\r\n@Component({\r\n selector: 'acf-connected-steps-layout',\r\n templateUrl: './connected-steps-layout.component.html',\r\n styleUrl: './connected-steps-layout.component.scss',\r\n standalone: false\r\n})\r\nexport class ConnectedStepsLayoutComponent {\r\n @Input() appName: string = '';\r\n @Input() step!: number;\r\n\r\n steps = [\r\n { number: 1, name: 'Appareil', status: '' },\r\n { number: 2, name: 'Panne', status: '' },\r\n { number: 3, name: 'Coordonnées', status: '' },\r\n { number: 4, name: 'Réparation', status: '' },\r\n { number: 5, name: 'Validation', status: '' },\r\n // { number: 6, name: 'Paiement', status: '' }, // UPDATE HG //\r\n ];\r\n\r\n device!: MappedProduct;\r\n interventionTypeId: number = 0;\r\n\r\n constructor(private readonly router: Router, private readonly store: DataStoreService) {}\r\n\r\n ngAfterContentInit(): void {\r\n this.loadDeviceData();\r\n this.updateSteps(this.step);\r\n }\r\n\r\n private loadDeviceData(): void {\r\n try {\r\n const deviceData = this.store.getDevice()\r\n this.device = this.parseJsonSafely(deviceData);\r\n \r\n if (this.device && this.device.saleDate) {\r\n this.calculateInterventionType();\r\n }\r\n } catch (error) {\r\n console.error('Error loading device data:', error);\r\n }\r\n }\r\n\r\n private parseJsonSafely(jsonString: string | null): any {\r\n if (!jsonString) return null;\r\n try {\r\n return JSON.parse(jsonString);\r\n } catch (error) {\r\n console.error('Error parsing JSON:', error);\r\n return null;\r\n }\r\n }\r\n\r\n private calculateInterventionType(): void {\r\n // const today = new Date();\r\n // const purchaseDate = new Date(this.device.saleDate);\r\n // const yearsDifference = today.getFullYear() - purchaseDate.getFullYear();\r\n // const isDateInFuture = today < purchaseDate;\r\n \r\n // this.interventionTypeId = !isDateInFuture && yearsDifference <= 2 ? 1 : 0;\r\n const oof = this.store.isOutWaranty(); \r\n this.interventionTypeId = oof ? 0 : 1;\r\n // Update steps based on intervention type\r\n // this.updateStepsBasedOnInterventionType(); // UPDATE HG //\r\n }\r\n\r\n private updateStepsBasedOnInterventionType(): void {\r\n if (this.interventionTypeId === 1) {\r\n // Remove step 6 (Paiement) if interventionTypeId is 1\r\n this.steps = this.steps.filter(step => step.number !== 6);\r\n } else {\r\n // Ensure step 6 is included if interventionTypeId is not 1\r\n const hasPaymentStep = this.steps.some(step => step.number === 6);\r\n if (!hasPaymentStep) {\r\n this.steps.push({ number: 6, name: 'Paiement', status: '' });\r\n }\r\n }\r\n }\r\n\r\n updateSteps(_step: number): void {\r\n this.steps = this.steps.map((step) => ({\r\n ...step,\r\n status: _step > step.number ? 'completed' :\r\n _step === step.number ? 'active' : 'pending',\r\n }));\r\n }\r\n\r\n prev(): void {\r\n const page: number = this.step - 1;\r\n this.navigate(page);\r\n }\r\n\r\n next(): void {\r\n const page = this.step + 1;\r\n this.navigate(page);\r\n }\r\n\r\n navigate(page: number): void {\r\n const maxStep = 5 //= this.interventionTypeId === 1 ? 5 : 6; // UPDATE HG //\r\n \r\n if (page > 0 && page <= maxStep) {\r\n this.updateSteps(page);\r\n this.router.navigate([`${RoutesPaths.connectedStep}/${page}`]);\r\n }\r\n }\r\n\r\n // Helper method to get the maximum step number\r\n getMaxStep(): number {\r\n return this.interventionTypeId === 1 ? 5 : 6;\r\n }\r\n\r\n // Helper method to check if payment step should be shown\r\n shouldShowPaymentStep(): boolean {\r\n return this.interventionTypeId !== 1;\r\n }\r\n}","\r\n \r\n\r\n \r\n ","import { Component, Input } from '@angular/core';\r\nimport { MappedProduct } from '../../models/shared/product';\r\nimport { Router } from '@angular/router';\r\nimport { FormGroup, FormBuilder, Validators } from '@angular/forms';\r\nimport { DataStore } from '../../enums/data.store';\r\nimport { RoutesPaths } from '../../enums/routePaths';\r\nimport { IrisSymptomsRequest } from '../../models/request/iris-symptom.request';\r\nimport { IrisSymptoms, Symptom } from '../../models/shared/iris-symptom';\r\nimport { ReferentialService } from '../../services/referential.service';\r\nimport { DataStoreService } from '../../services/data-store.service';\r\nimport { DropdownChangeEvent } from 'primeng/dropdown';\r\nimport { Consumer } from '../../models/request/create-mandate.request';\r\nimport { ShippingDetails } from '../../models/shared/shipping-details';\r\nconst parseJsonSafely = (data: string | null) => {\r\n try {\r\n return data ? JSON.parse(data) : null;\r\n } catch (error) {\r\n console.error('Error parsing JSON:', error);\r\n return null;\r\n }\r\n};\r\n@Component({\r\n selector: 'acf-connected-step-two',\r\n templateUrl: './connected-step-two.component.html',\r\n styleUrl: './connected-step-two.component.scss',\r\n standalone: false\r\n})\r\nexport class ConnectedStepTwoComponent {\r\n @Input() app: string = '';\r\n device: MappedProduct;\r\n irisSymtom!: Symptom;\r\n step2Form: FormGroup;\r\n submitted = false;\r\n irisSymtoms: IrisSymptoms = [];\r\n consumer: Consumer;\r\n mandateBeforePaymentID: string;\r\n shipping_details: ShippingDetails;\r\n constructor(\r\n private readonly formBuilder: FormBuilder,\r\n private readonly referentialService: ReferentialService,\r\n private readonly router: Router,\r\n private readonly store: DataStoreService\r\n ) {\r\n this.step2Form = this.onItniFrom();\r\n const state = this.router.getCurrentNavigation()?.extras?.state || {};\r\n\r\n this.device = parseJsonSafely(this.store.getDevice()); // state?.['device'];\r\n this.irisSymtom = parseJsonSafely(this.store.getSymptom()) //state?.['symptom'];\r\n this.consumer = parseJsonSafely(this.store.getConsumer())//state?.['consumer'];\r\n this.mandateBeforePaymentID = this.store.getMandateIDBeforePayment();//state?.['mandateId'];\r\n this.shipping_details = parseJsonSafely(this.store.getShippingDetails()) //state?.['shipping_details'];\r\n if (this.irisSymtom) {\r\n this.step2Form = this.onSetFrom(this.irisSymtom);\r\n } else {\r\n this.step2Form = this.onItniFrom();\r\n }\r\n }\r\n\r\n ngOnInit(): void {\r\n this.getIrisSymptoms();\r\n }\r\n\r\n onItniFrom() {\r\n return this.formBuilder.group({\r\n symptom: [null, Validators.required],\r\n comment: ['', [Validators.required, Validators.maxLength(600)]],\r\n });\r\n }\r\n\r\n onSetFrom(i: Symptom) {\r\n return this.formBuilder.group({\r\n symptom: [i.symptom, Validators.required],\r\n comment: [i.comment, [Validators.required, Validators.maxLength(600)]],\r\n });\r\n }\r\n\r\n getIrisSymptoms() {\r\n const request: IrisSymptomsRequest = {\r\n applicationName: this.app,\r\n commercialRef: this.device.commref,\r\n };\r\n this.referentialService.getIrisSymptoms(request).subscribe(\r\n (data) => {\r\n this.irisSymtoms = data;\r\n },\r\n (error) => {\r\n console.error('Erreur lors de la récupération des données', error);\r\n }\r\n );\r\n }\r\n\r\n onSymptomChange(event: DropdownChangeEvent): void {\r\n if (event.value) {\r\n this.irisSymtom = {\r\n symptom: event?.value,\r\n comment: this.step2Form.value.comment\r\n }\r\n }\r\n }\r\n\r\n getImageUrl() {\r\n const prdCommercialRef = this.device.commref;\r\n if (prdCommercialRef && prdCommercialRef.length > 0) {\r\n return 'assets/' + this.app + '/products/' + prdCommercialRef + '.jpg';\r\n } else {\r\n return 'assets/' + this.app + '/no-image.svg';\r\n }\r\n }\r\n\r\n handleImageError(event: any) {\r\n event.target.src = 'assets/' + this.app + '/no-image.svg';\r\n }\r\n\r\n next() {\r\n this.submitted = true;\r\n if (this.step2Form.valid) {\r\n this.irisSymtom.comment = this.step2Form.value.comment;\r\n this.store.setMandateIDBeforePayment(this.mandateBeforePaymentID);\r\n this.store.saveSymptom(this.irisSymtom);\r\n this.store.saveDevice(this.device);\r\n this.store.saveConsumer(this.consumer);\r\n this.store.saveShippingDetails(this.shipping_details);\r\n this.router.navigate([RoutesPaths.connectedStep3], {\r\n state: {\r\n // device: this.device,\r\n // symptom: this.irisSymtom,\r\n // consumer: this.consumer,\r\n // mandateId: this.mandateBeforePaymentID,\r\n // shipping_details: this.shipping_details\r\n }\r\n });\r\n }\r\n }\r\n\r\n prev() {\r\n this.store.setMandateIDBeforePayment(this.mandateBeforePaymentID);\r\n this.store.saveSymptom(this.irisSymtom);\r\n this.store.saveDevice(this.device);\r\n this.store.saveConsumer(this.consumer);\r\n this.store.saveShippingDetails(this.shipping_details);\r\n this.router.navigate([RoutesPaths.connectedStep1], {\r\n state: {\r\n // device: this.device,\r\n // symptom: this.irisSymtom,\r\n // consumer: this.consumer,\r\n // mandateId: this.mandateBeforePaymentID,\r\n // shipping_details: this.shipping_details\r\n }\r\n });\r\n }\r\n\r\n get f() {\r\n return this.step2Form.controls;\r\n }\r\n}\r\n","\r\n \r\n \r\n ","import { Component, Input } from '@angular/core';\r\nimport {\r\n FormGroup,\r\n FormBuilder,\r\n Validators,\r\n FormControl,\r\n} from '@angular/forms';\r\nimport { RoutesPaths } from '../../enums/routePaths';\r\nimport { Router } from '@angular/router';\r\nimport { MappedProduct } from '../../models/shared/product';\r\nimport { DataStoreService } from '../../services/data-store.service';\r\nimport { Symptom } from '../../models/shared/iris-symptom';\r\nimport { Consumer } from '../../models/request/create-mandate.request';\r\nimport { ShippingDetails } from '../../models/shared/shipping-details';\r\n\r\nconst parseJsonSafely = (data: string | null) => {\r\n try {\r\n return data ? JSON.parse(data) : null;\r\n } catch (error) {\r\n console.error('Error parsing JSON:', error);\r\n return null;\r\n }\r\n};\r\n@Component({\r\n selector: 'acf-connected-step-three',\r\n templateUrl: './connected-step-three.component.html',\r\n styleUrl: './connected-step-three.component.scss',\r\n standalone: false\r\n})\r\n\r\nexport class ConnectedStepThreeComponent {\r\n @Input() app: string = '';\r\n Step3Form: FormGroup;\r\n loading = false;\r\n submitted = false;\r\n gender = [\r\n {\r\n value: 'Monsieur',\r\n key: '001',\r\n },\r\n {\r\n value: 'Madame',\r\n key: '002',\r\n },\r\n ];\r\n device: MappedProduct;\r\n symptom: Symptom;\r\n consumer: Consumer;\r\n mandateBeforePaymentID: string;\r\n shipping_details: ShippingDetails;\r\n\r\n constructor(\r\n private readonly formBuilder: FormBuilder,\r\n private readonly router: Router,\r\n private readonly store: DataStoreService\r\n ) {\r\n const state = this.router.getCurrentNavigation()?.extras?.state;\r\n\r\n this.device = parseJsonSafely(this.store.getDevice()); // state?.['device'];\r\n this.symptom = parseJsonSafely(this.store.getSymptom()) //state?.['symptom'];\r\n this.consumer = parseJsonSafely(this.store.getConsumer())//state?.['consumer'];\r\n this.mandateBeforePaymentID = this.store.getMandateIDBeforePayment();//state?.['mandateId'];\r\n this.shipping_details = parseJsonSafely(this.store.getShippingDetails()) //state?.['shipping_details']\r\n this.Step3Form = this.onInitForm();\r\n }\r\n\r\n onInitForm() {\r\n const zipAndCity = {\r\n zip: this.store.getZip(),\r\n city: this.store.getCity(),\r\n countryCode: 'FR',\r\n };\r\n return this.formBuilder.group({\r\n title: [this.store.getTitle() || '', Validators.required],\r\n firstName: [this.store.getFirstName() || '', Validators.required],\r\n lastName: [this.store.getLastName() || '', Validators.required],\r\n phoneNumber: new FormControl(this.store.getPhoneNumber() || '', [\r\n Validators.required,\r\n Validators.pattern(/^[1-7]([\\s\\d]*\\d){8}$/)\r\n ]),\r\n city: [zipAndCity || null, Validators.required],\r\n zip: [zipAndCity || null, Validators.required],\r\n address: [this.store.getUserAddress() || '', Validators.required],\r\n email: new FormControl(this.store.getUserName() || '', [\r\n Validators.required,\r\n Validators.email,\r\n Validators.pattern('^[A-Za-z0-9._%+-]+@[a-z0-9.-]+\\\\.[a-z]{2,4}$'),\r\n ]),\r\n countryCode: '250',\r\n });\r\n }\r\n\r\n onSetForm(consumer: Consumer) {\r\n const zipAndCity = {\r\n zip: consumer.zip,\r\n city: consumer.city,\r\n countryCode: 'FR',\r\n };\r\n return this.formBuilder.group({\r\n title: [consumer.title || '', Validators.required],\r\n firstName: [consumer.firstName || '', Validators.required],\r\n lastName: [consumer.lastName || '', Validators.required],\r\n phoneNumber: new FormControl(consumer.phoneNumber || '', [\r\n Validators.required,\r\n Validators.pattern(/^[1-7]([\\s\\d]*\\d){8}$/)\r\n ]),\r\n city: [zipAndCity || null, Validators.required],\r\n zip: [zipAndCity || null, Validators.required],\r\n address: [consumer.address1 || '', Validators.required],\r\n email: new FormControl(consumer.email || '', [\r\n Validators.required,\r\n Validators.email,\r\n Validators.pattern('^[A-Za-z0-9._%+-]+@[a-z0-9.-]+\\\\.[a-z]{2,4}$'),\r\n ]),\r\n countryCode: '250',\r\n });\r\n }\r\n\r\n next() {\r\n this.submitted = true;\r\n if (this.Step3Form.valid) {\r\n this.mapFrom();\r\n this.store.setMandateIDBeforePayment(this.mandateBeforePaymentID);\r\n this.store.saveSymptom(this.symptom);\r\n this.store.saveDevice(this.device);\r\n this.store.saveConsumer(this.consumer);\r\n this.store.saveShippingDetails(this.shipping_details);\r\n this.router.navigate([RoutesPaths.connectedStep4], {\r\n state: {\r\n // device: this.device,\r\n // symptom: this.symptom,\r\n // consumer: this.consumer,\r\n // mandateId: this.mandateBeforePaymentID,\r\n // shipping_details: this.shipping_details\r\n },\r\n });\r\n }\r\n }\r\n\r\n prev() {\r\n this.mapFrom();\r\n this.store.setMandateIDBeforePayment(this.mandateBeforePaymentID);\r\n this.store.saveSymptom(this.symptom);\r\n this.store.saveDevice(this.device);\r\n this.store.saveConsumer(this.consumer);\r\n this.store.saveShippingDetails(this.shipping_details);\r\n this.router.navigate([RoutesPaths.connectedStep2], {\r\n state: {\r\n // device: this.device,\r\n // symptom: this.symptom,\r\n // consumer: this.consumer,\r\n // mandateId: this.mandateBeforePaymentID,\r\n // shipping_details: this.shipping_details\r\n },\r\n });\r\n }\r\n\r\n mapFrom() {\r\n let rawValue = this.Step3Form.value.phoneNumber.replace(/\\s+/g, '');\r\n this.Step3Form.get('phoneNumber')?.setValue(rawValue);\r\n const formValue = this.Step3Form.value;\r\n this.consumer = {\r\n title: formValue.title,\r\n firstName: formValue.firstName,\r\n lastName: formValue.lastName,\r\n address1: formValue.address,\r\n zip: formValue.zip,\r\n city: formValue.city,\r\n countryCode: formValue.countryCode,\r\n countryLabel: formValue.countryLabel,\r\n phoneNumber: formValue.phoneNumber,\r\n email: formValue.email,\r\n };\r\n }\r\n\r\n get f() {\r\n return this.Step3Form.controls;\r\n }\r\n}\r\n","\r\n \r\n \r\n ","import { Component, Inject, Input, OnInit, ViewChild } from '@angular/core';\r\nimport { MapAdvancedMarker, MapInfoWindow } from '@angular/google-maps';\r\nimport { RepairerInfo, RepairerInfos } from '../../models/response/repairer-info.response';\r\nimport { GoogleMapsService } from '../../services/google-map.service';\r\nimport { MandateService } from '../../services/mandate.service';\r\nimport { RepairAndShippingPricesRequest } from '../../models/request/repair-shipping-prices.request';\r\nimport { RepairersAssignedRequest } from '../../models/request/repairers-assigned.request';\r\nimport { Router } from '@angular/router';\r\nimport { RoutesPaths } from '../../enums/routePaths';\r\nimport { FormBuilder, FormGroup, Validators } from '@angular/forms';\r\nimport { DataStoreService } from '../../services/data-store.service';\r\nimport { DynamicDialogRef } from 'primeng/dynamicdialog';\r\nimport { MessageService } from 'primeng/api';\r\nimport {\r\n Consumer,\r\n CreateMandateBeforePaymentRequest,\r\n UpdateMandateBeforePaymentRequest,\r\n} from '../../models/request/create-mandate.request';\r\nimport { Symptom } from '../../models/shared/iris-symptom';\r\nimport { MappedProduct } from '../../models/shared/product';\r\nimport { ShippingDetails } from '../../models/shared/shipping-details';\r\nimport { DropOffPoint, Rapair, RepairAndShippingPrices } from '../../models/response/repair-shipping-prices.response';\r\nimport { LIB_CONFIG, LibConfig } from '../../config.token';\r\nconst parseJsonSafely = (data: string | null) => {\r\n try {\r\n return data ? JSON.parse(data) : null;\r\n } catch (error) {\r\n console.error('Error parsing JSON:', error);\r\n return null;\r\n }\r\n};\r\n@Component({\r\n selector: 'acf-connected-step-four',\r\n templateUrl: './connected-step-four.component.html',\r\n styleUrl: './connected-step-four.component.scss',\r\n standalone: false\r\n})\r\nexport class ConnectedStepFourComponent implements OnInit {\r\n @Input() app: string = '';\r\n @ViewChild(MapInfoWindow) infoWindow!: MapInfoWindow;\r\n repairPrices!: RepairAndShippingPrices;\r\n selectedDeliveryOption: any = null;\r\n selectedPostOffice: any = null;\r\n submitted = false;\r\n allCalculationsCompleted = false;\r\n deliveryOptions: any[] = [];\r\n myLocation: any;\r\n //Lists\r\n listPostes: any[] = [];\r\n listPostesSorted: any[] = [];\r\n listRepairers: Rapair[] = []; //RepairerInfos\r\n fixedPoint = {\r\n lat: parseFloat(this.store.getLat()),\r\n lng: parseFloat(this.store.getLng()),\r\n };\r\n options: google.maps.MapOptions = {\r\n mapId: this.config.MAP_ID,\r\n center: this.fixedPoint,\r\n zoom: 12,\r\n };\r\n step4Form: FormGroup;\r\n loginRedirection!: boolean;\r\n ref: DynamicDialogRef | undefined;\r\n loading: boolean = true;\r\n messages!: any[];\r\n device: MappedProduct;\r\n symptom: Symptom;\r\n consumer: Consumer | any;\r\n mandateBeforePayment: string;\r\n shipping_details: ShippingDetails;\r\n isOutOfWarranty: boolean;\r\n constructor(\r\n private readonly googleMapsService: GoogleMapsService,\r\n private readonly mandateService: MandateService,\r\n private readonly router: Router,\r\n private readonly formBuilder: FormBuilder,\r\n private readonly store: DataStoreService,\r\n private readonly messageService: MessageService,\r\n @Inject(LIB_CONFIG) private config: LibConfig\r\n ) {\r\n this.step4Form = this.onItniFrom();\r\n this.device = parseJsonSafely(this.store.getDevice());\r\n this.symptom = parseJsonSafely(this.store.getSymptom()) \r\n this.consumer = parseJsonSafely(this.store.getConsumer());\r\n this.mandateBeforePayment = this.store.getMandateIDBeforePayment();\r\n this.shipping_details = parseJsonSafely(this.store.getShippingDetails());\r\n this.isOutOfWarranty = this.store.isOutWaranty();\r\n if (!this.isOutOfWarranty) {\r\n this.deliveryOptions = [\r\n { name: 'Déposer l’appareil chez le réparateur ', key: 0 },\r\n { name: 'Envoyer l’appareil par colis', key: 1 }\r\n ];\r\n this.step4Form = this.onItniFrom();\r\n } else {\r\n this.deliveryOptions = [\r\n { name: 'Déposer l’appareil chez le réparateur ', key: 0 },\r\n { name: 'Expédier l’appareil via un transporteur', key: 2}\r\n ];\r\n this.step4Form = this.onItniFrom(this.deliveryOptions[0]);\r\n }\r\n }\r\n\r\n onItniFrom(pickUp? :{name: string, key: number}): FormGroup {\r\n return this.formBuilder.group({\r\n repairPrice: [''],\r\n shippingPrice: [''],\r\n clientCode: [''],\r\n atsCode: [''],\r\n currencyCode: [''],\r\n currencySymbol: [''],\r\n ecoSupport: 0,\r\n pickUp: [pickUp ? pickUp : '', Validators.required],\r\n pickUpChoice: [''],\r\n carrierCode: [''],\r\n fromName: [''],\r\n fromAddress1: [''],\r\n fromZip: [''],\r\n fromCity: [''],\r\n fromCountryCode: [''],\r\n fromPhone: [''],\r\n toName: [''],\r\n toAddress1: [''],\r\n toZip: [''],\r\n toCity: [''],\r\n toCountryCode: [''],\r\n toPhone: [''],\r\n selectedPostOffice: [''],\r\n weight: [''],\r\n });\r\n }\r\n\r\n get f() {\r\n return this.step4Form.controls;\r\n }\r\n\r\n addFixedPointIcon() {\r\n const fixedPointMarker = `../../../assets/${this.app}/map/map-user-address.png`;\r\n const imgTag = document.createElement('img');\r\n imgTag.src = fixedPointMarker;\r\n imgTag.width = 40;\r\n this.myLocation = {\r\n content: imgTag,\r\n lat: this.fixedPoint.lat,\r\n lng: this.fixedPoint.lng,\r\n address: this.consumer.address1,\r\n };\r\n }\r\n\r\n async onMarkerClick(marker: MapAdvancedMarker, location: any) {\r\n this.infoWindow.close();\r\n this.googleMapsService\r\n .getPlaceId(location.name)\r\n .subscribe((placeId) => {\r\n let googleMapsUrl = '';\r\n if (placeId) {\r\n googleMapsUrl = `https://www.google.com/maps/search/?api=1&query=Google&query_place_id=${placeId}`;\r\n } else {\r\n googleMapsUrl = `https://www.google.com/maps/search/?api=1&query=${location.latitude},${location.longitude}`;\r\n }\r\n const contentString = `\r\n ((resolve, reject) => {\r\n // const request: RepairersAssignedRequest = {\r\n // applicationName: this.app,\r\n // zip: this.consumer.zip.zip ? this.consumer.zip.zip : this.consumer.zip,\r\n // countryCode: '250',\r\n // };\r\n\r\n // this.mandateService.getRepairers(request).subscribe(\r\n // (data) => {\r\n // resolve([data]); // Resolve the promise once processing is done\r\n // },\r\n // (error) => {\r\n // reject(\r\n // new Error('Erreur lors de la récupération des données: ' + error)\r\n // ); // Reject if there's an error\r\n // }\r\n // );\r\n // });\r\n // }\r\n\r\n next() {\r\n this.submitted = true;\r\n const pickUpChoice = this.step4Form.value.pickUp.key;\r\n if (this.step4Form.valid && (pickUpChoice === 0 || pickUpChoice === 2 || (pickUpChoice === 1 && this.step4Form.value.selectedPostOffice !== null))) {\r\n this.patchForm();\r\n this.shipping_details = this.getShippinfDetails();\r\n if (!this.mandateBeforePayment) {\r\n const step4Values = this.step4Form.value;\r\n const today = new Date();\r\n const oof = this.store.isOutWaranty(); \r\n const interventionTypeId = oof ? 0 : 1;\r\n const createMandateBeforePayment: CreateMandateBeforePaymentRequest = {\r\n applicationName: this.store.getApplication(),\r\n clientCode: step4Values.clientCode, //! STEP 4\r\n orderMission: (Date.now() + Math.floor(Math.random() * 1000)).toString().slice(0, 10),\r\n interventionTypeId: interventionTypeId,\r\n userName: this.consumer.email,\r\n weight: step4Values.weight,\r\n brandCode: this.device.brand,\r\n commercialRef: this.device.commref,\r\n technicalRef: this.device.refTech,\r\n familyCode: this.device.family,\r\n labelRef: this.device.name,\r\n purchaseDate: this.device.saleDate,\r\n irisSymptom: this.symptom.symptom.code,\r\n failureDescription: this.symptom.comment,\r\n createDate: new Date(today.toISOString()),\r\n repairPrice: step4Values.repairPrice,\r\n shippingPrice: step4Values.shippingPrice,\r\n consumer: {\r\n title: this.consumer.title, //&STEP 3\r\n lastName: this.consumer.lastName, //&STEP 3\r\n firstName: this.consumer.firstName, //&STEP 3\r\n address1: this.consumer.address1, //&STEP 3\r\n zip: this.consumer.zip.zip, //&STEP 3\r\n city: this.consumer.city.city, //&STEP 3\r\n countryCode: this.consumer.countryCode, //&STEP 3\r\n countryLabel: 'FR',\r\n phoneNumber: this.consumer.phoneNumber, //&STEP 3\r\n email: this.consumer.email, //& Email saisie dans le formulaire\r\n },\r\n pickupInfo:\r\n step4Values.pickUpChoice === 'FROMSTORE'\r\n ? {\r\n carrierCode: step4Values.carrierCode,\r\n pickupChoice: step4Values.pickUpChoice,\r\n fromName: step4Values.fromName,\r\n fromAddress1: step4Values.fromAddress1,\r\n fromZip: step4Values.fromZip,\r\n fromCity: step4Values.fromCity,\r\n fromCountryCode: step4Values.fromCountryCode,\r\n fromPhone: step4Values.fromPhone,\r\n toName: step4Values.toName,\r\n toAddress1: step4Values.toAddress1,\r\n toZip: step4Values.toZip,\r\n toCity: step4Values.toCity,\r\n toCountryCode: step4Values.toCountryCode,\r\n toPhone: step4Values.toPhone\r\n }\r\n : null, // If not 'FROMSTORE' (Poste), send a null object\r\n ecoSupport: step4Values.ecoSupport,\r\n currencyCode: step4Values.currencyCode,\r\n currencySymbol: step4Values.currencySymbol,\r\n atsCodeForStripe: step4Values.atsCode,\r\n };\r\n this.mandateService\r\n .createMandateBeforePayment(createMandateBeforePayment)\r\n .subscribe(\r\n (response) => {\r\n if (response.result == false) {\r\n this.messageService.add({\r\n severity: 'error',\r\n detail:\r\n \"Une erreur s'est produite sur le serveur. Veuillez réessayer plus tard.\",\r\n });\r\n } else {\r\n this.store.setMandateID(response.mandateId);\r\n this.store.setOmNumber(createMandateBeforePayment.orderMission);\r\n this.store.saveSymptom(this.symptom);\r\n this.store.saveDevice(this.device);\r\n this.store.saveConsumer(this.consumer);\r\n this.store.saveShippingDetails(this.shipping_details);\r\n this.router.navigate([RoutesPaths.connectedStep5]);\r\n }\r\n },\r\n (err) => {\r\n this.submitted = false;\r\n }\r\n );\r\n } else {\r\n this.store.setMandateIDBeforePayment(this.mandateBeforePayment);\r\n this.store.saveSymptom(this.symptom);\r\n this.store.saveDevice(this.device);\r\n this.store.saveConsumer(this.consumer);\r\n this.store.saveShippingDetails(this.shipping_details);\r\n\r\n this.UpdateMandateBeforePayment();\r\n\r\n }\r\n }\r\n }\r\n UpdateMandateBeforePayment() {\r\n const step4Values = this.step4Form.value;\r\n const today = new Date();\r\n // const purchaseDate = new Date(this.device.saleDate);\r\n // const yearsDifference = today.getFullYear() - purchaseDate.getFullYear();\r\n // const isDateInFuture = today < purchaseDate;\r\n // const interventionTypeId = !isDateInFuture && yearsDifference <= 2 ? 1 : 0;\r\n const oof = this.store.isOutWaranty(); \r\n const interventionTypeId = oof ? 0 : 1;\r\n const createMandateBeforePayment: UpdateMandateBeforePaymentRequest = {\r\n applicationName: this.store.getApplication(),\r\n clientCode: this.shipping_details.clientCode, //! STEP 4\r\n orderMission: this.store.getOmNumber(),\r\n interventionTypeId: interventionTypeId,\r\n weight: step4Values.weight, //? todo\r\n userName: this.store.getUserName(),\r\n brandCode: this.device.brand,\r\n commercialRef: this.device.commref,\r\n technicalRef: this.device.refTech,\r\n familyCode: this.device.family,\r\n labelRef: this.device.name,\r\n purchaseDate: this.device.saleDate,\r\n irisSymptom: this.symptom.symptom.code,\r\n failureDescription: this.symptom.comment,\r\n createDate: new Date(today.toISOString()),\r\n repairPrice: step4Values.repairPrice,\r\n shippingPrice: step4Values.shippingPrice,\r\n contId: 0,\r\n contPrdId: 0,\r\n consumer: {\r\n title: this.consumer.title, //&STEP 3\r\n lastName: this.consumer.lastName, //&STEP 3\r\n firstName: this.consumer.firstName, //&STEP 3\r\n address1: this.consumer.address1, //&STEP 3\r\n zip: this.consumer.zip.zip, //&STEP 3\r\n city: this.consumer.city.city, //&STEP 3\r\n countryCode: this.consumer.countryCode, //&STEP 3\r\n countryLabel: 'FR',\r\n phoneNumber: this.consumer.phoneNumber, //&STEP 3\r\n email: this.consumer.email, //& Email saisie dans le formulaire\r\n },\r\n pickupInfo:\r\n step4Values.pickUpChoice === 'FROMSTORE'\r\n ? {\r\n carrierCode: step4Values.carrierCode,\r\n pickupChoice: step4Values.pickUpChoice,\r\n fromName: step4Values.fromName,\r\n fromAddress1: step4Values.fromAddress1,\r\n fromZip: step4Values.fromZip,\r\n fromCity: step4Values.fromCity,\r\n fromCountryCode: step4Values.fromCountryCode,\r\n fromPhone: step4Values.fromPhone,\r\n toName: step4Values.toName,\r\n toAddress1: step4Values.toAddress1,\r\n toZip: step4Values.toZip,\r\n toCity: step4Values.toCity,\r\n toCountryCode: step4Values.toCountryCode,\r\n toPhone: step4Values.toPhone\r\n }\r\n : null, // If not 'FROMSTORE' (Poste), send a null object\r\n ecoSupport: step4Values.ecoSupport,\r\n currencyCode: step4Values.currencyCode,\r\n currencySymbol: step4Values.currencySymbol,\r\n atsCodeForStripe: step4Values.atsCode,\r\n mandateId: this.store.getMandateID(),\r\n /*fileId*/\r\n ...(this.store.getFileId() && { fileId: this.store.getFileId() })\r\n };\r\n this.mandateService.UpdateMandateBeforePayment(createMandateBeforePayment).subscribe(\r\n (response) => {\r\n if (response.result) {\r\n // this.createMandate();\r\n this.router.navigate([RoutesPaths.connectedStep5]);\r\n }\r\n else {\r\n this.messages = [{ severity: 'error', detail: 'Une erreur serveur s\\'est produite lors de la création du contrat.' }];\r\n setTimeout(() => {\r\n this.messages = [];\r\n }, 5000);\r\n }\r\n\r\n }\r\n )\r\n }\r\n prev() {\r\n this.shipping_details = this.getShippinfDetails();\r\n this.store.setMandateIDBeforePayment(this.mandateBeforePayment);\r\n this.store.saveSymptom(this.symptom);\r\n this.store.saveDevice(this.device);\r\n this.store.saveConsumer(this.consumer);\r\n this.store.saveShippingDetails(this.shipping_details);\r\n this.router.navigate([RoutesPaths.connectedStep3]);\r\n }\r\n\r\n ngOnInit() {\r\n this.addFixedPointIcon();\r\n this.GetRepairInformation();\r\n this.allCalculationsCompleted = true;\r\n }\r\n // Function to process post offices\r\n private async processPostOffices(dropOffPoints: DropOffPoint[]) {\r\n this.listPostes = dropOffPoints.map(point => ({\r\n ...point,\r\n latitude: Number(point.latitude),\r\n longitude: Number(point.longitude),\r\n }));\r\n const postOfficeMarker =\r\n '../../../assets/' + this.app + '/map/map-post-office.png';\r\n\r\n this.listPostes.forEach((element) => {\r\n let imgTag = document.createElement('img');\r\n imgTag.src = postOfficeMarker;\r\n imgTag.width = 40;\r\n element.content = imgTag;\r\n });\r\n await this.calculateDistancesAndDurations(this.listPostes);\r\n this.listPostesSorted = this.listPostes\r\n .filter((post) => post.distance) // Ensure distance, walk, and transit exist\r\n .map((post) => {\r\n const numericDistance = this.googleMapsService.parseDistance(\r\n post.distance\r\n );\r\n return { ...post, numericDistance };\r\n })\r\n .sort((a, b) => a.numericDistance - b.numericDistance)\r\n .slice(0, 2);\r\n }\r\n // private async getRepairAndShippingPrices() {\r\n // // Retrieving and parsing the form data\r\n\r\n // // Warranty check logic directly in interventionTypeId\r\n // const today = new Date();\r\n // const purchaseDate = new Date(this.device.saleDate);\r\n // const yearsDifference = today.getFullYear() - purchaseDate.getFullYear();\r\n // const isDateInFuture = today < purchaseDate;\r\n // const interventionTypeId = !isDateInFuture && yearsDifference <= 2 ? 1 : 0;\r\n // console.log(interventionTypeId, purchaseDate)\r\n // const request: RepairAndShippingPricesRequest = {\r\n // applicationName: this.app,\r\n // commercialRef: this.device.commref,\r\n // technicalRef: this.device.refTech,\r\n // clientCode: this.listRepairers[0].clientCode,\r\n // interventionTypeId: 0,\r\n // isPem: true,\r\n // };\r\n\r\n // this.mandateService.getRepairAndShippingPrices(request).subscribe(\r\n // (data) => {\r\n // this.repairPrices = data;\r\n // this.loading = false;\r\n // },\r\n // (_) => console.log(_)\r\n // );\r\n // }\r\n // Function to process repairers\r\n private async processRepairers(repairer: Rapair) {\r\n const repairers = [repairer];\r\n this.listRepairers = await repairers;\r\n const repairerMarker =\r\n '../../../assets/' + this.app + '/map/map-repairer.png';\r\n if (this.listRepairers && this.listRepairers.length == 1) {\r\n const repairerPoint = {\r\n lat: this.listRepairers[0].latitude,\r\n lng: this.listRepairers[0].longitude,\r\n };\r\n this.onChangeCenter(repairerPoint);\r\n }\r\n this.listRepairers.forEach((element) => {\r\n let imgTag = document.createElement('img');\r\n imgTag.src = repairerMarker;\r\n imgTag.width = 40;\r\n element.content = imgTag;\r\n });\r\n\r\n await this.calculateDistancesAndDurations(this.listRepairers);\r\n if (\r\n this.googleMapsService.parseDistance(this.listRepairers[0].distance) >\r\n 20000 && !this.isOutOfWarranty\r\n ) {\r\n this.step4Form.patchValue({\r\n pickUp: this.deliveryOptions[1],\r\n });\r\n this.onDeliveryOptionSelect(this.deliveryOptions[1]);\r\n this.messages = [\r\n {\r\n severity: 'info',\r\n detail:\r\n \" Étant donné que la distance entre votre localisation et le réparateur dépasse 20 km, l'option d'envoi par poste est sélectionnée par défaut.\",\r\n },\r\n ];\r\n setTimeout(() => {\r\n this.messages = []; // Clear error message after 5 seconds\r\n }, 15000);\r\n }\r\n }\r\n\r\n private async GetRepairInformation() {\r\n\r\n const request: RepairAndShippingPricesRequest = {\r\n applicationName: this.app,\r\n commercialRef: this.device.commref,\r\n technicalRef: this.device.refTech,\r\n consumerCity: this.consumer.city.city,\r\n consumerZipCode: this.consumer.city.zip,\r\n consumerAddress: this.consumer.address1,\r\n isUnderGuarantee: !this.isOutOfWarranty\r\n };\r\n\r\n this.mandateService.GetRepairInformation(request).subscribe(\r\n (data) => {\r\n const repairPrices = {\r\n repairPrice: data.repairPrice,\r\n totalRepairPrice: data.repairPrice,\r\n currencyCode: data.currencyCode,\r\n currencySymbol: data.currencySymbol,\r\n weight: data.deviceWeight,\r\n shippingPrice: data.shippingPrice,\r\n ecoSupport: data.ecoSupport,\r\n shippingCurrencySymbol: data.currencySymbol,\r\n shippingCurrencyCode: data.currencyCode,\r\n }\r\n this.repairPrices = repairPrices;\r\n // Fetch and process post offices\r\n const dropOffPoints = data.dropOffPoints;\r\n if(dropOffPoints && dropOffPoints.length > 0) {\r\n this.processPostOffices(dropOffPoints);\r\n }\r\n\r\n // Fetch and process repairers\r\n const repairer = data.rapair;\r\n this.processRepairers(repairer);\r\n this.loading = false;\r\n },\r\n (_) => console.log(_)\r\n );\r\n }\r\n // Function to calculate distances and durations\r\n private async calculateDistancesAndDurations(points: any[]) {\r\n\r\n const calculationPromises = points.map(async (point) => {\r\n try {\r\n const walkResult = await this.googleMapsService.calculateTime(\r\n this.fixedPoint.lat,\r\n this.fixedPoint.lng,\r\n point.latitude || point.geometry.location.lat(),\r\n point.longitude || point.geometry.location.lng(),\r\n google.maps.TravelMode.WALKING\r\n );\r\n point.walk = walkResult.duration;\r\n point.distance = walkResult.distance;\r\n\r\n const transitResult = await this.googleMapsService.calculateTime(\r\n this.fixedPoint.lat,\r\n this.fixedPoint.lng,\r\n point.latitude || point.geometry.location.lat(),\r\n point.longitude || point.geometry.location.lng(),\r\n google.maps.TravelMode.TRANSIT\r\n );\r\n point.transit = transitResult.duration;\r\n const driveResult = await this.googleMapsService.calculateTime(\r\n this.fixedPoint.lat,\r\n this.fixedPoint.lng,\r\n point.latitude || point.geometry.location.lat(),\r\n point.longitude || point.geometry.location.lng(),\r\n google.maps.TravelMode.DRIVING\r\n );\r\n point.drive = driveResult.duration;\r\n } catch (error) { }\r\n });\r\n\r\n await Promise.all(calculationPromises);\r\n }\r\n\r\n patchForm() {\r\n const pickUpChoice = this.step4Form.value.pickUp.key;\r\n this.step4Form.patchValue({\r\n repairPrice: this.repairPrices.repairPrice,\r\n clientCode: this.listRepairers[0].clientCode,\r\n atsCode: this.listRepairers[0].atsCode,\r\n shippingPrice: this.repairPrices.shippingPrice,\r\n currencyCode: this.repairPrices.currencyCode,\r\n currencySymbol: this.repairPrices.currencySymbol,\r\n ecoSupport: this.repairPrices.ecoSupport,\r\n weight: this.repairPrices.weight,\r\n pickUpChoice: pickUpChoice ? 'FROMSTORE' : '',\r\n carrierCode: 'Poste',\r\n fromName: this.selectedPostOffice?.name,\r\n fromAddress1: this.selectedPostOffice?.adresse1,\r\n fromZip: this.selectedPostOffice?.zipCode,\r\n fromCity: this.selectedPostOffice?.city,\r\n fromCountryCode: this.listRepairers[0].countryCode,\r\n fromPhone: this.listRepairers[0].phoneNumber,\r\n toName: this.listRepairers[0].companyName,\r\n toAddress1: this.listRepairers[0].address1,\r\n toZip: this.listRepairers[0].zipCode,\r\n toCity: this.listRepairers[0].city,\r\n toCountryCode: this.listRepairers[0].countryCode,\r\n toPhone: this.listRepairers[0].phoneNumber,\r\n });\r\n }\r\n\r\n getShippinfDetails(): ShippingDetails {\r\n return {\r\n repairPrice: this.step4Form.value.repairPrice,\r\n shippingPrice: this.step4Form.value.shippingPrice,\r\n clientCode: this.step4Form.value.clientCode,\r\n atsCode: this.step4Form.value.atsCode,\r\n currencyCode: this.step4Form.value.currencyCode,\r\n currencySymbol: this.step4Form.value.currencySymbol,\r\n ecoSupport: this.step4Form.value.ecoSupport,\r\n pickUp: this.step4Form.value?.pickUp,\r\n pickUpChoice: this.step4Form.value.pickUpChoice,\r\n carrierCode: 'Poste',\r\n fromName: this.step4Form.value.fromName,\r\n fromAddress1: this.step4Form.value.fromAddress1,\r\n fromZip: this.step4Form.value.fromZip,\r\n fromCity: this.step4Form.value.fromCity,\r\n fromCountryCode: this.step4Form.value.fromCountryCode,\r\n fromPhone: this.step4Form.value.fromPhone,\r\n toName: this.step4Form.value.toName,\r\n toAddress1: this.step4Form.value.toAddress1,\r\n toZip: this.step4Form.value.toZip,\r\n toCity: this.step4Form.value.toCity,\r\n toCountryCode: this.step4Form.value.toCountryCode,\r\n toPhone: this.step4Form.value.toPhone,\r\n selectedPostOffice: {\r\n city: this.step4Form.value.selectedPostOffice?.city,\r\n country: this.step4Form.value.selectedPostOffice?.country,\r\n name: this.step4Form.value.selectedPostOffice?.name,\r\n postalCode: this.step4Form.value.selectedPostOffice?.postalCode,\r\n },\r\n };\r\n }\r\n\r\n onPhoneClick(phoneNumber?: string) {\r\n if (!phoneNumber) return;\r\n window.location.href = `tel:${phoneNumber}`;\r\n }\r\n\r\n onEmailClick(emailAddress?: string) {\r\n if (!emailAddress) return;\r\n window.location.href = `mailto:${emailAddress}`;\r\n }\r\n}\r\n","\r\n \r\n \r\n ","import { Component, Input } from '@angular/core';\r\nimport { DataStoreService } from '../../services/data-store.service';\r\nimport { FormBuilder, FormGroup } from '@angular/forms';\r\nimport { Router } from '@angular/router';\r\nimport { RoutesPaths } from '../../enums/routePaths';\r\nimport { DataStore } from '../../enums/data.store';\r\nimport { ConfirmationService } from 'primeng/api';\r\nimport { MandateService } from '../../services/mandate.service';\r\nimport { MandateBeforePayment } from '../../models/shared/mandate';\r\nimport { IrisSymptoms, Symptom } from '../../models/shared/iris-symptom';\r\nimport { ReferentialService } from '../../services/referential.service';\r\nimport { MappedProduct } from '../../models/shared/product';\r\nimport { Consumer, CreateMandateRequest, UpdateMandateBeforePaymentRequest } from '../../models/request/create-mandate.request';\r\nimport { ShippingDetails } from '../../models/shared/shipping-details';\r\nimport { GooglePlacesService } from '../../services/google-places.service';\r\nimport { CreateWarrantyRequest } from '../../models/request/create-warranty.request';\r\nconst parseJsonSafely = (data: string | null) => {\r\n try {\r\n return data ? JSON.parse(data) : null;\r\n } catch (error) {\r\n console.error('Error parsing JSON:', error);\r\n return null;\r\n }\r\n};\r\n@Component({\r\n selector: 'acf-connected-step-five',\r\n templateUrl: './connected-step-five.component.html',\r\n styleUrl: './connected-step-five.component.scss',\r\n standalone: false\r\n})\r\nexport class ConnectedStepFiveComponent {\r\n\r\n @Input() app: string = '';\r\n step5Form!: FormGroup;\r\n mandateBeforePayment: MandateBeforePayment = { contractExtensionCode: null, isContractGCplus: false };\r\n mandateInHold: MandateBeforePayment = { contractExtensionCode: null, isContractGCplus: false };\r\n IrisSymtoms!: IrisSymptoms;\r\n device: MappedProduct;\r\n symptom: Symptom;\r\n consumer: Consumer;\r\n mandateBeforePaymentID: string;\r\n shipping_details: ShippingDetails;\r\n isSG!: boolean;\r\n messages!: any[]\r\n loading: boolean = false;\r\n\r\n constructor(\r\n private readonly store: DataStoreService,\r\n private readonly router: Router,\r\n private fb: FormBuilder,\r\n private confirmationService: ConfirmationService,\r\n private readonly mandateService: MandateService,\r\n private readonly referentialService: ReferentialService,\r\n private readonly googlePlacesService: GooglePlacesService\r\n ) {\r\n this.onInitForm();\r\n const state = this.router.getCurrentNavigation()?.extras?.state\r\n this.device = parseJsonSafely(this.store.getDevice()); // state?.['device'];\r\n this.symptom = parseJsonSafely(this.store.getSymptom()) //state?.['symptom'];\r\n this.consumer = parseJsonSafely(this.store.getConsumer())//state?.['consumer'];\r\n this.mandateBeforePaymentID = this.store.getMandateIDBeforePayment();//state?.['mandateId'];\r\n this.shipping_details = parseJsonSafely(this.store.getShippingDetails()) //state?.['shipping_details'];\r\n // this.mandateInHold = parseJsonSafely(this.store.getMandateState()) //state?.['mandate'];\r\n if (this.mandateInHold?.id) {\r\n this.mandateBeforePayment = this.mandateInHold;\r\n this.isSG = this.mandateBeforePayment.interventionTypeId == 1 ? true : false;\r\n } else if (this.mandateBeforePaymentID) {\r\n this.getMandateById(this.mandateBeforePaymentID);\r\n } else {\r\n this.getLatestMandate();\r\n }\r\n }\r\n\r\n next() {\r\n this.store.setMandateIDBeforePayment(this.mandateBeforePaymentID);\r\n this.store.saveSymptom(this.symptom);\r\n this.store.saveDevice(this.device);\r\n this.store.saveConsumer(this.consumer);\r\n this.store.saveShippingDetails(this.shipping_details);\r\n this.router.navigate([RoutesPaths.connectedStep6], {\r\n state: {\r\n // device: this.device,\r\n // symptom: this.symptom,\r\n // consumer: this.consumer,\r\n // mandateId: this.mandateBeforePaymentID,\r\n // shipping_details: this.shipping_details\r\n },\r\n });\r\n this.store.saveFormToLocalStorage(this.step5Form, DataStore.step5_form);\r\n }\r\n\r\n prev() {\r\n this.store.setMandateIDBeforePayment(this.mandateBeforePaymentID);\r\n this.store.saveSymptom(this.symptom);\r\n this.store.saveDevice(this.device);\r\n this.store.saveConsumer(this.consumer);\r\n this.store.saveShippingDetails(this.shipping_details);\r\n this.router.navigate([RoutesPaths.connectedStep4], {\r\n state: {\r\n // device: this.device,\r\n // symptom: this.symptom,\r\n // consumer: this.consumer,\r\n // mandateId: this.mandateBeforePaymentID,\r\n // shipping_details: this.shipping_details\r\n }\r\n });\r\n }\r\n\r\n cancel(event: Event, id: number | undefined) {\r\n if (id) {\r\n\r\n } else if (this.mandateBeforePaymentID) {\r\n\r\n }\r\n this.confirmationService.confirm({\r\n target: event.target as EventTarget,\r\n message: \"Etes-vous sûr de vouloir annuler la déclaration d'incident ?\",\r\n header: \"Annulation de la déclaration\",\r\n acceptButtonStyleClass: 'acf-primary-button',\r\n rejectButtonStyleClass: 'acf-secondary-button',\r\n acceptIcon: 'none',\r\n rejectIcon: 'none',\r\n acceptLabel: 'Oui',\r\n rejectLabel: 'Non',\r\n accept: () => {\r\n this.store.saveMandateCancelledNavigation('true');\r\n this.deleteMandateCreationData(id);\r\n this.store.deleteFileId();\r\n this.router.navigate([`${RoutesPaths.devices}`]);\r\n },\r\n reject: () => { },\r\n });\r\n }\r\n\r\n deleteMandateCreationData(id: number | undefined) {\r\n this.store.deleteFormsFromLocalStorage();\r\n this.store.deleteContCode();\r\n this.store.deleteMandateID();\r\n this.store.deleteOmNumber();\r\n this.store.deleteMandate();\r\n const _id = id ? id.toString() : this.mandateBeforePaymentID;\r\n this.mandateService.deleteMandateBeforePayment(_id).subscribe(\r\n data => { }\r\n );\r\n }\r\n\r\n onInitForm() {\r\n this.step5Form = this.fb.group({\r\n validate: [true],\r\n });\r\n }\r\n\r\n validate() {\r\n this.createWarranty();\r\n }\r\n getLatestMandate() {\r\n this.mandateService.getLatestMandate().subscribe((data) => {\r\n if (data.result == true && data.mandateBeforePayment != null) {\r\n data.mandateBeforePayment.fileId && this.store.setFileId(data.mandateBeforePayment.fileId);\r\n this.mandateBeforePayment = data.mandateBeforePayment;\r\n if (this.mandateBeforePayment) {\r\n this.isSG = this.mandateBeforePayment.interventionTypeId == 1 ? true : false;\r\n if (this.mandateBeforePayment.orderMission) {\r\n this.store.setOmNumber(this.mandateBeforePayment.orderMission);\r\n }\r\n if (this.mandateBeforePayment.id) {\r\n this.store.setMandateID(this.mandateBeforePayment.id);\r\n }\r\n this.shipping_details = {\r\n repairPrice: this.mandateBeforePayment.repairPrice,\r\n shippingPrice: this.mandateBeforePayment.shippingPrice,\r\n clientCode: this.mandateBeforePayment.carrierCode,\r\n atsCode: this.mandateBeforePayment.atsCodeForStripe,\r\n currencyCode: this.mandateBeforePayment.currencyCode,\r\n currencySymbol: this.mandateBeforePayment.currencySymbol,\r\n ecoSupport: this.mandateBeforePayment.ecoSupport,\r\n pickUp: {\r\n key: 0,\r\n name: ''\r\n },\r\n pickUpChoice: this.mandateBeforePayment.pickupChoice || '',\r\n carrierCode: this.mandateBeforePayment.carrierCode || '',\r\n fromName: this.mandateBeforePayment.fromName,\r\n fromAddress1: this.mandateBeforePayment.fromAddress1,\r\n fromZip: this.mandateBeforePayment.fromZip,\r\n fromCity: this.mandateBeforePayment.fromCity,\r\n fromCountryCode: this.mandateBeforePayment.fromCountryCode,\r\n fromPhone: this.mandateBeforePayment.fromPhone,\r\n toName: this.mandateBeforePayment.fromName,\r\n toAddress1: this.mandateBeforePayment.toAddress1,\r\n toZip: this.mandateBeforePayment.toZip,\r\n toCity: this.mandateBeforePayment.toCity,\r\n toCountryCode: this.mandateBeforePayment.toCountryCode,\r\n toPhone: this.mandateBeforePayment.toPhone,\r\n selectedPostOffice: {\r\n city: '',\r\n name: '',\r\n postalCode: '',\r\n country: ''\r\n }\r\n }\r\n const zipCode = {\r\n zip: this.mandateBeforePayment.zip,\r\n countryCode: this.mandateBeforePayment.countryCode,\r\n city: this.mandateBeforePayment.city\r\n };\r\n this.consumer = {\r\n title: this.mandateBeforePayment.title,\r\n lastName: this.mandateBeforePayment.lastName,\r\n firstName: this.mandateBeforePayment.firstName,\r\n address1: this.mandateBeforePayment.address1,\r\n zip: zipCode,\r\n city: zipCode,\r\n countryCode: this.mandateBeforePayment.countryCode,\r\n countryLabel: '250',\r\n phoneNumber: this.mandateBeforePayment.phoneNumber,\r\n email: this.mandateBeforePayment.email,\r\n }\r\n this.symptom = {\r\n symptom: {\r\n label: this.mandateBeforePayment.irisSymptomResponse?.label || '',\r\n code: this.mandateBeforePayment.irisSymptomResponse?.code || ''\r\n },\r\n comment: this.mandateBeforePayment.failureDescription || '',\r\n }\r\n this.device = {\r\n name: this.mandateBeforePayment.labelRef || '',\r\n saleDate: this.mandateBeforePayment.purchaseDate || '',\r\n commref: this.mandateBeforePayment.commercialRef || '',\r\n brand: this.mandateBeforePayment.brandCode || '',\r\n refTech: this.mandateBeforePayment.technicalRef || '',\r\n family: this.mandateBeforePayment.familyCode || '',\r\n }\r\n this.mandateBeforePaymentID = this.mandateBeforePayment.id?.toString() || \"\";\r\n this.findPosition(this.mandateBeforePayment.address1)\r\n }\r\n }\r\n });\r\n }\r\n\r\n getMandateById(id: string) {\r\n this.mandateService.getMandateById(id).subscribe(\r\n data => {\r\n if (data.result == true && data.mandateBeforePayment != null) {\r\n this.mandateBeforePayment = data.mandateBeforePayment;\r\n if (this.mandateBeforePayment) {\r\n this.isSG = this.mandateBeforePayment.interventionTypeId == 1 ? true : false;\r\n if (this.mandateBeforePayment.orderMission) {\r\n this.store.setOmNumber(this.mandateBeforePayment.orderMission);\r\n }\r\n if (this.mandateBeforePayment.id) {\r\n this.store.setMandateID(this.mandateBeforePayment.id);\r\n }\r\n this.shipping_details = {\r\n repairPrice: this.mandateBeforePayment.repairPrice,\r\n shippingPrice: this.mandateBeforePayment.shippingPrice,\r\n clientCode: this.mandateBeforePayment.carrierCode,\r\n atsCode: this.mandateBeforePayment.atsCodeForStripe,\r\n currencyCode: this.mandateBeforePayment.currencyCode,\r\n currencySymbol: this.mandateBeforePayment.currencySymbol,\r\n ecoSupport: this.mandateBeforePayment.ecoSupport,\r\n pickUp: {\r\n key: 0,\r\n name: ''\r\n },\r\n pickUpChoice: this.mandateBeforePayment.pickupChoice || '',\r\n carrierCode: this.mandateBeforePayment.carrierCode || '',\r\n fromName: this.mandateBeforePayment.fromName,\r\n fromAddress1: this.mandateBeforePayment.fromAddress1,\r\n fromZip: this.mandateBeforePayment.fromZip,\r\n fromCity: this.mandateBeforePayment.fromCity,\r\n fromCountryCode: this.mandateBeforePayment.fromCountryCode,\r\n fromPhone: this.mandateBeforePayment.fromPhone,\r\n toName: this.mandateBeforePayment.fromName,\r\n toAddress1: this.mandateBeforePayment.toAddress1,\r\n toZip: this.mandateBeforePayment.toZip,\r\n toCity: this.mandateBeforePayment.toCity,\r\n toCountryCode: this.mandateBeforePayment.toCountryCode,\r\n toPhone: this.mandateBeforePayment.toPhone,\r\n selectedPostOffice: {\r\n city: '',\r\n name: '',\r\n postalCode: '',\r\n country: ''\r\n }\r\n }\r\n const zipCode = {\r\n zip: this.mandateBeforePayment.zip,\r\n countryCode: this.mandateBeforePayment.countryCode,\r\n city: this.mandateBeforePayment.city\r\n };\r\n this.consumer = {\r\n title: this.mandateBeforePayment.title,\r\n lastName: this.mandateBeforePayment.lastName,\r\n firstName: this.mandateBeforePayment.firstName,\r\n address1: this.mandateBeforePayment.address1,\r\n zip: zipCode,\r\n city: zipCode,\r\n countryCode: this.mandateBeforePayment.countryCode,\r\n countryLabel: '250',\r\n phoneNumber: this.mandateBeforePayment.phoneNumber,\r\n email: this.mandateBeforePayment.email,\r\n }\r\n this.symptom = {\r\n symptom: {\r\n label: this.mandateBeforePayment.irisSymptomResponse?.label || '',\r\n code: this.mandateBeforePayment.irisSymptomResponse?.code || ''\r\n },\r\n comment: this.mandateBeforePayment.failureDescription || '',\r\n }\r\n this.device = {\r\n name: this.mandateBeforePayment.labelRef || '',\r\n saleDate: this.mandateBeforePayment.purchaseDate || '',\r\n commref: this.mandateBeforePayment.commercialRef || '',\r\n brand: this.mandateBeforePayment.brandCode || '',\r\n refTech: this.mandateBeforePayment.technicalRef || '',\r\n family: this.mandateBeforePayment.familyCode || '',\r\n }\r\n this.mandateBeforePaymentID = this.mandateBeforePayment.id?.toString() || \"\";\r\n this.findPosition(this.mandateBeforePayment.address1)\r\n }\r\n }\r\n });\r\n }\r\n\r\n findPosition(addressControl: string | undefined) {\r\n if (addressControl) {\r\n this.googlePlacesService\r\n .getPlacePredictions(addressControl)\r\n .then((predictions) => {\r\n const predictionPromises = predictions.map((prediction) => {\r\n return this.googlePlacesService\r\n .getPlaceDetails(prediction.place_id)\r\n .then((place) => ({\r\n predictionDescription: prediction.description,\r\n place,\r\n }));\r\n });\r\n Promise.all(predictionPromises)\r\n .then((results) => {\r\n for (const { place } of results) {\r\n if (place) {\r\n const lat = place.geometry?.location?.lat();\r\n const lng = place.geometry?.location?.lng();\r\n this.store.setLat(lat.toString())\r\n this.store.setLng(lng.toString())\r\n }\r\n }\r\n })\r\n .catch((error) => {\r\n console.error('Error fetching place details:', error);\r\n });\r\n })\r\n .catch((error) => {\r\n console.error('Error fetching predictions:', error);\r\n });\r\n }\r\n }\r\n\r\n\r\n createWarranty() {\r\n const request: CreateWarrantyRequest = {\r\n customer: {\r\n applicationName: this.store.getApplication(),\r\n userName: this.store.getUserName(),\r\n title: this.mandateBeforePayment.title, //&STEP 3\r\n lastName: this.mandateBeforePayment.lastName,//&STEP 3\r\n firstName: this.mandateBeforePayment.firstName,//&STEP 3\r\n address: this.mandateBeforePayment.address1,//&STEP 3\r\n zipPostalCode: this.mandateBeforePayment.zip,//&STEP 3\r\n city: this.mandateBeforePayment.city,//&STEP 3\r\n countryCode: this.mandateBeforePayment.countryCode,//&STEP 3\r\n phoneNumber: this.mandateBeforePayment.phoneNumber,//&STEP 3\r\n },\r\n products: [\r\n {\r\n productReference: this.mandateBeforePayment.commercialRef,\r\n salesDate: this.mandateBeforePayment.purchaseDate, //purchase date\r\n },\r\n ],\r\n /*fileId*/\r\n ...(this.store.getFileId() && { fileId: this.store.getFileId() })\r\n };\r\n this.loading = true;\r\n this.mandateService.CreateCDMBaseWarranties(request).subscribe(\r\n (response) => {\r\n if (response[0].contCode) { //&& response[0].contId && response[0].contPrdId && response[0].result\r\n this.store.setContCode(response[0].contCode);\r\n this.store.setContId(response[0].contId);\r\n this.store.setContPrdId(response[0].contPrdId);\r\n\r\n this.UpdateMandateBeforePayment(response[0].contCode, response[0].contId, response[0].contPrdId)\r\n\r\n } else {\r\n this.loading = false;\r\n\r\n const errors = response[0].errors || [];\r\n let errorMessage = 'Une erreur s\\'est produite lors de la déclaration d\\'incident.';\r\n\r\n if (errors.includes('EmailMandatory')) {\r\n errorMessage = 'L\\'email est obligatoire.';\r\n } else if (errors.includes('ServiceNotAvailableInDomTom')) {\r\n errorMessage = 'Le service n\\'est pas disponible en DOM-TOM.';\r\n } else if (errors.includes('RefProductNotValid')) {\r\n errorMessage = 'La référence du produit est invalide.';\r\n } else if (errors.includes('RefProductIsEmpty')) {\r\n errorMessage = 'La référence du produit est vide.';\r\n } else if (errors.includes('SaleDateNotValid')) {\r\n errorMessage = 'La date de vente est invalide.';\r\n // } else if (errors.includes('ContractYetCreated')) {\r\n // errorMessage = 'Un contrat a déjà été créé.';\r\n }\r\n else if (errors.includes('ContractExistsInGcplus')) {\r\n errorMessage = 'Un contrat existe déjà dans GCPlus.';\r\n } else if (errors.includes('ContractExists')) {\r\n errorMessage = 'Un contrat existe déjà.';\r\n }\r\n\r\n this.messages = [{ severity: 'error', detail: errorMessage }];\r\n setTimeout(() => {\r\n this.messages = [];\r\n }, 5000);\r\n }\r\n },\r\n (error) => {\r\n this.loading = false;\r\n\r\n this.messages = [{ severity: 'error', detail: 'Une erreur serveur s\\'est produite lors de la création du contrat.' }];\r\n setTimeout(() => {\r\n this.messages = [];\r\n }, 5000);\r\n console.error('Error:', error);\r\n }\r\n );\r\n\r\n }\r\n\r\n UpdateMandateBeforePayment(contCode: string, contId: number, contPrdId: number) {\r\n // Warranty check logic directly in interventionTypeId\r\n const today = new Date();\r\n // const purchaseDate = new Date(this.device.saleDate);\r\n // const yearsDifference = today.getFullYear() - purchaseDate.getFullYear();\r\n // const isDateInFuture = today < purchaseDate;\r\n // const interventionTypeId = !isDateInFuture && yearsDifference <= 2 ? 1 : 0;\r\n const oof = this.store.isOutWaranty(); \r\n const interventionTypeId = oof ? 0 : 1;\r\n const createMandateBeforePayment: UpdateMandateBeforePaymentRequest = {\r\n applicationName: this.store.getApplication(),\r\n clientCode: this.mandateBeforePayment.clientCode, //! STEP 4\r\n orderMission: this.store.getOmNumber(),\r\n interventionTypeId: interventionTypeId,\r\n userName: this.store.getUserName(),\r\n weight: this.mandateBeforePayment.weight,\r\n brandCode: this.mandateBeforePayment.brandCode, //STEP 1\r\n commercialRef: this.mandateBeforePayment.commercialRef,//STEP 1\r\n technicalRef: this.mandateBeforePayment.technicalRef, //STEP 1\r\n familyCode: this.mandateBeforePayment.familyCode,//STEP 1\r\n labelRef: this.mandateBeforePayment.labelRef,//STEP 1\r\n purchaseDate: this.mandateBeforePayment.purchaseDate, //STEP 1\r\n createDate: new Date(today.toISOString()),\r\n irisSymptom: this.mandateBeforePayment.irisSymptom, //? STEP 2\r\n failureDescription: this.mandateBeforePayment.failureDescription,//? STEP 2\r\n repairPrice: this.mandateBeforePayment.repairPrice, //! STEP 4\r\n shippingPrice: this.mandateBeforePayment.shippingPrice, //! STEP 4\r\n IsContractGCplus: this.store.getContId() > 0 ? true : false,\r\n ContractExtensionCode: null,// contCode,\r\n consumer: {\r\n title: this.mandateBeforePayment.title, //&STEP 3\r\n lastName: this.mandateBeforePayment.lastName,//&STEP 3\r\n firstName: this.mandateBeforePayment.firstName,//&STEP 3\r\n address1: this.mandateBeforePayment.address1,//&STEP 3\r\n zip: this.mandateBeforePayment.zip,//&STEP 3\r\n city: this.mandateBeforePayment.city,//&STEP 3\r\n countryCode: this.mandateBeforePayment.countryCode,//&STEP 3\r\n countryLabel: 'FR',\r\n phoneNumber: this.mandateBeforePayment.phoneNumber,//&STEP 3\r\n email: this.mandateBeforePayment.email //&STEP 3\r\n },\r\n pickupInfo:\r\n this.mandateBeforePayment.pickupChoice === 'FROMSTORE'\r\n ? {\r\n carrierCode: this.mandateBeforePayment.carrierCode, //! STEP 4 \r\n pickupChoice: this.mandateBeforePayment.pickupChoice, //! STEP 4 \r\n fromName: this.mandateBeforePayment.fromName,\r\n fromAddress1: this.mandateBeforePayment.fromAddress1,\r\n fromZip: this.mandateBeforePayment.fromZip,\r\n fromCity: this.mandateBeforePayment.fromCity,\r\n fromCountryCode: this.mandateBeforePayment.fromCountryCode,\r\n fromPhone: this.mandateBeforePayment.fromPhone,\r\n toName: this.mandateBeforePayment.toName,\r\n toAddress1: this.mandateBeforePayment.toAddress1,\r\n toZip: this.mandateBeforePayment.toZip,\r\n toCity: this.mandateBeforePayment.toCity,\r\n toCountryCode: this.mandateBeforePayment.toCountryCode,\r\n toPhone: this.mandateBeforePayment.toPhone\r\n }\r\n : null, // If not 'FROMSTORE' (Poste), send a null object\r\n mandateId: this.store.getMandateID(),\r\n ecoSupport: this.mandateBeforePayment.ecoSupport, //! STEP 4 \r\n currencyCode: this.mandateBeforePayment.currencyCode, //! STEP 4 \r\n currencySymbol: this.mandateBeforePayment.currencySymbol, //! STEP 4 \r\n atsCodeForStripe: this.mandateBeforePayment.atsCodeForStripe, //! STEP 4 \r\n contId: contId,\r\n contPrdId: contPrdId,\r\n /*fileId*/\r\n ...(this.store.getFileId() && { fileId: this.store.getFileId() })\r\n\r\n };\r\n this.mandateService.UpdateMandateBeforePayment(createMandateBeforePayment).subscribe(\r\n (response) => {\r\n if (response.result) {\r\n this.createMandate();\r\n\r\n }\r\n else {\r\n this.loading = false;\r\n\r\n this.messages = [{ severity: 'error', detail: 'Une erreur serveur s\\'est produite lors de la création du contrat.' }];\r\n setTimeout(() => {\r\n this.messages = [];\r\n }, 5000);\r\n }\r\n\r\n }\r\n )\r\n }\r\n\r\n\r\n createMandate() {\r\n // Warranty check logic directly in interventionTypeId\r\n const today = new Date();\r\n const purchaseDateString = this.mandateBeforePayment?.purchaseDate;\r\n\r\n let purchaseDate: Date | null = null;\r\n if (purchaseDateString) {\r\n purchaseDate = new Date(purchaseDateString);\r\n }\r\n\r\n // const yearsDifference = purchaseDate ? today.getFullYear() - purchaseDate.getFullYear() : 0;\r\n // const isDateInFuture = purchaseDate ? today < purchaseDate : false;\r\n // const interventionTypeId = !isDateInFuture && yearsDifference <= 2 ? 1 : 0;\r\n const oof = this.store.isOutWaranty(); \r\n const interventionTypeId = oof ? 0 : 1;\r\n const createMandateRequest: CreateMandateRequest = {\r\n applicationName: this.store.getApplication(),\r\n username: this.store.getUserName(),\r\n orderId: this.mandateBeforePayment.id,\r\n clientCode: this.mandateBeforePayment.clientCode, //! STEP 4\r\n orderMission: this.store.getOmNumber(),\r\n interventionTypeId: interventionTypeId,\r\n commercialRef: this.mandateBeforePayment.commercialRef, //STEP 1\r\n technicalRef: this.mandateBeforePayment.technicalRef, //STEP 1\r\n brandCode: this.mandateBeforePayment.brandCode, //STEP 1\r\n familyCode: this.mandateBeforePayment.familyCode,//STEP 1\r\n labelRef: this.mandateBeforePayment.labelRef,//STEP 1\r\n purchaseDate: this.mandateBeforePayment.purchaseDate, // purchase date\r\n irisSymptom: this.mandateBeforePayment.irisSymptom, //?STEP 2\r\n failureDescription: this.mandateBeforePayment.failureDescription,//?STEP 2\r\n repairPrice: this.mandateBeforePayment.repairPrice, //! STEP 4\r\n shippingPrice: this.mandateBeforePayment.shippingPrice, //! STEP 4\r\n IsContractGCplus: this.store.getContId() > 0 ? true : false,\r\n ContractExtensionCode: null,// this.store.getContCode(),\r\n contId: this.store.getContId(),\r\n contPrdId: this.store.getContPrdId(),\r\n manufacturerId: null,\r\n customerId: null,\r\n weight: this.mandateBeforePayment.weight,\r\n createDate: new Date(today.toISOString()),\r\n consumer: {\r\n title: this.mandateBeforePayment.title, //&STEP 3\r\n lastName: this.mandateBeforePayment.lastName,//&STEP 3\r\n firstName: this.mandateBeforePayment.firstName,//&STEP 3\r\n address1: this.mandateBeforePayment.address1,//&STEP 3\r\n zip: this.mandateBeforePayment.zip,//&STEP 3\r\n city: this.mandateBeforePayment.city,//&STEP 3\r\n countryCode: this.mandateBeforePayment.countryCode,//&STEP 3\r\n countryLabel: 'FR',\r\n phoneNumber: this.mandateBeforePayment.phoneNumber,//&STEP 3\r\n email: this.mandateBeforePayment.email//&STEP 3\r\n },\r\n pickupInfo:\r\n this.mandateBeforePayment.pickupChoice === 'FROMSTORE'\r\n ? {\r\n carrierCode: this.mandateBeforePayment.carrierCode,\r\n pickupChoice: this.mandateBeforePayment.pickupChoice,\r\n fromName: this.mandateBeforePayment.fromName,\r\n fromAddress1: this.mandateBeforePayment.fromAddress1,\r\n fromZip: this.mandateBeforePayment.fromZip,\r\n fromCity: this.mandateBeforePayment.fromCity,\r\n fromCountryCode: this.mandateBeforePayment.fromCountryCode,\r\n fromPhone: this.mandateBeforePayment.fromPhone,\r\n toName: this.mandateBeforePayment.toName,\r\n toAddress1: this.mandateBeforePayment.toAddress1,\r\n toZip: this.mandateBeforePayment.toZip,\r\n toCity: this.mandateBeforePayment.toCity,\r\n toCountryCode: this.mandateBeforePayment.toCountryCode,\r\n toPhone: this.mandateBeforePayment.toPhone\r\n }\r\n : null, // If not 'FROMSTORE' (Poste), send a null object\r\n };\r\n this.mandateService.createMandate(createMandateRequest).subscribe(\r\n (response) => {\r\n if (response.result) {\r\n this.store.saveMandate(this.mandateBeforePayment);\r\n // If result is true, handle success\r\n this.store.setMandateID(response.mandateId);\r\n this.router.navigate([RoutesPaths.incident_report_success]);\r\n this.loading = false;\r\n\r\n } else {\r\n this.loading = false;\r\n\r\n // If result is false, handle error\r\n this.messages = [{ severity: 'error', detail: 'Une erreur s\\'est produite lors de la déclaration d\\'incident' }];\r\n setTimeout(() => {\r\n this.messages = []; // Clear error message after 5 seconds\r\n }, 5000);\r\n }\r\n },\r\n (error) => {\r\n this.loading = false;\r\n\r\n console.error('Error occurred:', error);\r\n // Perform necessary actions in case of error, if any\r\n this.messages = [{ severity: 'error', detail: 'Une erreur serveur s\\'est produite' }];\r\n setTimeout(() => {\r\n this.messages = []; // Clear error message after 5 seconds\r\n }, 5000);\r\n }\r\n );\r\n }\r\n\r\n}","\r\n \r\n \r\n ","import { Component, Input } from '@angular/core';\r\nimport { ActivatedRoute, Router } from '@angular/router';\r\nimport { RoutesPaths } from '../../enums/routePaths';\r\nimport { DataStoreService } from '../../services/data-store.service';\r\nimport { FormBuilder, FormGroup } from '@angular/forms';\r\nimport { MandateService } from '../../services/mandate.service';\r\nimport { Consumer, CreateMandateRequest, UpdateMandateBeforePaymentRequest } from '../../models/request/create-mandate.request';\r\nimport { StripePaymentRequest } from '../../models/request/payment.request';\r\nimport { ConfirmationService } from 'primeng/api';\r\nimport { CreateWarrantyRequest } from '../../models/request/create-warranty.request';\r\nimport { MandateBeforePayment } from '../../models/shared/mandate';\r\nimport { MappedProduct } from '../../models/shared/product';\r\nimport { Symptom } from '../../models/shared/iris-symptom';\r\nimport { ShippingDetails } from '../../models/shared/shipping-details';\r\nconst parseJsonSafely = (data: string | null) => {\r\n try {\r\n return data ? JSON.parse(data) : null;\r\n } catch (error) {\r\n console.error('Error parsing JSON:', error);\r\n return null;\r\n }\r\n};\r\n@Component({\r\n selector: 'acf-connected-step-six',\r\n templateUrl: './connected-step-six.component.html',\r\n styleUrl: './connected-step-six.component.scss',\r\n standalone: false\r\n})\r\nexport class ConnectedStepSixComponent {\r\n @Input() app: string = '';\r\n\r\n step6Form!: FormGroup;\r\n submitted: boolean = false;\r\n decodedStatus: string | null = null;\r\n messages!: any[]\r\n loading: boolean = true\r\n mandateBeforePayment: MandateBeforePayment = { contractExtensionCode: null, isContractGCplus: false };\r\n sessionId: string | null = null;\r\n device: MappedProduct;\r\n symptom: Symptom;\r\n consumer: Consumer | any;\r\n mandateBeforePaymentID: string;\r\n shipping_details: ShippingDetails;\r\n constructor(private route: ActivatedRoute, private readonly formBuilder: FormBuilder, private readonly store: DataStoreService, private readonly router: Router, private readonly mandateService: MandateService, private confirmationService: ConfirmationService\r\n ) {\r\n this.step6Form = this.onItniFrom();\r\n const state = this.router.getCurrentNavigation()?.extras?.state\r\n this.device = parseJsonSafely(this.store.getDevice()); // state?.['device'];\r\n this.symptom = parseJsonSafely(this.store.getSymptom()) //state?.['symptom'];\r\n this.consumer = parseJsonSafely(this.store.getConsumer())//state?.['consumer'];\r\n this.mandateBeforePaymentID = this.store.getMandateIDBeforePayment();//state?.['mandateId'];\r\n this.shipping_details = parseJsonSafely(this.store.getShippingDetails()) //state?.['shipping_details'];\r\n this.checkPaymentStatus();\r\n\r\n\r\n }\r\n\r\n getLatestMandate() {\r\n this.mandateService.getMandateById(this.mandateBeforePaymentID).subscribe((data) => {\r\n if (data.result == true && data.mandateBeforePayment != null) {\r\n this.mandateBeforePayment = data.mandateBeforePayment;\r\n if (this.mandateBeforePayment.id) {\r\n this.store.setMandateID(this.mandateBeforePayment.id);\r\n }\r\n if (this.mandateBeforePayment.orderMission) {\r\n this.store.setOmNumber(this.mandateBeforePayment.orderMission);\r\n }\r\n }\r\n else {\r\n this.router.navigate([RoutesPaths.incident_report]);\r\n }\r\n });\r\n this.loading = false;\r\n }\r\n\r\n getLatestMandateAfterPayment() {\r\n this.mandateService.getLatestPaidMandate().subscribe((data) => {\r\n //data.result == true && \r\n if (data.mandateBeforePayment != null) {\r\n this.mandateBeforePayment = data.mandateBeforePayment;\r\n if (this.sessionId && this.mandateBeforePayment.atsCodeForStripe) {\r\n this.fulfillCheckout(this.sessionId, this.mandateBeforePayment.atsCodeForStripe);\r\n this.store.saveMandate(this.mandateBeforePayment);\r\n } else {\r\n this.loading = false;\r\n }\r\n }\r\n else {\r\n this.router.navigate([RoutesPaths.incident_report]);\r\n this.loading = false;\r\n }\r\n });\r\n }\r\n\r\n\r\n restoreSession() {\r\n const originalRememberMe = this.store.getOriginalRememberMe()\r\n if (originalRememberMe) {\r\n if (originalRememberMe === 'true') {\r\n this.store.setRM(true);\r\n this.store.deleteOriginalRememberMe()\r\n } else {\r\n this.store.setRM(false);\r\n this.store.deleteOriginalRememberMe()\r\n // Handle the different statuses\r\n }\r\n }\r\n }\r\n\r\n\r\n checkPaymentStatus() {\r\n // Retrieve the 'status' param from the route if it exists\r\n const encodedStatus = this.route.snapshot.paramMap.get('status');\r\n\r\n // Retrieve the 'session_id' from query parameters\r\n this.route.queryParamMap.subscribe(params => {\r\n this.sessionId = params.get('session_id');\r\n\r\n if (encodedStatus) {\r\n try {\r\n // Decode the base64-encoded 'status' value\r\n // Pass both status and session ID to handleStatus\r\n this.handleStatus(encodedStatus, this.sessionId);\r\n } catch (e) {\r\n this.messages = [{ severity: 'error', detail: 'Une erreur s\\'est produite' }];\r\n setTimeout(() => { this.messages = []; }, 5000);\r\n console.error('Failed to decode base64 string', e);\r\n this.loading = false;\r\n }\r\n } else {\r\n this.getLatestMandate();\r\n }\r\n });\r\n }\r\n\r\n // Handle different statuses with session ID\r\n handleStatus(status: string, sessionId: string | null) {\r\n if (status === RoutesPaths.paiementSuccessUrl && sessionId) {\r\n // Call method with session ID\r\n this.getLatestMandateAfterPayment();\r\n // Restore session from storage\r\n this.store.restoreSessionFromLocalStorage();\r\n this.store.deleteState();\r\n\r\n this.restoreSession();\r\n } else if (status === RoutesPaths.paiementCancelUrl) {\r\n // Logic for payment failure\r\n this.getLatestMandateAfterPayment();\r\n this.messages = [{ severity: 'error', detail: 'Le paiement n\\'a pas été effectué' }];\r\n setTimeout(() => { this.messages = []; }, 5000);\r\n\r\n this.store.restoreSessionFromLocalStorage();\r\n this.restoreSession();\r\n } else {\r\n this.loading = false;\r\n }\r\n }\r\n\r\n onItniFrom() {\r\n return this.formBuilder.group(\r\n {\r\n ischecked: [false]\r\n }\r\n );\r\n }\r\n\r\n get f() {\r\n return this.step6Form.controls;\r\n }\r\n\r\n\r\n onSubmit() {\r\n this.submitted = true;\r\n const isFromValid = this.step6Form.get('ischecked')?.value === true\r\n if (isFromValid) {\r\n this.createMandateBeforePayment();\r\n }\r\n }\r\n\r\n prev() {\r\n this.store.setMandateIDBeforePayment(this.mandateBeforePaymentID);\r\n this.store.saveSymptom(this.symptom);\r\n this.store.saveDevice(this.device);\r\n this.store.saveConsumer(this.consumer);\r\n this.store.saveShippingDetails(this.shipping_details);\r\n this.router.navigate([RoutesPaths.connectedStep5], {\r\n state: {\r\n // device: this.device,\r\n // symptom: this.symptom,\r\n // consumer: this.consumer,\r\n // mandateId: this.mandateBeforePaymentID,\r\n // shipping_details: this.shipping_details,\r\n },\r\n });\r\n }\r\n cancel(event: Event) {\r\n\r\n this.confirmationService.confirm({\r\n target: event.target as EventTarget,\r\n message: 'Vous êtes sur d\\'annuler la déclaration ?',\r\n header: 'Confirmer l\\'annulation de la déclaration',\r\n acceptButtonStyleClass: \"acf-primary-button\",\r\n rejectButtonStyleClass: \"acf-secondary-button\",\r\n acceptIcon: \"none\",\r\n rejectIcon: \"none\",\r\n acceptLabel: \"Oui\",\r\n rejectLabel: \"Non\",\r\n accept: () => {\r\n this.store.saveMandateCancelledNavigation('true')\r\n this.deleteMandateCreationData()\r\n this.router.navigate([`${RoutesPaths.devices}`]);\r\n },\r\n reject: () => {\r\n },\r\n });\r\n }\r\n\r\n deleteMandateCreationData() {\r\n this.store.deleteFormsFromLocalStorage();\r\n this.store.deleteContCode();\r\n this.store.deleteMandateID();\r\n this.store.deleteOmNumber();\r\n //this.store.deleteMandate()\r\n }\r\n\r\n get finalPrice(): number {\r\n return (this.mandateBeforePayment?.repairPrice || 0) + (this.mandateBeforePayment?.shippingPrice || 0) - (this.mandateBeforePayment?.ecoSupport || 0);\r\n }\r\n\r\n\r\n // Call this method in the component when needed\r\n fulfillCheckout(sessionId: string, atsCodeRepairer: string): void {\r\n const applicationName = this.store.getApplication()\r\n this.mandateService.fulfillCheckout(sessionId, atsCodeRepairer, applicationName).subscribe(\r\n (status) => {\r\n\r\n if (status === 'paid') {\r\n // Logic to set the order as paid\r\n this.createMandate()\r\n } else if (status === 'unpaid') {\r\n this.loading = false;\r\n // Logic for handling unpaid status\r\n this.messages = [{ severity: 'error', detail: 'Le paiement n\\'a pas été effectué' }];\r\n setTimeout(() => { this.messages = []; }, 5000);\r\n }\r\n },\r\n (error) => {\r\n console.error('Error fetching payment status:', error);\r\n // Handle error\r\n this.loading = false;\r\n this.messages = [{ severity: 'error', detail: 'Le paiement n\\'a pas été effectué' }];\r\n setTimeout(() => { this.messages = []; }, 5000);\r\n }\r\n );\r\n }\r\n\r\n createMandate() {\r\n // Warranty check logic directly in interventionTypeId\r\n const today = new Date();\r\n const purchaseDateString = this.mandateBeforePayment?.purchaseDate;\r\n\r\n let purchaseDate: Date | null = null;\r\n if (purchaseDateString) {\r\n purchaseDate = new Date(purchaseDateString);\r\n }\r\n\r\n // const yearsDifference = purchaseDate ? today.getFullYear() - purchaseDate.getFullYear() : 0;\r\n // const isDateInFuture = purchaseDate ? today < purchaseDate : false;\r\n // const interventionTypeId = !isDateInFuture && yearsDifference <= 2 ? 1 : 0;\r\n const oof = this.store.isOutWaranty(); \r\n const interventionTypeId = oof ? 0 : 1;\r\n const createMandateRequest: CreateMandateRequest = {\r\n applicationName: this.store.getApplication(),\r\n username: this.store.getUserName(),\r\n orderId: this.mandateBeforePayment.id,\r\n clientCode: this.mandateBeforePayment.clientCode, //! STEP 4\r\n orderMission: this.store.getOmNumber(),\r\n interventionTypeId: interventionTypeId,\r\n commercialRef: this.mandateBeforePayment.commercialRef, //STEP 1\r\n technicalRef: this.mandateBeforePayment.technicalRef, //STEP 1\r\n brandCode: this.mandateBeforePayment.brandCode, //STEP 1\r\n familyCode: this.mandateBeforePayment.familyCode,//STEP 1\r\n labelRef: this.mandateBeforePayment.labelRef,//STEP 1\r\n purchaseDate: this.mandateBeforePayment.purchaseDate, // purchase date\r\n irisSymptom: this.mandateBeforePayment.irisSymptom, //?STEP 2\r\n failureDescription: this.mandateBeforePayment.failureDescription,//?STEP 2\r\n repairPrice: this.mandateBeforePayment.repairPrice, //! STEP 4\r\n shippingPrice: this.mandateBeforePayment.shippingPrice, //! STEP 4\r\n IsContractGCplus: this.store.getContId() > 0 ? true : false,\r\n ContractExtensionCode: null,// this.store.getContCode(),\r\n contId: this.store.getContId(),\r\n contPrdId: this.store.getContPrdId(),\r\n manufacturerId: null,\r\n customerId: null,\r\n createDate: new Date(today.toISOString()),\r\n\r\n consumer: {\r\n title: this.mandateBeforePayment.title, //&STEP 3\r\n lastName: this.mandateBeforePayment.lastName,//&STEP 3\r\n firstName: this.mandateBeforePayment.firstName,//&STEP 3\r\n address1: this.mandateBeforePayment.address1,//&STEP 3\r\n zip: this.mandateBeforePayment.zip,//&STEP 3\r\n city: this.mandateBeforePayment.city,//&STEP 3\r\n countryCode: this.mandateBeforePayment.countryCode,//&STEP 3\r\n countryLabel: 'FR',\r\n phoneNumber: this.mandateBeforePayment.phoneNumber,//&STEP 3\r\n email: this.mandateBeforePayment.email//&STEP 3\r\n },\r\n pickupInfo:\r\n this.mandateBeforePayment.pickupChoice === 'FROMSTORE'\r\n ? {\r\n carrierCode: this.mandateBeforePayment.carrierCode,\r\n pickupChoice: this.mandateBeforePayment.pickupChoice,\r\n fromName: this.mandateBeforePayment.fromName,\r\n fromAddress1: this.mandateBeforePayment.fromAddress1,\r\n fromZip: this.mandateBeforePayment.fromZip,\r\n fromCity: this.mandateBeforePayment.fromCity,\r\n fromCountryCode: this.mandateBeforePayment.fromCountryCode,\r\n fromPhone: this.mandateBeforePayment.fromPhone,\r\n toName: this.mandateBeforePayment.toName,\r\n toAddress1: this.mandateBeforePayment.toAddress1,\r\n toZip: this.mandateBeforePayment.toZip,\r\n toCity: this.mandateBeforePayment.toCity,\r\n toCountryCode: this.mandateBeforePayment.toCountryCode,\r\n toPhone: this.mandateBeforePayment.toPhone\r\n }\r\n : null, // If not 'FROMSTORE' (Poste), send a null object\r\n };\r\n this.mandateService.createMandate(createMandateRequest).subscribe(\r\n (response) => {\r\n if (response.result) {\r\n // If result is true, handle success\r\n this.store.setMandateID(response.mandateId);\r\n this.router.navigate([RoutesPaths.incident_report_success]);\r\n this.loading = false;\r\n } else {\r\n this.loading = false;\r\n // If result is false, handle error\r\n this.messages = [{ severity: 'error', detail: 'Une erreur s\\'est produite lors de la déclaration d\\'incident' }];\r\n setTimeout(() => {\r\n this.messages = []; // Clear error message after 5 seconds\r\n }, 5000);\r\n }\r\n },\r\n (error) => {\r\n console.error('Error occurred:', error);\r\n // Perform necessary actions in case of error, if any\r\n this.loading = false;\r\n this.messages = [{ severity: 'error', detail: 'Une erreur serveur s\\'est produite' }];\r\n setTimeout(() => {\r\n this.messages = []; // Clear error message after 5 seconds\r\n }, 5000);\r\n }\r\n );\r\n }\r\n\r\n\r\n createMandateBeforePayment() {\r\n this.createWarranty();\r\n }\r\n\r\n createWarranty() {\r\n const request: CreateWarrantyRequest = {\r\n customer: {\r\n applicationName: this.store.getApplication(),\r\n userName: this.store.getUserName(),\r\n title: this.mandateBeforePayment.title, //&STEP 3\r\n lastName: this.mandateBeforePayment.lastName,//&STEP 3\r\n firstName: this.mandateBeforePayment.firstName,//&STEP 3\r\n address: this.mandateBeforePayment.address1,//&STEP 3\r\n zipPostalCode: this.mandateBeforePayment.zip,//&STEP 3\r\n city: this.mandateBeforePayment.city,//&STEP 3\r\n countryCode: this.mandateBeforePayment.countryCode,//&STEP 3\r\n phoneNumber: this.mandateBeforePayment.phoneNumber,//&STEP 3\r\n },\r\n products: [\r\n {\r\n productReference: this.mandateBeforePayment.commercialRef,\r\n salesDate: this.mandateBeforePayment.purchaseDate, //purchase date\r\n },\r\n ],\r\n /*fileId*/\r\n ...(this.store.getFileId() && { fileId: this.store.getFileId() })\r\n };\r\n this.mandateService.CreateCDMBaseWarranties(request).subscribe(\r\n (response) => {\r\n if (response[0].contCode) {\r\n this.store.setContCode(response[0].contCode);\r\n this.store.setContId(response[0].contId);\r\n this.store.setContPrdId(response[0].contPrdId);\r\n\r\n this.UpdateMandateBeforePayment(response[0].contCode, response[0].contId, response[0].contPrdId)\r\n const paymentRequest: StripePaymentRequest = {\r\n applicationName: this.store.getApplication(),\r\n userName: this.store.getUserName(),\r\n atsCodeRepairer: this.mandateBeforePayment.atsCodeForStripe, // atscode\r\n amount: this.finalPrice,\r\n currency: this.mandateBeforePayment.currencyCode, // currencyCode\r\n descriptionPayment: 'Paiement - Service de réparation',\r\n quantity: 1,\r\n orderNumber: String(this.mandateBeforePayment.id), // mandate id\r\n refCommercial: this.mandateBeforePayment.commercialRef,\r\n customerName: this.mandateBeforePayment.firstName,\r\n customerEmail: this.mandateBeforePayment.email,\r\n cancelUrl: RoutesPaths.paiementCancelUrl,\r\n successUrl: RoutesPaths.paiementSuccessUrl,\r\n\r\n };\r\n this.mandateService.createCheckoutSession(paymentRequest).subscribe(\r\n (response: string) => {\r\n const originalRememberMe = this.store.getRM();\r\n this.store.saveSessionToLocalStorage();\r\n this.store.setOriginalRememberMe(originalRememberMe === 'true'); // Store the original value\r\n this.store.setRM(true); // Update rememberMe to true\r\n window.location.href = response;\r\n },\r\n (error) => {\r\n this.messages = [{ severity: 'error', detail: 'Une erreur serveur s\\'est produite lors de la création de la session de paiement.' }];\r\n setTimeout(() => {\r\n this.messages = [];\r\n }, 5000);\r\n }\r\n );\r\n } else {\r\n const errors = response[0].errors || [];\r\n let errorMessage = 'Une erreur s\\'est produite lors de la déclaration d\\'incident.';\r\n\r\n if (errors.includes('EmailMandatory')) {\r\n errorMessage = 'L\\'email est obligatoire.';\r\n } else if (errors.includes('ServiceNotAvailableInDomTom')) {\r\n errorMessage = 'Le service n\\'est pas disponible en DOM-TOM.';\r\n } else if (errors.includes('RefProductNotValid')) {\r\n errorMessage = 'La référence du produit est invalide.';\r\n } else if (errors.includes('RefProductIsEmpty')) {\r\n errorMessage = 'La référence du produit est vide.';\r\n } else if (errors.includes('SaleDateNotValid')) {\r\n errorMessage = 'La date de vente est invalide.';\r\n // } else if (errors.includes('ContractYetCreated')) {\r\n // errorMessage = 'Ce contrat a déjà été créé.';\r\n }\r\n else if (errors.includes('ContractExistsInGcplus')) {\r\n errorMessage = 'Un contrat existe déjà dans GCPlus.';\r\n } else if (errors.includes('ContractExists')) {\r\n errorMessage = 'Un contrat existe déjà.';\r\n }\r\n\r\n this.messages = [{ severity: 'error', detail: errorMessage }];\r\n setTimeout(() => {\r\n this.messages = [];\r\n }, 5000);\r\n }\r\n },\r\n (error) => {\r\n this.messages = [{ severity: 'error', detail: 'Une erreur serveur s\\'est produite lors de la création du contrat.' }];\r\n setTimeout(() => {\r\n this.messages = [];\r\n }, 5000);\r\n console.error('Error:', error);\r\n }\r\n );\r\n\r\n }\r\n\r\n UpdateMandateBeforePayment(contCode: string, contId: number, contPrdId: number) {\r\n // Warranty check logic directly in interventionTypeId\r\n // const today = new Date();\r\n // const purchaseDate = new Date(this.device.saleDate);\r\n // const yearsDifference = today.getFullYear() - purchaseDate.getFullYear();\r\n // const isDateInFuture = today < purchaseDate;\r\n // const interventionTypeId = !isDateInFuture && yearsDifference <= 2 ? 1 : 0;\r\n const createMandateBeforePayment: UpdateMandateBeforePaymentRequest = {\r\n applicationName: this.store.getApplication(),\r\n clientCode: this.mandateBeforePayment.clientCode, //! STEP 4\r\n orderMission: this.store.getOmNumber(),\r\n interventionTypeId: 0,//interventionTypeId,\r\n userName: this.store.getUserName(),\r\n brandCode: this.mandateBeforePayment.brandCode, //STEP 1\r\n commercialRef: this.mandateBeforePayment.commercialRef,//STEP 1\r\n technicalRef: this.mandateBeforePayment.technicalRef,\r\n familyCode: this.mandateBeforePayment.familyCode,//STEP 1\r\n labelRef: this.mandateBeforePayment.labelRef,//STEP 1\r\n purchaseDate: this.mandateBeforePayment.purchaseDate, //STEP 1\r\n irisSymptom: this.mandateBeforePayment.irisSymptom, //?STEP 2\r\n failureDescription: this.mandateBeforePayment.failureDescription,//?STEP 2\r\n repairPrice: this.mandateBeforePayment.repairPrice, //! STEP 4\r\n shippingPrice: this.mandateBeforePayment.shippingPrice, //! STEP 4\r\n IsContractGCplus: this.store.getContId() > 0 ? true : false,\r\n ContractExtensionCode: null,// contCode,\r\n consumer: {\r\n title: this.mandateBeforePayment.title, //&STEP 3\r\n lastName: this.mandateBeforePayment.lastName,//&STEP 3\r\n firstName: this.mandateBeforePayment.firstName,//&STEP 3\r\n address1: this.mandateBeforePayment.address1,//&STEP 3\r\n zip: this.mandateBeforePayment.zip,//&STEP 3\r\n city: this.mandateBeforePayment.city,//&STEP 3\r\n countryCode: this.mandateBeforePayment.countryCode,//&STEP 3\r\n countryLabel: 'FR',\r\n phoneNumber: this.mandateBeforePayment.phoneNumber,//&STEP 3\r\n email: this.mandateBeforePayment.email //&STEP 3\r\n },\r\n pickupInfo:\r\n this.mandateBeforePayment.pickupChoice === 'FROMSTORE'\r\n ? {\r\n carrierCode: this.mandateBeforePayment.carrierCode,\r\n pickupChoice: this.mandateBeforePayment.pickupChoice,\r\n fromName: this.mandateBeforePayment.fromName,\r\n fromAddress1: this.mandateBeforePayment.fromAddress1,\r\n fromZip: this.mandateBeforePayment.fromZip,\r\n fromCity: this.mandateBeforePayment.fromCity,\r\n fromCountryCode: this.mandateBeforePayment.fromCountryCode,\r\n fromPhone: this.mandateBeforePayment.fromPhone,\r\n toName: this.mandateBeforePayment.toName,\r\n toAddress1: this.mandateBeforePayment.toAddress1,\r\n toZip: this.mandateBeforePayment.toZip,\r\n toCity: this.mandateBeforePayment.toCity,\r\n toCountryCode: this.mandateBeforePayment.toCountryCode,\r\n toPhone: this.mandateBeforePayment.toPhone\r\n }\r\n : null, // If not 'FROMSTORE' (Poste), send a null object\r\n mandateId: this.store.getMandateID(),\r\n ecoSupport: this.mandateBeforePayment.ecoSupport,\r\n currencyCode: this.mandateBeforePayment.currencyCode,\r\n currencySymbol: this.mandateBeforePayment.currencySymbol,\r\n atsCodeForStripe: this.mandateBeforePayment.atsCodeForStripe, //! STEP 4 \r\n contId: contId,\r\n contPrdId: contPrdId,\r\n /*fileId*/\r\n ...(this.store.getFileId() && { fileId: this.store.getFileId() })\r\n };\r\n this.mandateService.UpdateMandateBeforePayment(createMandateBeforePayment).subscribe(\r\n (response) => {\r\n // this.store.setMandateID(response.mandateId);\r\n // this.store.setOmNumber(createMandateBeforePayment.orderMission);\r\n }\r\n )\r\n }\r\n\r\n}\r\n","\r\n \r\n
\r\n \r\n \r\n \r\n\r\n
\r\n\r\n","import { Component, Input } from '@angular/core';\r\nimport { Router } from '@angular/router';\r\nimport { RoutesPaths } from '../../../../enums/routePaths';\r\n\r\n@Component({\n selector: 'acf-register-check-inbox',\n templateUrl: './register-check-inbox.component.html',\n styleUrl: './register-check-inbox.component.scss',\n standalone: false\n})\r\nexport class RegisterCheckInboxComponent {\r\n @Input() appName: string = '';\r\n constructor(private readonly router: Router) { }\r\n\r\n onSubmit() {\r\n this.router.navigate([`/${RoutesPaths.login}`])\r\n }\r\n\r\n onRedirectToGetAnotherValidationLink() {\r\n\r\n this.router.navigate([`/${RoutesPaths.registerAskForNewLink}`])\r\n\r\n }\r\n}\r\n","\r\n
\r\n\r\nVérifiez votre boîte de\r\n réception
\r\n Nous avons envoyé un\r\n e-mail à l’adresse fournie.
\r\n Veuillez vérifier\r\n votre dossier spam ou envoyer un nouvel\r\n e-mail \r\n
\r\n\r\n\r\n
","import { Component, Input } from '@angular/core';\r\nimport { RoutesPaths } from '../../../../enums/routePaths';\r\nimport { FormBuilder, FormControl, FormGroup, Validators } from '@angular/forms';\r\nimport { AccountService } from '../../../../services/account.service';\r\nimport { MessageService } from 'primeng/api';\r\nimport { Router } from '@angular/router';\r\nimport { RegisterAskForNewLinkRequest } from '../../../../models/request/register-ask-for-new-link.request';\r\n\r\n@Component({\r\n selector: 'acf-register-ask-for-new-link',\r\n templateUrl: './register-ask-for-new-link.component.html',\r\n styleUrl: './register-ask-for-new-link.component.scss',\r\n providers: [MessageService],\r\n standalone: false\r\n})\r\nexport class RegisterAskForNewLinkComponent {\r\n\r\n @Input() appName: string = '';\r\n @Input() redirectUrl: string = '';\r\n\r\n registerAskForNewLinkForm: FormGroup;\r\n submitted = false;\r\n loading = false;\r\n emailInputIcon: string = '';\r\n\r\n constructor(\r\n private readonly formBuilder: FormBuilder,\r\n private readonly accountService: AccountService,\r\n private readonly messageService: MessageService,\r\n private readonly router: Router,\r\n\r\n ) {\r\n this.registerAskForNewLinkForm = this.initForm();\r\n }\r\n\r\n initForm(): FormGroup {\r\n return this.formBuilder.group({\r\n email: new FormControl('', [\r\n Validators.required,\r\n Validators.email,\r\n Validators.pattern('^[A-Za-z0-9._%+-]+@[a-z0-9.-]+\\\\.[a-z]{2,4}$'),\r\n ])\r\n });\r\n }\r\n\r\n get f() {\r\n return this.registerAskForNewLinkForm.controls;\r\n }\r\n\r\n checkEmail() {\r\n const email = this.registerAskForNewLinkForm.get('email');\r\n if (email && email.status == 'VALID' && !email.errors) {\r\n this.emailInputIcon = 'pi pi-spinner pi-spin';\r\n this.accountService.checkEmail(email.value).subscribe({\r\n next: (response: boolean) => {\r\n this.emailInputIcon = response ? 'pi pi-check' : 'pi pi-times';\r\n },\r\n error: () => {\r\n this.emailInputIcon = 'pi pi-times';\r\n },\r\n });\r\n } else {\r\n // Clear the icon if the email is no longer valid\r\n this.emailInputIcon = '';\r\n }\r\n }\r\n\r\n onSubmit() {\r\n this.submitted = true;\r\n\r\n if (this.registerAskForNewLinkForm.invalid) {\r\n return;\r\n }\r\n\r\n this.loading = true;\r\n const registerAskForNewLinkRequest: RegisterAskForNewLinkRequest = {\r\n applicationName: this.appName,\r\n userName: this.registerAskForNewLinkForm.get('email')?.value\r\n };\r\n this.accountService.registerAskForNewLinkForm(registerAskForNewLinkRequest).subscribe({\r\n next: (response: any) => {\r\n if (response.result) {\r\n // Success case\r\n this.router.navigate([`/${RoutesPaths.registerCheckInbox}`])\r\n\r\n } else {\r\n this.messageService.add({\r\n severity: 'error',\r\n summary: 'Erreur',\r\n detail: 'Aucun compte n’est associé à cette adresse e-mail. Merci de vérifier votre saisie.',\r\n });\r\n }\r\n this.loading = false;\r\n },\r\n error: () => {\r\n this.messageService.add({\r\n severity: 'error',\r\n summary: 'Erreur',\r\n detail: 'Impossible d’envoyer le lien de réinitialisation.',\r\n });\r\n this.loading = false;\r\n },\r\n });\r\n }\r\n\r\n\r\n async showToast(message: string) {\r\n this.messageService.add({ severity: 'success', summary: 'Success', detail: message });\r\n\r\n }\r\n}\r\n","\r\n \r\n\r\n
\r\n\r\n\r\n \r\n
\r\n\r\nlogin-popup works!
\r\n","import { Component } from '@angular/core';\r\n\r\n@Component({\n selector: 'acf-register-popup',\n templateUrl: './register-popup.component.html',\n styleUrl: './register-popup.component.scss',\n standalone: false\n})\r\nexport class RegisterPopupComponent {\r\n\r\n}\r\n","register-popup works!
\r\n","import { Component, Input } from '@angular/core';\r\nimport { DataStoreService } from '../../../services/data-store.service';\r\n\r\n@Component({\n selector: 'acf-generic-section',\n templateUrl: './generic-section.component.html',\n styleUrl: './generic-section.component.scss',\n standalone: false\n})\r\nexport class GenericSectionComponent {\r\n @Input() logo: string = '';\r\n @Input() guidelinesLogo: string = '';\r\n appName: string;\r\n constructor(private readonly store: DataStoreService) {\r\n this.appName = this.store.getApplication()\r\n }\r\n}\r\n","\r\n
","import { Component, Input } from '@angular/core';\r\nimport { Router } from '@angular/router';\r\nimport { RoutesPaths } from '../../../enums/routePaths';\r\n\r\n@Component({\n selector: 'acf-page-not-found',\n templateUrl: './page-not-found.component.html',\n styleUrl: './page-not-found.component.scss',\n standalone: false\n})\r\nexport class PageNotFoundComponent {\r\n @Input() appName: string = '';\r\n @Input() notFoundImage: string = '';\r\n constructor(private readonly router: Router) { }\r\n\r\n onSubmit() {\r\n this.router.navigate([`/${RoutesPaths.forgetPassword}`])\r\n }\r\n}\r\n","\r\n \r\n ![\"Guidelines]()
\r\n
\r\n \r\n
\r\n\r\n \r\n ![\"Logo\"]()
\r\n
\r\n Electroménager
\r\n\r\n
","import { Component, Input } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'acf-rounded-chart',\r\n standalone: false,\r\n templateUrl: './rounded-chart.component.html',\r\n styleUrl: './rounded-chart.component.scss'\r\n})\r\nexport class RoundedChartComponent {\r\n @Input() donutData: any;\r\n @Input() donutOptions: any;\r\n}\r\n","\r\n
\r\n\r\n
\r\n \r\n ![\"Error\"]()
\r\n
\r\n \r\n
","import { Directive, Output, EventEmitter, ElementRef, HostListener } from '@angular/core';\r\n\r\n@Directive({\r\n selector: '[clickOutside]',\r\n standalone: false\r\n})\r\n\r\nexport class ClickOutsideDirective {\r\n\r\n @Output() clickOutside = new EventEmitter\r\n
","import { Component, Optional, ViewChild } from '@angular/core';\r\nimport { FormBuilder, FormGroup, Validators } from '@angular/forms';\r\nimport { MessageService } from 'primeng/api';\r\nimport { DialogService, DynamicDialogRef } from 'primeng/dynamicdialog';\r\nimport { DataStoreService } from '../../../services/data-store.service';\r\nimport {\r\n AutoComplete,\r\n AutoCompleteCompleteEvent,\r\n AutoCompleteSelectEvent,\r\n} from 'primeng/autocomplete';\r\nimport { FileService } from '../../../services/file.service';\r\nimport {\r\n ProductOCR,\r\n Products,\r\n ProductsOCR,\r\n ProductsXS,\r\n ProductXS,\r\n} from '../../../models/shared/product';\r\nimport { ReferentialService } from '../../../services/referential.service';\r\nimport { map, forkJoin } from 'rxjs';\r\nimport { CreateCDMBaseWarrantiesResponse } from '../../../models/response/create-mandate.response';\r\nimport { Brand, Brands } from '../../../models/shared/brand';\r\nimport { DropdownChangeEvent } from 'primeng/dropdown';\r\nimport { Router } from '@angular/router';\r\nimport { RoutesPaths } from '../../../enums/routePaths';\r\nimport { CreateContractProductRequest } from '../../../models/request/create-contract-product';\r\n@Component({\r\n selector: 'acf-genereic-device-add',\r\n standalone: false,\r\n templateUrl: './genereic-device-add.component.html',\r\n styleUrl: './genereic-device-add.component.scss',\r\n})\r\nexport class GenereicDeviceAddComponent {\r\n deviceForm: FormGroup;\r\n loading: boolean = false;\r\n autoComplete_loading: boolean = false;\r\n submitted: boolean = false;\r\n applicationName: string = '';\r\n @ViewChild('autoComplete') autoComplete!: AutoComplete;\r\n selectedFile: File | null = null;\r\n productOCR: ProductOCR = {};\r\n productByRef: ProductXS = {};\r\n invalid_ref: boolean = false;\r\n suggestedCommercialRefs!: string[];\r\n maxDate: Date = new Date();\r\n noBrandSelected: boolean = true;\r\n brandList: Brands = [];\r\n brandSelected: Brand | null = null;\r\n ocr_products: ProductsOCR = [];\r\n onSelectBrand($event: DropdownChangeEvent) {\r\n this.noBrandSelected = false;\r\n this.brandSelected = $event.value;\r\n this.deviceForm = this.onSetFrom({ brand: this.brandSelected || '' });\r\n this.deviceForm.patchValue({ brand: this.brandSelected });\r\n if (this.brandSelected && this.ocr_products.length > 0) {\r\n this.fetchProducts(this.ocr_products, this.brandSelected);\r\n }\r\n }\r\n onClearBrand() {\r\n this.noBrandSelected = true;\r\n this.deviceForm = this.onItniFrom();\r\n this.submitted = false;\r\n this.brandSelected = null;\r\n }\r\n getBrandList() {\r\n this.noBrandSelected = true;\r\n this.brandSelected = null;\r\n this.refencielService.getBrands().subscribe({\r\n next: (response) => {\r\n this.brandList = response;\r\n },\r\n error: (error) => {\r\n console.log(error);\r\n },\r\n });\r\n }\r\n constructor(\r\n private readonly messageService: MessageService,\r\n private readonly fileService: FileService,\r\n private readonly refencielService: ReferentialService,\r\n private readonly formBuilder: FormBuilder,\r\n @Optional() public ref: DynamicDialogRef,\r\n private readonly store: DataStoreService,\r\n private readonly router: Router\r\n ) {\r\n this.applicationName = this.store.getApplication();\r\n this.deviceForm = this.onItniFrom();\r\n this.getBrandList();\r\n }\r\n\r\n onFilesChanged(file: File): void {\r\n this.loading = true;\r\n this.brandSelected = null;\r\n this.noBrandSelected = true;\r\n this.selectedFile = file;\r\n this.deviceForm = this.onItniFrom();\r\n this.suggestedCommercialRefs = [];\r\n this.invalid_ref = false;\r\n if (this.selectedFile) {\r\n const idFile = (Date.now() + Math.floor(Math.random() * 1000)).toString();\r\n this.fileService.extractFileData(this.selectedFile, idFile).subscribe({\r\n next: (response) => {\r\n const jsonString = response?.choices[0]?.message?.content;\r\n const cleanedJsonString = jsonString.replace(/```|json/g, '');\r\n const cleanedResponse = this.parseJsonString(cleanedJsonString);\r\n this.ocr_products = cleanedResponse.Products;\r\n this.loading = false;\r\n },\r\n error: (error) => {\r\n console.error('Error uploading file:', error);\r\n this.loading = false;\r\n },\r\n });\r\n }\r\n }\r\n\r\n onItniFrom() {\r\n return this.formBuilder.group({\r\n fullDescription: ['', Validators.required],\r\n productReference: ['', Validators.required],\r\n productTechReference: ['', Validators.required],\r\n salesDate: [null, Validators.required],\r\n brand: [null, Validators.required],\r\n family: ['', Validators.required],\r\n isPEM :[''],\r\n isForSolmis :[''],\r\n });\r\n }\r\n\r\n onSetFrom(prd?: ProductXS) {\r\n return this.formBuilder.group({\r\n fullDescription: [prd?.fullDescription],\r\n productReference: [prd?.commercialRef, Validators.required],\r\n productTechReference: [prd?.technicalRef, Validators.required],\r\n brand: [prd?.brand],\r\n family: [prd?.family],\r\n salesDate: [\r\n prd?.PurchaseDate != null ? new Date(prd.PurchaseDate) : null,\r\n Validators.required,\r\n ],\r\n isPEM :[prd?.isPEM],\r\n isForSolmis :[prd?.isForSolmis],\r\n });\r\n }\r\n\r\n onSelectProduct(event: AutoCompleteSelectEvent) {\r\n this.invalid_ref = false;\r\n if (this.brandSelected) {\r\n this.refencielService\r\n .searchProductByBrandAndCommercialRef(\r\n event.value,\r\n this.brandSelected.brandId,\r\n this.brandSelected.manufacturerId,\r\n this.brandSelected.isSolmis\r\n )\r\n .subscribe((data: ProductsXS) => {\r\n if (data) {\r\n const prd: ProductXS = {\r\n commercialRef: data[0]?.commercialRef,\r\n technicalRef: data[0]?.technicalRef,\r\n brand: this.brandSelected || '',\r\n family: data[0]?.family,\r\n fullDescription: data[0]?.fullDescription,\r\n PurchaseDate: this.deviceForm.value.salesDate,\r\n isForSolmis : data[0]?.isForSolmis,\r\n isPEM : data[0]?.isPEM\r\n };\r\n this.deviceForm = this.onSetFrom(prd);\r\n }\r\n });\r\n }\r\n }\r\n\r\n displayReferences(event: AutoCompleteCompleteEvent) {\r\n this.invalid_ref = false;\r\n if (this.noBrandSelected == false) {\r\n this.suggestedCommercialRefs = [];\r\n if (\r\n event.query &&\r\n event.query.length > 3 &&\r\n this.noBrandSelected == false\r\n ) {\r\n this.getProductsByRefAndBrand(event.query);\r\n } else {\r\n this.invalid_ref = false;\r\n }\r\n }\r\n }\r\n\r\n getProductsByRefAndBrand(ref: string) {\r\n this.autoComplete_loading = true;\r\n if (this.brandSelected != null) {\r\n this.refencielService\r\n .searchProductByBrandAndCommercialRef(\r\n ref,\r\n this.brandSelected.brandId,\r\n this.brandSelected.manufacturerId,\r\n this.brandSelected.isSolmis\r\n )\r\n .subscribe(\r\n (data) => {\r\n this.suggestedCommercialRefs = data\r\n .map((product) => product.commercialRef)\r\n .filter((ref): ref is string => ref !== undefined);\r\n if (this.suggestedCommercialRefs.length == 0 && ref != '') {\r\n this.invalid_ref = true;\r\n }\r\n this.autoComplete_loading = false;\r\n },\r\n (_) => {\r\n console.error('API SearchProductByCommercialRef DOWN');\r\n this.autoComplete_loading = false;\r\n }\r\n );\r\n }\r\n }\r\n\r\n closePopup() {\r\n this.ref.close(false);\r\n this.deviceForm = this.onItniFrom();\r\n this.invalid_ref = false;\r\n }\r\n\r\n onRemoveFile() {\r\n this.selectedFile = null;\r\n this.invalid_ref = false;\r\n this.noBrandSelected = true;\r\n this.brandSelected = null;\r\n this.ocr_products = [];\r\n this.deviceForm = this.onItniFrom();\r\n }\r\n\r\n submit() {\r\n let salesDate = new Date(this.deviceForm.value.salesDate);\r\n const year = salesDate.getFullYear();\r\n const month = String(salesDate.getMonth() + 1).padStart(2, '0');\r\n const day = String(salesDate.getDate()).padStart(2, '0');\r\n const formattedSalesDate = `${year}-${month}-${day}`;\r\n this.submitted = true;\r\n\r\n if (this.deviceForm.valid && this.invalid_ref == false) {\r\n const req : CreateContractProductRequest = {\r\n manufacturerId: this.deviceForm.value.brand.manufacturerId,\r\n commercialRef: this.deviceForm.value.productReference,\r\n technicalRef: this.deviceForm.value.productTechReference,\r\n saleDate: formattedSalesDate,\r\n brand: this.deviceForm.value.brand.brandName,\r\n family: this.deviceForm.value.family,\r\n fullDescription: this.deviceForm.value.fullDescription,\r\n isPEM: false,\r\n isForSolmis: this.deviceForm.value.brand.isSolmis\r\n }\r\n this.refencielService.createContractProduct(req).subscribe(\r\n (response) => {\r\n if (response.result == false) {\r\n if (response.error && response.error.length > 0) {\r\n this.displayError(response.error[0]);\r\n }else {\r\n this.displayError('Une erreur s\\'est produite. Veuillez réessayer plus tard.');\r\n }\r\n \r\n } else if (response.result == true) {\r\n this.brandSelected = null;\r\n this.noBrandSelected = true;\r\n this.selectedFile = null;\r\n this.deviceForm = this.onItniFrom();\r\n this.suggestedCommercialRefs = [];\r\n this.selectedFile = null;\r\n this.submitted = false;\r\n this.ref.close(true);\r\n }\r\n },\r\n (error) => {\r\n this.submitted = false;\r\n console.log(error);\r\n this.displayError(error.error);\r\n this.invalid_ref = false;\r\n }\r\n );\r\n }\r\n }\r\n parseJsonString(jsonString: string): any {\r\n try {\r\n const parsedData = JSON.parse(jsonString);\r\n return parsedData;\r\n } catch (error) {\r\n this.loading = false;\r\n console.error('Error parsing JSON string:', error);\r\n return null;\r\n }\r\n }\r\n\r\n fetchProducts(products: ProductsOCR, brand: Brand) {\r\n if (products && brand) {\r\n if (products.length == 1) {\r\n this.productOCR = products[0];\r\n if (this.productOCR.CommercialRef) {\r\n this.refencielService\r\n .searchProductByBrandAndCommercialRef(\r\n this.productOCR.CommercialRef,\r\n brand.brandId,\r\n brand.manufacturerId,\r\n brand.isSolmis\r\n )\r\n .subscribe(\r\n (data) => {\r\n if (data) {\r\n this.productByRef = data[0];\r\n let prd: ProductXS = {\r\n commercialRef: this.productOCR?.CommercialRef,\r\n PurchaseDate: this.productOCR?.PurchaseDate,\r\n brand: this.brandSelected || '',\r\n };\r\n if (this.productByRef && this.brandSelected) {\r\n prd = {\r\n commercialRef: this.productOCR?.CommercialRef,\r\n technicalRef: this.productByRef?.technicalRef,\r\n brand: this.brandSelected,\r\n PurchaseDate: this.productOCR?.PurchaseDate,\r\n family: this.productByRef?.family,\r\n fullDescription: this.productByRef?.fullDescription,\r\n isForSolmis : this.productByRef?.isForSolmis,\r\n isPEM : this.productByRef?.isPEM\r\n };\r\n } else {\r\n this.invalid_ref = true;\r\n }\r\n this.deviceForm = this.onSetFrom(prd);\r\n } else {\r\n this.invalid_ref = true;\r\n }\r\n },\r\n (err) => {\r\n this.invalid_ref = true;\r\n }\r\n );\r\n }\r\n } else {\r\n const commercialRefChecks = products\r\n .map((product) => product?.CommercialRef)\r\n .filter((ref): ref is string => ref !== undefined)\r\n .map((ref) =>\r\n this.refencielService\r\n .searchProductByBrandAndCommercialRef(\r\n ref,\r\n brand.brandId,\r\n brand.manufacturerId,\r\n brand.isSolmis\r\n )\r\n .pipe(map((data) => (data && data.length > 0 ? ref : null)))\r\n );\r\n forkJoin(commercialRefChecks).subscribe((validRefs) => {\r\n this.suggestedCommercialRefs = validRefs.filter(\r\n (ref) => ref !== null\r\n ) as string[];\r\n });\r\n this.deviceForm = this.onSetFrom({\r\n brand: brand,\r\n PurchaseDate: products[0]?.PurchaseDate,\r\n });\r\n this.autoComplete.show();\r\n }\r\n }\r\n }\r\n helpCenter() {\r\n const form = this.deviceForm.value;\r\n this.store.setTempDevice(form);\r\n this.ref.close(false);\r\n this.router.navigate([\r\n RoutesPaths.consumer,\r\n RoutesPaths.devices,\r\n RoutesPaths.helpCenter,\r\n ]);\r\n }\r\n restAll() {\r\n this.loading = false;\r\n this.brandSelected = null;\r\n this.noBrandSelected = true;\r\n this.selectedFile = null;\r\n this.deviceForm = this.onItniFrom();\r\n this.suggestedCommercialRefs = [];\r\n this.invalid_ref = false;\r\n }\r\n\r\n displayError(error: string) {\r\n switch (error) {\r\n case 'ProductAlreadyExists':\r\n this.messageService.add({\r\n severity: 'error',\r\n detail:\r\n 'Cet appareil est déjà enregistré dans votre liste des appareils',\r\n });\r\n break;\r\n case 'NoContractCodeFound':\r\n this.messageService.add({\r\n severity: 'error',\r\n detail: 'Aucun contrat trouvé.',\r\n });\r\n break;\r\n default:\r\n this.messageService.add({\r\n severity: 'error',\r\n detail: \"Une erreur s'est produite. Veuillez réessayer plus tard.\",\r\n });\r\n break;\r\n }\r\n }\r\n get f() {\r\n return this.deviceForm.controls;\r\n }\r\n}\r\n","\r\n ![\"upload](\"icons/upload_icon.svg\")
\r\n
\r\n\r\n \r\n
\r\n Formats pris en charge: PDF de 2 à 5 Mo.
\r\n \r\n \r\n\r\n
\r\n\r\n ![\"close\"]()
\r\n
\r\n \r\nAjouter un appareil
\r\n \r\n
","export enum Role {\r\n ADMIN = 'Admin',\r\n DEALER = 'Dealer',\r\n BASIC_USER = 'BasicUser'\r\n}","import { Component, OnInit } from '@angular/core';\r\nimport { FormBuilder, FormGroup, Validators } from '@angular/forms';\r\nimport { MessageService } from 'primeng/api';\r\nimport { Router } from '@angular/router';\r\nimport { SecurityCookieService } from '../../../../services/security-cookie.service';\r\nimport { RoutesPaths } from '../../../../enums/routePaths';\r\nimport { Role } from '../../../../enums/roles';\r\nimport { DataStoreService } from '../../../../services/data-store.service';\r\nimport { CheckboxChangeEvent } from 'primeng/checkbox';\r\n\r\n@Component({\r\n selector: 'acf-login-page-50-50',\r\n standalone: false,\r\n templateUrl: './login-page-50-50.component.html',\r\n styleUrls: ['./login-page-50-50.component.scss'],\r\n providers: [MessageService]\r\n})\r\nexport class LoginPage5050Component implements OnInit {\r\n loginForm: FormGroup;\r\n submitted = false;\r\n showPassword = false;\r\n loading = false;\r\n returnUrl!: string;\r\n\r\n constructor(\r\n private formBuilder: FormBuilder,\r\n private securityCookieService: SecurityCookieService,\r\n private router: Router,\r\n private messageService: MessageService,\r\n private store: DataStoreService\r\n ) {\r\n this.loginForm = this.initializeForm();\r\n }\r\n\r\n ngOnInit(): void {\r\n\r\n // Redirect if already logged in\r\n if (this.securityCookieService.isAuthenticated()) {\r\n this.redirectToUserDashboard();\r\n }\r\n }\r\n\r\n private initializeForm(): FormGroup {\r\n return this.formBuilder.group({\r\n userName: ['', [Validators.required]],\r\n password: ['', [Validators.required]],\r\n ischecked: [false]\r\n });\r\n }\r\n\r\n togglePasswordVisibility(): void {\r\n this.showPassword = !this.showPassword;\r\n }\r\n\r\n onSubmit(): void {\r\n this.submitted = true;\r\n if (this.loginForm.invalid) {\r\n return;\r\n }\r\n this.loading = true;\r\n const { userName, password } = this.loginForm.value; \r\n this.securityCookieService.login({ userName, password }).subscribe({\r\n next: (response) => {\r\n if (response.result) {\r\n this.redirectToUserDashboard();\r\n } else {\r\n this.showError('Une erreur est survenue lors de la connexion');\r\n }\r\n this.loading = false;\r\n },\r\n error: (error) => {\r\n this.showError(error.message);\r\n this.loading = false;\r\n }\r\n });\r\n }\r\n\r\n private redirectToUserDashboard(): void {\r\n const user = this.securityCookieService.getCurrentUser();\r\n if (!user) return;\r\n\r\n let redirectPath: string;\r\n\r\n switch (user.role) {\r\n case Role.ADMIN:\r\n redirectPath = RoutesPaths.admin_dashboard;\r\n break;\r\n case Role.DEALER:\r\n redirectPath = RoutesPaths.reseller_contracts;\r\n break;\r\n case Role.BASIC_USER:\r\n redirectPath = RoutesPaths.consumer_devices;\r\n break;\r\n default:\r\n redirectPath = RoutesPaths.login;\r\n }\r\n this.router.navigate([redirectPath]);\r\n }\r\n\r\n private showError(message: string): void {\r\n this.messageService.add({\r\n severity: 'error',\r\n summary: 'Erreur',\r\n detail: message\r\n });\r\n }\r\n\r\n resetPassword(): void {\r\n this.router.navigate([RoutesPaths.forgetPassword]);\r\n }\r\n onCheckboxChange(event : CheckboxChangeEvent ) {\r\n this.store.set_cui_eco_rm(event.checked);\r\n }\r\n get f() {\r\n return this.loginForm.controls;\r\n }\r\n}","\r\n
\r\n\r\n
\r\n \r\n ![\"Error\"]()
\r\n Ce lien est déjà utilisé.\r\n \r\n
\r\n \r\n
\r\n\r\n
\r\n \r\n
\r\n\r\n\r\n
\r\n \r\n ![\"logo\"](\"logo.svg\")
\r\n
\r\n\r\n \r\n Connexion
\r\n\r\n \r\n\r\n
\r\n\r\n
\r\n \r\n
\r\n\r\n\r\n
\r\n \r\n \r\n
\r\n\r\n \r\n \r\n \r\n ![\"Guidelines]()
\r\n
\r\n\r\n
","import { Component, Input } from '@angular/core';\r\nimport { DataStoreService } from '../../../services/data-store.service';\r\n\r\n@Component({\r\n selector: 'acf-footer',\r\n templateUrl: './footer.component.html',\r\n styleUrl: './footer.component.scss',\r\n standalone: false\r\n})\r\nexport class FooterComponent {\r\n @Input() appName?: string = '';\r\n applicationName: string = '';\r\n \r\n constructor(private readonly store: DataStoreService) {\r\n this.applicationName = this.store.getApplication();\r\n }\r\n}\r\nexport class links {\r\n legalMentions!: string;\r\n dataProtection!: string;\r\n warrantyConditions!: string;\r\n onlineSubscription!: string;\r\n faq!: string;\r\n};\r\n","","import { AfterContentInit, Component, Input } from '@angular/core';\r\nimport { Router } from '@angular/router';\r\nimport { RoutesPaths } from '../../enums/routePaths';\r\nimport { DataStoreService } from '../../services/data-store.service';\r\nimport { MappedProduct } from '../../models/shared/product';\r\n\r\n@Component({\r\n selector: 'acf-layout',\r\n templateUrl: './layout.component.html',\r\n styleUrl: './layout.component.scss',\r\n standalone: false\r\n})\r\nexport class LayoutComponent {\r\n @Input() appName: string = '';\r\n @Input() step!: number;\r\n device!: MappedProduct;\r\n interventionTypeId: number = 0;\r\n\r\n steps = [\r\n { number: 1, name: 'Appareil', status: '' },\r\n { number: 2, name: 'Panne', status: '' },\r\n { number: 3, name: 'Coordonnées', status: '' },\r\n { number: 4, name: 'Réparation', status: '' },\r\n { number: 5, name: 'Validation', status: '' },\r\n { number: 6, name: 'Paiement', status: '' }\r\n ];\r\n constructor(private readonly router: Router, private readonly store: DataStoreService) {\r\n // this.updateSteps(this.step)\r\n }\r\n ngAfterContentInit(): void {\r\n this.loadDeviceData();\r\n\r\n this.updateSteps(this.step)\r\n }\r\n\r\n\r\n private loadDeviceData(): void {\r\n try {\r\n const deviceData = this.store.getDevice()\r\n this.device = this.parseJsonSafely(deviceData);\r\n \r\n if (this.device && this.device.saleDate) {\r\n this.calculateInterventionType();\r\n }\r\n } catch (error) {\r\n console.error('Error loading device data:', error);\r\n }\r\n }\r\n private parseJsonSafely(jsonString: string | null): any {\r\n if (!jsonString) return null;\r\n try {\r\n return JSON.parse(jsonString);\r\n } catch (error) {\r\n console.error('Error parsing JSON:', error);\r\n return null;\r\n }\r\n }\r\n\r\n private calculateInterventionType(): void {\r\n // const today = new Date();\r\n // const purchaseDate = new Date(this.device.saleDate);\r\n // const yearsDifference = today.getFullYear() - purchaseDate.getFullYear();\r\n // const isDateInFuture = today < purchaseDate;\r\n // this.interventionTypeId = !isDateInFuture && yearsDifference <= 2 ? 1 : 0;\r\n\r\n const oof = this.store.isOutWaranty(); \r\n this.interventionTypeId = oof ? 0 : 1;\r\n \r\n // Update steps based on intervention type\r\n this.updateStepsBasedOnInterventionType();\r\n }\r\n\r\n private updateStepsBasedOnInterventionType(): void {\r\n if (this.interventionTypeId === 1) {\r\n // Remove step 6 (Paiement) if interventionTypeId is 1\r\n this.steps = this.steps.filter(step => step.number !== 6);\r\n } else {\r\n // Ensure step 6 is included if interventionTypeId is not 1\r\n const hasPaymentStep = this.steps.some(step => step.number === 6);\r\n if (!hasPaymentStep) {\r\n this.steps.push({ number: 6, name: 'Paiement', status: '' });\r\n }\r\n }\r\n }\r\n\r\n updateSteps(_step: number) {\r\n this.steps = this.steps.map((step) => ({\r\n ...step,\r\n status: _step > step.number ? 'completed' :\r\n _step === step.number ? 'active' : 'pending',\r\n }));\r\n }\r\n prev(): void {\r\n const page: number = this.step - 1;\r\n this.navigate(page);\r\n }\r\n\r\n next(): void {\r\n const page = this.step + 1;\r\n this.navigate(page);\r\n\r\n }\r\n\r\n navigate(page: number) {\r\n if (page > 0 && page < 7) {\r\n this.updateSteps(page)\r\n this.router.navigate([`${RoutesPaths.step}/${page}`]);\r\n }\r\n }\r\n\r\n login(){\r\n this.router.navigate([`${RoutesPaths.login}`]);\r\n }\r\n}\r\n","\r\n ![\"Guidelines]()
\r\n
\r\n Electroménager
\r\n\r\n
\r\n\r\n
","import { Component, Input, OnInit } from '@angular/core';\r\nimport { FormGroup, FormBuilder, Validators, FormControl } from '@angular/forms';\r\nimport { MessageService } from 'primeng/api';\r\nimport { RoutesPaths } from '../../enums/routePaths';\r\nimport { Router } from '@angular/router';\r\nimport { DataStoreService } from '../../services/data-store.service';\r\nimport { DataStore } from '../../enums/data.store';\r\n\r\n@Component({\r\n selector: 'acf-step-three',\r\n templateUrl: './step-three.component.html',\r\n styleUrl: './step-three.component.scss',\r\n providers: [MessageService],\r\n standalone: false\r\n})\r\nexport class StepThreeComponent implements OnInit {\r\n @Input() appName: string = '';\r\n Step3Form: FormGroup;\r\n loading = false;\r\n submitted = false;\r\n gender = [\r\n {\r\n value: 'Monsieur',\r\n key: '001',\r\n },\r\n {\r\n value: 'Madame',\r\n key: '002',\r\n },\r\n ];\r\n\r\n constructor(\r\n private readonly formBuilder: FormBuilder,\r\n private readonly store: DataStoreService,\r\n private readonly router: Router,\r\n ) {\r\n this.Step3Form = this.onItniFrom();\r\n this.loadFormFromLocalStorage();\r\n }\r\n ngOnInit(): void {\r\n }\r\n onItniFrom() {\r\n return this.formBuilder.group(\r\n {\r\n title: ['', Validators.required],\r\n firstName: ['', Validators.required],\r\n lastName: ['', Validators.required],\r\n city: [null, Validators.required],\r\n address: ['', Validators.required],\r\n zip: [null, Validators.required],\r\n phoneNumber: new FormControl('', [\r\n Validators.required,\r\n Validators.pattern(/^[1-7]([\\s\\d]*\\d){8}$/)\r\n ]),\r\n email: new FormControl('', [\r\n Validators.required,\r\n Validators.email,\r\n Validators.pattern('^[A-Za-z0-9._%+-]+@[a-z0-9.-]+\\\\.[a-z]{2,4}$'),\r\n ]),\r\n countryCode: '250'\r\n }\r\n );\r\n }\r\n loadFormFromLocalStorage(): void {\r\n const savedFormData = this.store.getStep3Form();\r\n if (savedFormData) {\r\n this.Step3Form.patchValue(savedFormData);\r\n }\r\n }\r\n\r\n get f() {\r\n return this.Step3Form.controls;\r\n }\r\n\r\n next() {\r\n let rawValue = this.Step3Form.value.phoneNumber.replace(/\\s+/g, ''); // Remove spaces\r\n this.Step3Form.get('phoneNumber')?.setValue(rawValue);\r\n this.submitted = true;\r\n\r\n // Vérifier les erreurs spécifiques au zip/city et afficher un message d'aide\r\n const zipControl = this.Step3Form.get('zip');\r\n const cityControl = this.Step3Form.get('city');\r\n\r\n if (zipControl?.errors?.['zipMismatch'] || cityControl?.errors?.['cityMismatch']) {\r\n // message d'alerte\r\n const errorMessage = \"Erreur de validation d'adresse:\\n\\nLe code postal et/ou la ville ne correspondent pas à l'adresse sélectionnée.\\n\\n Veuillez:\\n1. Effacer le code postal et la ville\\n2. Ressaisir le code postal et choisir la ville dans la liste suggérée\";\r\n alert(errorMessage);\r\n return;\r\n }\r\n\r\n if (this.Step3Form.valid) {\r\n this.store.setEmail(this.Step3Form.value.email);\r\n this.store.saveFormToLocalStorage(this.Step3Form, DataStore.step3_form);\r\n this.router.navigate([`${RoutesPaths.step}/4`]);\r\n }\r\n }\r\n\r\n prev() {\r\n this.router.navigate([`${RoutesPaths.step}/2`]);\r\n }\r\n\r\n}\r\n\r\n\r\n","\r\n \r\n
\r\nVotre appareil Bosch nécessite une réparation ?
\r\n\r\nEn quelques étapes simples, déclarez la panne de votre appareil Bosch. Notre système vous\r\n guidera pour soumettre votre demande rapidement et être mis en relation avec un réparateur agréé.\r\n Suivez les étapes ci-dessous pour une prise en charge rapide et efficace de votre appareil.
\r\nDéjà membre ? Se connecter
\r\n\r\n\r\n
\r\n\r\n Déclarer un incident
\r\n\r\n
\r\n \r\n
\r\n {{step.number}}
\r\n {{step.name}}
\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n \r\n\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n\r\n ![\"close\"]()
\r\n
\r\n\r\n
","import { Component, ElementRef, EventEmitter, Output, ViewChild } from '@angular/core';\r\nimport { MessageService } from 'primeng/api';\r\n@Component({\n selector: 'acf-invoice-attachement',\n templateUrl: './invoice-attachement.component.html',\n styleUrl: './invoice-attachement.component.scss',\n standalone: false\n})\r\nexport class InvoiceAttachementComponent {\r\n file: File | undefined; \r\n readonly ALLOWED_FILE_TYPES = ['application/pdf', 'image/png', 'image/jpeg'];\r\n\r\n @ViewChild('fileInput') fileInput!: ElementRefNous tenons à vous informer que, pour le moment, les incidents liés aux gros\r\n électroménagers ne peuvent pas être traités directement via notre application.
\r\n Nous vous encourageons à contacter notre service client .\r\n
\r\n \r\n
\r\n\r\n
\r\n\r\n
\r\n\r\n
\r\n \r\n \r\n ![\"upload](\"assets/icons/upload-icon.svg\")
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n Formats pris en charge: JPEG, PNG, PDF
\r\n\r\n
\r\n \r\n
\r\n\r\n Votre appareil est sous garantie Bosch 2 ans , la réparation est gratuite et prise en\r\n charge par Bosch.
\r\nVotre appareil n’est plus sous garantie Bosch 2 ans.
\r\n\r\n
\r\n \r\n
\r\n\r\n Merci de télécharger la facture d’achat de votre appareil.
\r\n\r\n ![\"file\"](\"assets/icons/file.svg\")
\r\n \r\n ![\"close\"](\"assets/icons/close.svg\")
\r\n
\r\n \r\n {{ selectedFile.name }}
\r\n{{ selectedFile.size | filesize }}
\r\n\r\n \r\n \r\n \r\n \r\n
\r\n \r\n {{ loadedFile.name }}
\r\n{{ loadedFile.size | filesize }}
\r\n\r\n \r\n Le téléchargement de la facture est obligatoire.
\r\n \r\n \r\n
\r\n\r\n \r\n \r\n \r\n \r\n
\r\n\r\n
\r\n `;\r\n this.infoWindow.openAdvancedMarkerElement(\r\n marker.advancedMarker,\r\n contentString\r\n );\r\n });\r\n }\r\n\r\n async onMarkerMyLocationClick(marker: MapAdvancedMarker, location: any) {\r\n this.infoWindow.close();\r\n const contentString = `\r\n \r\n\r\n ${\r\n location.name !== undefined\r\n ? `\r\n
\r\n ${location.name}
\r\n ${location.vicinity}
\r\n ${location.country}
\r\n `\r\n : ''\r\n }\r\n \r\n ${\r\n location.walk !== undefined\r\n ? `\r\n ![\"walk\"](\"assets/${this.appName}/walk-icon.svg\")
\r\n ${location.walk}\r\n `\r\n : ''\r\n }\r\n ${\r\n location.transit !== undefined\r\n ? `\r\n ![\"transit\"](\"assets/${this.appName}/train-icon.svg\")
\r\n ${location.transit}\r\n `\r\n : ''\r\n }\r\n ${\r\n location.drive !== undefined\r\n ? `\r\n ![\"car\"](\"assets/${this.appName}/car-icon.png\")
\r\n ${location.drive}\r\n `\r\n : ''\r\n }\r\n
\r\n \r\n ${location.walk}\r\n `\r\n : ''\r\n }\r\n ${\r\n location.transit !== undefined\r\n ? `\r\n \r\n ${location.transit}\r\n `\r\n : ''\r\n }\r\n ${\r\n location.drive !== undefined\r\n ? `\r\n \r\n ${location.drive}\r\n `\r\n : ''\r\n }\r\n \r\n Afficher l'itinéraire\r\n
\r\n \r\n
\r\n `;\r\n this.infoWindow.openAdvancedMarkerElement(\r\n marker.advancedMarker,\r\n contentString\r\n );\r\n }\r\n\r\n async onMarkerRepairerClick(marker: MapAdvancedMarker, location: any) {\r\n this.infoWindow.close();\r\n this.googleMapsService\r\n .getPlaceId(this.listRepairers[0].companyName)\r\n .subscribe((placeId) => {\r\n let googleMapsUrl = '';\r\n\r\n if (placeId) {\r\n googleMapsUrl = `https://www.google.com/maps/search/?api=1&query=Google&query_place_id=${placeId}`;\r\n } else {\r\n googleMapsUrl = `https://www.google.com/maps/search/?api=1&query=${this.listRepairers[0].latitude},${this.listRepairers[0].longitude}`;\r\n }\r\n const contentString = `\r\n \r\n ${\r\n location.address !== undefined\r\n ? `\r\n ![\"home\"](\"assets/${this.appName}/home-icon.svg\")
\r\n ${location.address}\r\n `\r\n : ''\r\n }\r\n
\r\n \r\n ${location.address}\r\n `\r\n : ''\r\n }\r\n \r\n
\r\n `;\r\n\r\n // Open the Info Window after googleMapsUrl is assigned\r\n this.infoWindow.openAdvancedMarkerElement(\r\n marker.advancedMarker,\r\n contentString\r\n );\r\n });\r\n }\r\n\r\n onPostOfficeSelect(point: any) {\r\n this.infoWindow.close();\r\n\r\n if (this.selectedPostOffice === point) {\r\n this.selectedPostOffice = null;\r\n this.step4Form.patchValue({\r\n selectedPostOffice: null,\r\n });\r\n } else {\r\n this.selectedPostOffice = point;\r\n this.step4Form.patchValue({\r\n selectedPostOffice: point,\r\n });\r\n const postOfficePoint = {\r\n lat: point.latitude,\r\n lng: point.longitude,\r\n };\r\n this.onChangeCenter(postOfficePoint);\r\n }\r\n }\r\n\r\n onDeliveryOptionSelect(option: any): void {\r\n this.selectedPostOffice = null; // reset cards selection\r\n this.selectedDeliveryOption = option;\r\n this.step4Form.patchValue({\r\n selectedPostOffice: null,\r\n });\r\n if (option.key == 0 || option.key == 2) {\r\n //Déposer l’appareil chez le réparateur\r\n if (this.listRepairers[0]) {\r\n const repairerPoint = {\r\n lat: this.listRepairers[0].latitude,\r\n lng: this.listRepairers[0].longitude,\r\n };\r\n this.onChangeCenter(repairerPoint);\r\n }\r\n } else {\r\n //Envoyer l’appareil par colis\r\n this.onChangeCenter(this.fixedPoint);\r\n }\r\n }\r\n\r\n onChangeCenter(center: any) {\r\n const options: google.maps.MapOptions = {\r\n mapId: this.config.MAP_ID,\r\n center: center,\r\n zoom: 12,\r\n };\r\n this.options = options;\r\n }\r\n\r\n // getRepairersAssignedToUser() {\r\n // return new Promise\r\n ${\r\n this.listRepairers[0]?.companyName !== undefined\r\n ? `\r\n
\r\n ${this.listRepairers[0].companyName}
\r\n ${this.listRepairers[0].address1}
\r\n `\r\n : ''\r\n }\r\n \r\n ${\r\n location.walk !== undefined\r\n ? `\r\n \r\n ${location.walk}\r\n `\r\n : ''\r\n }\r\n ${\r\n location.transit !== undefined\r\n ? `\r\n \r\n ${location.transit}\r\n `\r\n : ''\r\n }\r\n ${\r\n location.drive !== undefined\r\n ? `\r\n \r\n ${location.drive}\r\n `\r\n : ''\r\n }\r\n
\r\n \r\n ${location.walk}\r\n `\r\n : ''\r\n }\r\n ${\r\n location.transit !== undefined\r\n ? `\r\n \r\n ${location.transit}\r\n `\r\n : ''\r\n }\r\n ${\r\n location.drive !== undefined\r\n ? `\r\n \r\n ${location.drive}\r\n `\r\n : ''\r\n }\r\n \r\n Afficher l'itinéraire\r\n
\r\n \r\n\r\n \r\n
\r\n\r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n Points relais à proximité
\r\nMerci de choisir l'emplacement qui vous convient
\r\n @if(listPostesSorted) {\r\n\r\n\r\n
\r\n \r\n
\r\n\r\n \r\n ![\"map\"]()
\r\n
\r\n {{ point.distance }}
\r\n \r\n \r\n \r\n ![\"walk\"]()
\r\n {{ point.walk }}\r\n \r\n\r\n \r\n \r\n ![\"transit\"]()
\r\n {{ point.transit }}\r\n \r\n\r\n \r\n \r\n ![\"car\"]()
\r\n {{ point.drive }}\r\n \r\n
\r\n\r\n {{ point.name }}
\r\n \r\n
\r\n } @else{\r\n Merci de sélectionner une adresse parmi les points relais disponibles.
\r\n \r\n\r\n
\r\n }\r\n \r\n \r\n
\r\n\r\n Aucun point relais disponible
\r\n Aucun point relais n'est disponible à proximité.\r\n
\r\n \r\n
\r\n Aucun point relais n'est disponible à proximité, Merci de choisir un autre mode de livraison.
\r\n 0\">\r\n \r\n \r\n
\r\n\r\n\r\n Vous pouvez réparer votre appareil avec le pack suivant:
\r\n\r\n\r\n
\r\n\r\n \r\n \r\n ![\"Guidelines]()
\r\n
\r\n Forfait réparation + matériel
\r\n {{ repairPrices.totalRepairPrice }} {{ repairPrices.currencySymbol\r\n }}\r\n
\r\n Veuillez noter que les frais de transport aller seront à votre charge. En revanche, les frais de retour\r\n sont\r\n inclus dans le forfait de réparation.\r\n
\r\nAucun forfait disponible pour ce point relais.
\r\n\r\n \r\n\r\n \r\n @if(selectedDeliveryOption?.key !== 1 && !selectedPostOffice){\r\n @for (location of listRepairers; track location) {\r\n \r\n
\r\n\r\n \r\n \r\n \r\n
\r\n\r\n\r\n
\r\n\r\n\r\n
\r\n\r\n\r\n \r\n
\r\n\r\n\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n Consommateur\r\n
\r\n\r\n\r\n \r\n
\r\n \r\n Nom :\r\n Alex\r\n
\r\n\r\n \r\n
\r\n \r\n Prénom :\r\n Alex\r\n
\r\n\r\n \r\n
\r\n \r\n Adresse :\r\n 20A Grande Rue delouze-Rosières 2110 Paris, France \r\n\r\n
\r\n\r\n \r\n
\r\n \r\n Email :\r\n ConsomateurBSH.com \r\n\r\n
\r\n\r\n \r\n
\r\n\r\n\r\n \r\n Téléphone :\r\n +33345724275 \r\n\r\n
\r\n\r\n \r\n
\r\n \r\n Détails appareil\r\n
\r\n\r\n\r\n \r\n
\r\n \r\n Constructeur :\r\n BSH\r\n
\r\n\r\n \r\n
\r\n \r\n Référence commerciale :\r\n PG725000/79A\r\n
\r\n\r\n \r\n
\r\n \r\n Référence technique :\r\n 7211003418 \r\n
\r\n\r\n \r\n
\r\n\r\n\r\n\r\n \r\n Marque :\r\n Bosch \r\n
\r\n\r\n \r\n
\r\n\r\n\r\n \r\n
\r\n\r\n \r\n Panne\r\n
\r\n\r\n\r\n \r\n
\r\n \r\n Type de panne :\r\n Abnormal noise during operation\r\n\r\n
\r\n\r\n \r\n
\r\n\r\n\r\n\r\n \r\n Commentaire :\r\n Alex noise during operation\r\n
\r\n\r\n \r\n
\r\n \r\n Réparateur\r\n
\r\n\r\n\r\n \r\n
\r\n\r\n \r\n Société :\r\n Company 1\r\n
\r\n\r\n \r\n
\r\n \r\n Téléphone :\r\n +33345724275 \r\n\r\n
\r\n\r\n \r\n
\r\n\r\n \r\n Adresse de réparation :\r\n 31 rue\r\n de Marsellie\r\n Paris\r\n 2000 \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n\r\n\r\n \r\n Transporteur\r\n
\r\n\r\n\r\n \r\n
\r\n \r\n Société :\r\n Company 2\r\n
\r\n\r\n \r\n
\r\n\r\n\r\n\r\n \r\n Téléphone :\r\n +33 4521680041\r\n
\r\n\r\n \r\n
\r\n\r\n
\r\n \r\n
\r\n Récapitulatif de votre commande
\r\n\r\n\r\n ![\"Guidelines]()
\r\n\r\n
\r\n\r\n Forfait réparation + matériel
\r\n 45,00 € \r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n Bonus de réparation
\r\n\r\n 15,00 €\r\n
\r\n -30,00 € bonus de réparation
\r\n \r\n\r\n
\r\n \r\n
\r\n Récapitulatif de votre commande
\r\n\r\n
\r\n \r\n
\r\n \r\n Prix TTC\r\n
\r\n \r\n 15,00 €\r\n
\r\n \r\n
\r\n\r\n\r\n \r\n \r\n ![\"Mastercard\"]()
\r\n ![\"Visa\"]()
\r\n\r\n
\r\n \r\n \r\n Paiement sécurisé
\r\n
","\r\nimport { NgModule } from '@angular/core';\r\nimport { StepThreeComponent } from './step-three/step-three.component';\r\nimport { StepTwoComponent } from './step-two/step-two.component';\r\nimport { StepOneComponent } from './step-one/step-one.component';\r\nimport { LayoutComponent } from './layout/layout.component';\r\nimport { CommonModule } from '@angular/common';\r\nimport { provideHttpClient, withInterceptorsFromDi } from '@angular/common/http';\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\n// import { TranslateModule } from '@ngx-translate/core';\r\nimport { HeaderComponent } from './layout/header/header.component';\r\nimport { StepFourComponent } from './step-four/step-four.component';\r\nimport { ButtonModule } from 'primeng/button';\r\nimport { StepFiveComponent } from './step-five/step-five.component';\r\nimport { FooterComponent } from './layout/footer/footer.component';\r\nimport { PrimeNgComponentsModule } from '../prime-ng-components.module';\r\nimport { InvoiceAttachementComponent } from './invoice-attachement/invoice-attachement.component';\r\nimport { FilesizePipe } from '../pipes/file-size.pipe';\r\nimport { GoogleMapsModule } from '@angular/google-maps';\r\nimport { StepSixComponent } from './step-six/step-six.component';\r\nimport { LoaderComponent } from './loader/loader.component';\r\nimport { SharedModule } from '../shared/shared.module';\r\nimport { StepOnePopupComponent } from './step-one/step-one-popup/step-one-popup.component';\r\n\r\n@NgModule({ exports: [\r\n LayoutComponent,\r\n HeaderComponent,\r\n StepOneComponent,\r\n StepTwoComponent,\r\n StepThreeComponent,\r\n StepFourComponent,\r\n StepFiveComponent,\r\n StepSixComponent,\r\n StepOnePopupComponent\r\n ],\r\n declarations: [\r\n LayoutComponent,\r\n HeaderComponent,\r\n StepOneComponent,\r\n StepTwoComponent,\r\n StepThreeComponent,\r\n StepFourComponent,\r\n StepFiveComponent,\r\n FooterComponent,\r\n InvoiceAttachementComponent,\r\n FilesizePipe,\r\n StepSixComponent,\r\n LoaderComponent,\r\n StepOnePopupComponent\r\n ], imports: [CommonModule,\r\n // TranslateModule,\r\n FormsModule,\r\n ReactiveFormsModule,\r\n PrimeNgComponentsModule,\r\n ButtonModule,\r\n GoogleMapsModule,\r\n SharedModule], providers: [provideHttpClient(withInterceptorsFromDi())] })\r\nexport class GuestModule { }","import { PickupInfo } from \"../request/create-mandate.request\";\r\nimport { IrisSymptom } from \"./iris-symptom\";\r\n\r\nexport interface Mandate {\r\n mandateId: number;\r\n orderMission: string;\r\n labelRef: string;\r\n brandCode: string;\r\n familyCode: string;\r\n createDate: string; // ISO date string format\r\n mandateStatus: string;\r\n // repairPrice: number;\r\n // ecoSupport: number;\r\n // currencySymbol: string;\r\n}\r\n\r\nexport type Mandates = Mandate[];\r\nexport type MandatesBeforePayment = MandateBeforePayment[];\r\n\r\nexport interface MandateDetails {\r\n labelRef: string;\r\n commercialRef: string;\r\n technicalRef: string;\r\n brandCode: string;\r\n familyCode: string;\r\n createDate?: string;\r\n failureDescription?: string;\r\n irisSymptom: string;\r\n mandateStatus: string;\r\n orderMission: string;\r\n pickupInfo: PickupInfo;\r\n interventionTypeId: number;\r\n trackingColissimo: TrackingColissimo;\r\n}\r\n\r\n\r\nexport interface TrackingColissimo {\r\n parcel: {\r\n parcelNumber: string;\r\n customerParcelReference: string;\r\n consigneeInformation: ConsigneeInformation;\r\n step: {\r\n stepId: number;\r\n labelShort: string;\r\n statusCode: string;\r\n statusLabel: string;\r\n }[];\r\n };\r\n}\r\n\r\nexport interface ConsigneeInformation {\r\n companyName: string;\r\n address: {\r\n address0: string;\r\n address1: string;\r\n address2: string;\r\n address3: string;\r\n zipCode: string;\r\n city: string;\r\n countryCodeISO: string;\r\n };\r\n};\r\nexport interface MandateBeforePayment {\r\n id?: number;\r\n customerId?: number;\r\n clientCode?: string;\r\n manufacturerId?: number;\r\n orderMission?: string;\r\n interventionTypeId?: number;\r\n commercialRef?: string;\r\n technicalRef?: string;\r\n brandCode?: string;\r\n familyCode?: string;\r\n purchaseDate?: string; // ISO date string\r\n irisSymptom?: string;\r\n failureDescription?: string;\r\n createDate?: string; // ISO date string\r\n repairPrice?: number;\r\n shippingPrice?: number;\r\n title?: string;\r\n lastName?: string;\r\n firstName?: string;\r\n address1?: string;\r\n zip?: string;\r\n city?: string;\r\n countryCode?: string;\r\n phoneNumber?: string;\r\n email?: string;\r\n carrierCode?: string;\r\n pickupChoice?: string;\r\n fromName?: string;\r\n fromAddress1?: string;\r\n fromZip?: string;\r\n fromCity?: string;\r\n fromCountryCode?: string;\r\n fromPhone?: string;\r\n toName?: string;\r\n toAddress1?: string;\r\n toZip?: string;\r\n toCity?: string;\r\n toCountryCode?: string;\r\n toPhone?: string;\r\n brandId?: number;\r\n isPaid?: boolean;\r\n isCreated?: boolean;\r\n contractExtensionCode?: string | null;\r\n isContractGCplus?: boolean;\r\n labelRef?: string;\r\n // Not retuurned on api\r\n irisLabel?: string;\r\n fileId?: string;\r\n atsCodeForStripe?: string;\r\n currencySymbol?: string;\r\n currencyCode?: string;\r\n ecoSupport?: number;\r\n irisSymptomResponse?: IrisSymptom;\r\n repairer?: Repairer;\r\n weight?: number;\r\n}\r\n\r\nexport interface Repairer {\r\n clientCode?: string;\r\n manufacturerId?: number;\r\n companyName?: string;\r\n address1?: string;\r\n address2?: string;\r\n zipCode?: string;\r\n city?: string;\r\n phoneNumber?: string;\r\n countryCode?: string;\r\n eMailAddress?: string;\r\n latitude?: number;\r\n longitude?: number;\r\n atsCode?: string;\r\n}\r\n\r\nexport interface WorkflowHistory {\r\n statusLabel: string;\r\n interventionWorkflowStatusDate: string;\r\n}\r\n\r\nexport enum MandateStatus {\r\n WAITING = 'En cours',\r\n NEW = 'Nouveau',\r\n CLOSED = 'Terminé',\r\n REFUSED = 'Refusé',\r\n}\r\n","import { RoutesPaths } from '../enums/routePaths';\r\n\r\nexport const connectedPages = [\r\n {\r\n routeLink: `/${RoutesPaths.dashboard}`,\r\n label: 'Tableau de bord',\r\n },\r\n {\r\n routeLink: `/${RoutesPaths.devices}`,\r\n label: 'Mes appareils',\r\n },\r\n {\r\n routeLink: `/${RoutesPaths.device_details}`,\r\n label: 'Mes appareils',\r\n },\r\n {\r\n routeLink: `/${RoutesPaths.incident_report}`,\r\n label: 'Déclarer un incident',\r\n },\r\n {\r\n routeLink: `/${RoutesPaths.incident_tracking}`,\r\n label: 'Suivi des incidents'\r\n },\r\n {\r\n routeLink: `/${RoutesPaths.contract}`,\r\n label: 'Mes contrats'\r\n },\r\n {\r\n routeLink: `/${RoutesPaths.customer_service}`,\r\n label: 'Contacter le service client'\r\n },\r\n {\r\n routeLink: `/${RoutesPaths.account}`,\r\n label: 'Mon compte'\r\n },\r\n {\r\n routeLink: `/${RoutesPaths.incident_report_success}`,\r\n label: 'Ordre de mission'\r\n },\r\n {\r\n routeLink: `/${RoutesPaths.incident_tracking_overview}`,\r\n label: 'Suivi des incidents'\r\n }\r\n];\r\n","import { RoutesPaths } from '../enums/routePaths';\r\n\r\nexport const NavbarItems = [\r\n {\r\n routeLink: `/${RoutesPaths.dashboard}`,\r\n icon: 'pi pi-home',\r\n label: 'Tableau de bord',\r\n },\r\n {\r\n routeLink: `/${RoutesPaths.devices}`,\r\n icon: 'pi pi-mobile',\r\n label: 'Mes appareils',\r\n },\r\n {\r\n routeLink: `/${RoutesPaths.incident_report}`,\r\n icon: 'pi pi-exclamation-triangle',\r\n label: 'Déclarer un incident',\r\n },\r\n {\r\n routeLink: `/${RoutesPaths.incident_tracking}`,\r\n icon: 'pi pi-chart-line',\r\n label: 'Suivi des incidents'\r\n },\r\n // {\r\n // routeLink: `/${RoutesPaths.contract}`,\r\n // icon: 'pi pi-check-circle',\r\n // label: 'Mes contrats'\r\n // },\r\n {\r\n routeLink: `/${RoutesPaths.customer_service}`,\r\n icon: 'pi pi-envelope',\r\n label: 'Contacter le service client'\r\n },\r\n {\r\n routeLink: `/${RoutesPaths.account}`,\r\n icon: 'pi pi-user',\r\n label: 'Mon compte'\r\n }\r\n];\r\n","import { Injectable } from '@angular/core';\r\nimport { DataStoreService } from './data-store.service';\r\nimport { RoutesPaths } from '../enums/routePaths';\r\nimport { Router } from '@angular/router';\r\nimport { SecurityCookieService } from './security-cookie.service';\r\n\r\n@Injectable({\r\n providedIn: 'root'\r\n})\r\nexport class AuthService {\r\n\r\n constructor(private readonly store: DataStoreService, private readonly router: Router, private readonly securityCookieService: SecurityCookieService) { }\r\n\r\n logOut(): void {\r\n this.securityCookieService.logout();\r\n this.store.deleteUserInformation();\r\n this.store.deleteFormsFromLocalStorage();\r\n this.store.deleteContCode();\r\n this.store.deleteMandateID();\r\n this.store.deleteOmNumber();\r\n this.store.deleteMandate();\r\n this.store.deleteOriginalRememberMe();\r\n this.store.deleteState();\r\n this.router.navigate([RoutesPaths.login])\r\n .then(() => { window.location.reload(); });\r\n }\r\n\r\n\r\n isTokenExpired(): boolean {\r\n const token: string = this.store.getToken() || this.store.getTempToken();\r\n const decoded = this.decodeToken(token);\r\n if (!decoded || !decoded.exp) {\r\n return true;\r\n }\r\n const currentTime = Math.floor(Date.now() / 1000);\r\n return decoded.exp < currentTime;\r\n }\r\n\r\n decodeToken(token: string): any {\r\n if (token) {\r\n try {\r\n const payload = token.split('.')[1];\r\n const decodedPayload = atob(payload);\r\n return JSON.parse(decodedPayload);\r\n } catch (e) {\r\n console.error('Error decoding token', e);\r\n return null;\r\n }\r\n } else { return null }\r\n }\r\n\r\n\r\n\r\n}","import { Component, input, output } from '@angular/core';\r\nimport { RoutesPaths } from '../../../enums/routePaths';\r\nimport { DataStoreService } from '../../../services/data-store.service';\r\nimport { AuthService } from '../../../services/auth.service';\r\nimport { NavbarItems } from '../../navbar.items';\r\n\r\n@Component({\n selector: 'acf-connected-sidebar',\n templateUrl: './connected-sidebar.component.html',\n styleUrl: './connected-sidebar.component.scss',\n standalone: false\n})\r\nexport class ConnectedSidebarComponent {\r\n routesPaths = RoutesPaths;\r\n userName: string;\r\n firstName: string;\r\n lastName: string;\r\n navData = NavbarItems;\r\n isLeftSidebarCollapsed = input.required\r\n \r\n \r\n \r\n \r\n
\r\n\r\n ![\"Guidelines]()
\r\n
\r\n\r\n
","import { Component, Optional } from '@angular/core';\r\nimport { DynamicDialogRef } from 'primeng/dynamicdialog';\r\nimport { DataStoreService } from '../../services/data-store.service';\r\n\r\n@Component({\r\n selector: 'acf-delete-account-popup',\r\n templateUrl: './delete-account-popup.component.html',\r\n styleUrl: './delete-account-popup.component.scss',\r\n standalone: false\r\n})\r\nexport class DeleteAccountPopupComponent {\r\n\r\n applicationName: string = '';\r\n\r\n constructor(\r\n private readonly store: DataStoreService,\r\n @Optional() public ref: DynamicDialogRef\r\n ) {\r\n this.applicationName = this.store.getApplication();\r\n }\r\n\r\n confirm() {\r\n this.ref.close(true);\r\n }\r\n\r\n cancel() {\r\n this.ref.close(false);\r\n }\r\n}\r\n","\r\n ![\"Guidelines]()
\r\n
\r\n Electroménager
\r\n\r\n
\r\n\r\n \r\n \r\n\r\n ![\"close\"]()
\r\n
\r\n Supprimer mon compte
\r\n \r\n
\r\n","import { Component, Optional } from '@angular/core';\r\nimport { DynamicDialogRef } from 'primeng/dynamicdialog';\r\nimport { DataStoreService } from '../../services/data-store.service';\r\n\r\n@Component({\r\n selector: 'acf-delete-account-error-popup',\r\n templateUrl: './delete-account-error-popup.component.html',\r\n styleUrl: './delete-account-error-popup.component.scss',\r\n standalone: false\r\n})\r\nexport class DeleteAccountErrorPopupComponent {\r\n\r\n applicationName: string = '';\r\n\r\n constructor(\r\n private readonly store: DataStoreService,\r\n @Optional() public ref: DynamicDialogRef\r\n ) {\r\n this.applicationName = this.store.getApplication();\r\n }\r\n\r\n closePopup() {\r\n this.ref.close();\r\n }\r\n}\r\n","\r\n Vous êtes sur le point de supprimer votre compte.
\r\n Cette action entraînera également la suppression de vos appareils enregistrés et de toutes les données associées.\r\n
\r\n Cette action est définitive.\r\n
\r\n\r\n Êtes-vous sûr de vouloir continuer ?\r\n
\r\n\r\n \r\n \r\n
\r\n\r\n ![\"close\"]()
\r\n
\r\n\r\n
\r\n","import { Component, Input } from '@angular/core';\r\nimport { DataStoreService } from '../../../services/data-store.service';\r\nimport { DialogService, DynamicDialogRef } from 'primeng/dynamicdialog';\r\nimport { DeleteAccountPopupComponent } from '../../delete-account-popup/delete-account-popup.component';\r\nimport { DeleteAccountErrorPopupComponent } from '../../delete-account-error-popup/delete-account-error-popup.component';\r\nimport { AccountService } from '../../../services/account.service';\r\nimport { AuthService } from '../../../services/auth.service';\r\nimport { MessageService } from 'primeng/api';\r\n\r\n@Component({\r\n selector: 'acf-connected-footer',\r\n templateUrl: './connected-footer.component.html',\r\n styleUrl: './connected-footer.component.scss',\r\n standalone: false\r\n})\r\nexport class ConnectedFooterComponent {\r\n\r\n applicationName: string = '';\r\n @Input() app: string = '';\r\n\r\n constructor(\r\n private readonly store: DataStoreService,\r\n private readonly dialogService: DialogService,\r\n private readonly accountService: AccountService,\r\n private readonly authService: AuthService,\r\n private readonly messageService: MessageService\r\n ) {\r\n this.applicationName = this.store.getApplication();\r\n }\r\n\r\n deleteAccount() {\r\n const ref: DynamicDialogRef = this.dialogService.open(DeleteAccountPopupComponent, {\r\n width: '42vw',\r\n showHeader: false,\r\n dismissableMask: true,\r\n closeOnEscape: true,\r\n contentStyle: { overflow: 'auto' },\r\n breakpoints: {\r\n '960px': '60vw',\r\n '640px': '90vw',\r\n },\r\n });\r\n\r\n ref.onClose.subscribe((confirmed: boolean) => {\r\n if (confirmed) {\r\n this.processAccountDeletion();\r\n }\r\n });\r\n }\r\n\r\n private processAccountDeletion() {\r\n this.accountService.requestAccountDeletion().subscribe({\r\n next: (response: string) => {\r\n const result = response?.trim().toUpperCase();\r\n\r\n if (result === 'REMOVED') {\r\n this.messageService.add({\r\n severity: 'success',\r\n summary: 'Compte supprimé',\r\n detail: 'Votre compte a été supprimé avec succès.'\r\n });\r\n this.authService.logOut();\r\n } else if (result === 'NOTALLOWED') {\r\n this.openErrorPopup();\r\n \r\n } else {\r\n this.showGenericError();\r\n }\r\n },\r\n error: () => {\r\n this.showGenericError();\r\n }\r\n });\r\n }\r\n\r\n private openErrorPopup() {\r\n this.dialogService.open(DeleteAccountErrorPopupComponent, {\r\n width: '42vw',\r\n showHeader: false,\r\n dismissableMask: true,\r\n closeOnEscape: true,\r\n contentStyle: { overflow: 'auto' },\r\n breakpoints: {\r\n '960px': '60vw',\r\n '640px': '90vw',\r\n },\r\n });\r\n }\r\n\r\n private showGenericError() {\r\n this.messageService.add({\r\n severity: 'error',\r\n summary: 'Erreur',\r\n detail: 'Une erreur est survenue lors de la suppression du compte. Veuillez réessayer ultérieurement.'\r\n });\r\n }\r\n}\r\n","","import { Component, computed, HostListener, Input, signal } from '@angular/core';\r\nimport { Router, ActivatedRoute } from '@angular/router';\r\nimport { NavbarItems } from '../../navbar.items';\r\nimport { connectedPages } from '../../connected.pages';\r\nimport { DataStoreService } from '../../../services/data-store.service';\r\nimport { RoutesPaths } from '../../../enums/routePaths';\r\nimport { MandateService } from '../../../services/mandate.service';\r\n\r\n@Component({\r\n selector: 'acf-connected-layout',\r\n templateUrl: './connected-layout.component.html',\r\n styleUrl: './connected-layout.component.scss',\r\n standalone: false\r\n})\r\nexport class ConnectedLayoutComponent {\r\n @Input() app: string = '';\r\n connectedPages = connectedPages;\r\n title: string = '';\r\n subTitle: string = '';\r\n constructor(private router: Router, private readonly store: DataStoreService, private route: ActivatedRoute, private mandateService: MandateService) {\r\n // Vérifie la route actuelle et met à jour le label en conséquence\r\n this.router.events.subscribe(() => {\r\n const routeParts = this.router.url.split('/').filter(Boolean);\r\n const baseRoute = routeParts[0]; // Use the first part to find the label\r\n const currentNavItem = this.connectedPages.find(item => item.routeLink.includes(baseRoute));\r\n\r\n if (currentNavItem) {\r\n const { label } = currentNavItem;\r\n const om_nb = this.store.getOmNumber()\r\n this.title = label === 'Ordre de mission'\r\n ? `${label} N°${om_nb}`\r\n : label;\r\n this.subTitle = label;\r\n\r\n\r\n\r\n if (currentNavItem.routeLink.includes(RoutesPaths.incident_tracking_overview)) {\r\n this.mandateService.omMandateDetails$.subscribe(details => {\r\n const om_nb_details = details;\r\n this.title = `Réparation N°${om_nb_details}`;\r\n\r\n });\r\n }\r\n\r\n }\r\n\r\n });\r\n\r\n\r\n }\r\n\r\n isLeftSidebarCollapsed = signal\r\n La suppression de votre compte est actuellement impossible.
\r\n Une ou plusieurs interventions sur vos appareils sont encore en cours.\r\n
\r\n Votre compte pourra être supprimé uniquement lorsque toutes les interventions seront terminées.
\r\n Vous pourrez alors renouveler votre demande de suppression.\r\n
\r\n \r\n
\r\n\r\n
\r\n\r\n
","import { Component, Input } from '@angular/core';\r\nimport { DataStoreService } from '../../services/data-store.service';\r\nimport { Router } from '@angular/router';\r\nimport { MandateService } from '../../services/mandate.service';\r\nimport { Product } from '../../models/shared/product';\r\nimport { Mandates, MandateStatus } from '../../models/shared/mandate';\r\nimport { RoutesPaths } from '../../enums/routePaths';\r\n\r\n\r\ninterface MappedDevice {\r\n name: string;\r\n startDate: string;\r\n endDate: string;\r\n commref: string;\r\n saleDate: string;\r\n brand: string;\r\n refTech: string;\r\n family: string;\r\n}\r\n\r\ninterface WarrantyItem {\r\n name: string;\r\n monthsRemaining: number;\r\n status: 'expired' | 'expiring' | 'active';\r\n endDate: string;\r\n brand: string;\r\n}\r\ninterface RepairItem {\r\n name: string;\r\n status: string;\r\n}\r\n@Component({\r\n selector: 'acf-dashboard',\r\n templateUrl: './dashboard.component.html',\r\n styleUrl: './dashboard.component.scss',\r\n standalone: false\r\n})\r\nexport class DashboardComponent {\r\n @Input() app: string = '';\r\n devices: Product[] = [];\r\n mappedDevices: MappedDevice[] = [];\r\n warrantyItems: WarrantyItem[] = [];\r\n mandates: Mandates = [];\r\n\r\n loadingDevices = true;\r\n loadingMandates = true;\r\n\r\n constructor(private readonly store: DataStoreService, private router: Router, private mandateService: MandateService) {\r\n this.store.deleteState(); //delete state : incident declatation\r\n }\r\n\r\n ngOnInit() {\r\n this.onGetDevicesWarranty();\r\n this.getMandates();\r\n }\r\n\r\n // Your existing API method\r\n onGetDevicesWarranty() {\r\n this.mandateService.getDevicesWarranty().subscribe(\r\n data => {\r\n this.devices = data.slice(0, 5);\r\n this.mappedDevices = this.devices.map((contract) => ({\r\n name: contract.fullDescription || \"\",\r\n startDate: contract.startDate || \"\",\r\n endDate: contract.endDate || \"\",\r\n commref: contract.commercialReference || \"\",\r\n saleDate: contract.saleDate || \"\",\r\n brand: contract.brand || \"\",\r\n refTech: contract.technicalReference || \"\",\r\n family: contract.family || \"\",\r\n }));\r\n // Convert mapped devices to warranty items\r\n this.convertToWarrantyItems();\r\n },\r\n err => {\r\n console.log(err);\r\n }\r\n );\r\n }\r\n\r\n // Convert mapped devices to warranty display format\r\n convertToWarrantyItems() {\r\n this.warrantyItems = this.mappedDevices.map(device => {\r\n const endDate = new Date(device.endDate);\r\n const currentDate = new Date();\r\n const timeDiff = endDate.getTime() - currentDate.getTime();\r\n const monthsRemaining = Math.ceil(timeDiff / (1000 * 3600 * 24 * 30));\r\n\r\n let status: 'expired' | 'expiring' | 'active';\r\n if (monthsRemaining <= 0) {\r\n status = 'expired';\r\n } else if (monthsRemaining <= 2) {\r\n status = 'expiring';\r\n } else {\r\n status = 'active';\r\n }\r\n this.loadingDevices = false;\r\n\r\n return {\r\n name: device.name,\r\n monthsRemaining: Math.max(0, monthsRemaining),\r\n status: status,\r\n endDate: device.endDate,\r\n brand: device.brand\r\n };\r\n\r\n });\r\n }\r\n\r\n // Navigation methods for the three redirect buttons\r\n navigateToIncident() {\r\n // Redirect to incident declaration page\r\n this.router.navigate([RoutesPaths.incident_report]);\r\n }\r\n\r\n navigateToTracking() {\r\n this.router.navigate([RoutesPaths.incident_tracking]);\r\n\r\n }\r\n\r\n navigateToAddDevice() {\r\n this.router.navigate([RoutesPaths.devices]);\r\n\r\n }\r\n\r\n getMandates() {\r\n this.mandateService.getMandates().subscribe((data) => {\r\n this.mandates = data.mandates.slice(0, 6);\r\n this.loadingMandates = false;\r\n });\r\n }\r\n\r\n getStatusLabel(status: keyof typeof MandateStatus): string {\r\n return MandateStatus[status];\r\n }\r\n getWarrantyLabel(item: WarrantyItem): string {\r\n if (item.monthsRemaining <= 0) {\r\n return 'Expirée';\r\n }\r\n return `${item.monthsRemaining} Mois`;\r\n }\r\n\r\n getTagSeverity(status: string): 'success' | 'warning' | 'danger' | 'info' {\r\n switch (status) {\r\n case 'active': return 'success';\r\n case 'expiring': return 'warning';\r\n case 'expired': return 'danger';\r\n default: return 'info';\r\n }\r\n }\r\n}","\r\n
\r\n \r\n
\r\n\r\n
\r\n \r\n {{title}}
\r\n\r\n
\r\n \r\n \r\n
\r\n\r\n \r\n\r\n
\r\n\r\n \r\n \r\n Déclarer un incident\r\n
\r\n \r\n \r\n Suivre les incidents\r\n
\r\n \r\n \r\n Ajouter appareil\r\n
\r\n \r\n\r\n @if((loadingDevices && loadingMandates)) {\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n }\r\n @else {\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n @if (warrantyItems && warrantyItems.length > 0) {\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n } @else {\r\n \r\n \r\n
\r\n \r\n {{ item.name }}\r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n }\r\n Aucun appareil enregistré
\r\n\r\n Ajoutez vos appareils pour suivre leur garantie.\r\n
\r\n\r\n\r\n \r\n @if (mandates && mandates.length > 0) {\r\n \r\n \r\n \r\n Nom de l'appareil \r\n Statut \r\n \r\n \r\n \r\n \r\n {{ mandate.labelRef }} \r\n \r\n \r\n \r\n \r\n \r\n } @else {\r\n \r\n \r\n
\r\n }\r\n\r\n \r\n {{ getStatusLabel(mandate.mandateStatus) | uppercase }}\r\n
\r\n \r\n \r\n
\r\n }\r\n Aucune réparation en cours
\r\n\r\n Tous vos appareils fonctionnent correctement.\r\n
\r\n\r\n\r\n ![\"close\"]()
\r\n
\r\n\r\n
","import { Component, ElementRef, EventEmitter, Output, ViewChild } from '@angular/core';\r\nimport { MessageService } from 'primeng/api';\r\n@Component({\r\n selector: 'acf-device-attachement',\r\n templateUrl: './device-attachement.component.html',\r\n styleUrl: './device-attachement.component.scss',\r\n standalone: false\r\n})\r\nexport class DeviceAttachementComponent {\r\n file: File | undefined; \r\n readonly ALLOWED_FILE_TYPES = ['application/pdf', 'image/png', 'image/jpeg'];\r\n\r\n @ViewChild('fileInput') fileInput!: ElementRefNous tenons à vous informer que, pour le moment, les incidents liés aux gros\r\n électroménagers ne peuvent pas être traités directement via notre application.
\r\nNous vous encourageons à contacter notre service client au\r\n {{supportPhone}} ou par e-mail [
\r\n \r\n
\r\n\r\n
\r\n","import { Component, Optional, ViewChild } from '@angular/core';\r\nimport {\r\n FormBuilder,\r\n FormGroup,\r\n Validators,\r\n} from '@angular/forms';\r\nimport { MessageService } from 'primeng/api';\r\nimport { DialogService, DynamicDialogRef } from 'primeng/dynamicdialog';\r\nimport { DataStoreService } from '../../../services/data-store.service';\r\nimport { AutoComplete, AutoCompleteCompleteEvent, AutoCompleteSelectEvent } from 'primeng/autocomplete';\r\nimport { FileService } from '../../../services/file.service';\r\nimport { ProductOCR, ProductsOCR, ProductsXS, ProductXS } from '../../../models/shared/product';\r\nimport { ReferentialService } from '../../../services/referential.service';\r\nimport { map, forkJoin } from 'rxjs';\r\nimport { CreateCDMBaseWarrantiesResponse } from '../../../models/response/create-mandate.response';\r\nimport { IsGEMPopupComponent } from './is-gem-popup/is-gem-popup.component';\r\nimport { Inject } from '@angular/core';\r\nimport { LIB_CONFIG, LibConfig } from '../../../config.token';\r\n@Component({\r\n selector: 'acf-device-popup',\r\n templateUrl: './device-popup.component.html',\r\n styleUrl: './device-popup.component.scss',\r\n providers: [MessageService],\r\n standalone: false\r\n})\r\n\r\nexport class DevicePopupComponent {\r\n registerForm: FormGroup;\r\n loading: boolean = false;\r\n autoComplete_loading: boolean = false;\r\n submitted: boolean = false;\r\n applicationName: string = '';\r\n @ViewChild('autoComplete') autoComplete!: AutoComplete;\r\n selectedFile: File | null = null;\r\n productOCR: ProductOCR = {};\r\n productByRef: ProductXS = {};\r\n invalid_ref: boolean = false;\r\n suggestedCommercialRefs!: string[];\r\n suggestedTechnicalRefs: string[] = [];\r\n maxDate: Date = new Date();\r\n reference_help_center_url: string;\r\n constructor(\r\n private readonly messageService: MessageService,\r\n @Inject(LIB_CONFIG) private config: LibConfig,\r\n private readonly fileService: FileService,\r\n private readonly refencielService: ReferentialService,\r\n private readonly formBuilder: FormBuilder,\r\n @Optional() public ref: DynamicDialogRef,\r\n private readonly store: DataStoreService,\r\n private readonly dialogService: DialogService\r\n ) {\r\n this.applicationName = this.store.getApplication()\r\n this.registerForm = this.onItniFrom();\r\n this.reference_help_center_url= this.config.bosch_services_uri;\r\n\r\n }\r\n\r\n onFilesChanged(file: File): void {\r\n this.loading = true;\r\n this.selectedFile = file;\r\n\r\n this.registerForm.patchValue({\r\n fileUpload: file\r\n });\r\n\r\n this.registerForm = this.onItniFrom();\r\n this.suggestedCommercialRefs = [];\r\n this.suggestedTechnicalRefs = [];\r\n this.invalid_ref = false;\r\n\r\n if (this.selectedFile) {\r\n const idFile = (Date.now() + Math.floor(Math.random() * 1000)).toString();\r\n this.fileService.extractFileData(this.selectedFile, idFile).subscribe({\r\n next: (response) => {\r\n const jsonString = response?.choices[0]?.message?.content;\r\n const cleanedJsonString = jsonString.replace(/```|json/g, '');\r\n const cleanedResponse = this.parseJsonString(cleanedJsonString);\r\n const products: ProductsOCR = cleanedResponse.Products;\r\n this.registerForm.patchValue({\r\n fileId: idFile\r\n });\r\n if (products) {\r\n if (products.length == 1) {\r\n this.productOCR = cleanedResponse.Products[0];\r\n if (this.productOCR.CommercialRef) {\r\n this.refencielService.searchProductByCommercialRef(this.productOCR.CommercialRef).subscribe(\r\n data => {\r\n if (data && data.length > 0) {\r\n this.productByRef = data[0];\r\n this.suggestedTechnicalRefs = this.productByRef.technicalRefs ? this.productByRef.technicalRefs : [];\r\n let prd: ProductXS = {\r\n commercialRef: this.productOCR?.CommercialRef,\r\n PurchaseDate: this.productOCR?.PurchaseDate,\r\n }\r\n if (this.productByRef) {\r\n const techRef = this.suggestedTechnicalRefs.length == 1 ? this.suggestedTechnicalRefs[0] : undefined;\r\n prd = {\r\n commercialRef: this.productOCR?.CommercialRef,\r\n technicalRef: techRef,\r\n brand: this.productByRef?.brand,\r\n PurchaseDate: this.productOCR?.PurchaseDate,\r\n family: this.productByRef?.family,\r\n fullDescription: this.productByRef?.fullDescription\r\n }\r\n }\r\n if (this.productByRef && (this.productByRef.isPEM == false || this.productByRef.isPEM == null)) {\r\n this.openIsGEMPopup();\r\n } else {\r\n this.registerForm = this.onSetFrom(prd);\r\n }\r\n } else {\r\n this.handleInvalidInvoice();\r\n }\r\n },\r\n err => {\r\n this.handleInvalidInvoice();\r\n }\r\n );\r\n } else {\r\n this.handleInvalidInvoice();\r\n }\r\n } else {\r\n const commercialRefChecks = products.map(product => product?.CommercialRef)\r\n .filter((ref): ref is string => ref !== undefined)\r\n .map(ref =>\r\n this.refencielService.searchProductByCommercialRef(ref).pipe(\r\n map(data => (data && data.length > 0 ? ref : null)))\r\n );\r\n\r\n forkJoin(commercialRefChecks).subscribe(validRefs => {\r\n this.suggestedCommercialRefs = validRefs.filter(ref => ref !== null) as string[];\r\n\r\n if (this.suggestedCommercialRefs.length === 0) {\r\n this.handleInvalidInvoice();\r\n } else {\r\n this.registerForm = this.onSetFrom({ PurchaseDate: products[0]?.PurchaseDate });\r\n this.autoComplete.show();\r\n }\r\n });\r\n }\r\n } else {\r\n this.handleInvalidInvoice();\r\n }\r\n this.loading = false;\r\n },\r\n error: (error) => {\r\n console.error('Error uploading file:', error);\r\n this.handleInvalidInvoice();\r\n this.loading = false;\r\n }\r\n });\r\n }\r\n }\r\n private handleInvalidInvoice(): void {\r\n this.messageService.add({\r\n summary: 'Erreur',\r\n\r\n severity: 'error',\r\n detail: \"Veuillez télécharger une facture valide avec des références produits reconnues.\"\r\n });\r\n\r\n // Reset form and file\r\n this.selectedFile = null;\r\n this.registerForm = this.onItniFrom();\r\n this.invalid_ref = false;\r\n this.suggestedCommercialRefs = [];\r\n this.suggestedTechnicalRefs = [];\r\n this.registerForm.patchValue({\r\n fileUpload: null\r\n });\r\n }\r\n onItniFrom() {\r\n return this.formBuilder.group({\r\n fullDescription: ['', Validators.required],\r\n productReference: ['', Validators.required],\r\n productTechReference: [null, Validators.required],\r\n salesDate: [null, Validators.required],\r\n brand: ['', Validators.required],\r\n family: ['', Validators.required],\r\n fileUpload: [null, Validators.required],\r\n fileId: ['']\r\n });\r\n }\r\n\r\n onSetFrom(prd?: ProductXS) {\r\n return this.formBuilder.group({\r\n fullDescription: [prd?.fullDescription],\r\n productReference: [prd?.commercialRef, Validators.required],\r\n productTechReference: [prd?.technicalRef ?? null, Validators.required],\r\n brand: [prd?.brand],\r\n family: [prd?.family],\r\n salesDate: [prd?.PurchaseDate != null ? new Date(prd.PurchaseDate) : null, Validators.required],\r\n fileUpload: [this.selectedFile, Validators.required] , // Add file upload validation\r\n fileId: [this.registerForm.value.fileId]\r\n });\r\n }\r\n\r\n onSelectProduct(event: AutoCompleteSelectEvent) {\r\n this.invalid_ref = false;\r\n this.suggestedTechnicalRefs = [];\r\n this.refencielService.searchProductByCommercialRef(event.value).subscribe(\r\n (data: ProductsXS) => {\r\n if (data) {\r\n if (data[0].isPEM == true) {\r\n this.suggestedTechnicalRefs = data[0].technicalRefs ? data[0].technicalRefs : [];\r\n const techRef = this.suggestedTechnicalRefs.length == 1 ? this.suggestedTechnicalRefs[0] : undefined;\r\n const prd: ProductXS = {\r\n commercialRef: data[0]?.commercialRef,\r\n technicalRef: techRef ,\r\n brand: data[0]?.brand,\r\n family: data[0]?.family,\r\n fullDescription: data[0]?.fullDescription,\r\n PurchaseDate: this.registerForm.value.salesDate,\r\n }\r\n this.registerForm = this.onSetFrom(prd);\r\n } else {\r\n this.openIsGEMPopup();\r\n }\r\n }\r\n });\r\n }\r\n\r\n displayReferences(event: AutoCompleteCompleteEvent) {\r\n this.invalid_ref = false;\r\n this.suggestedCommercialRefs = [];\r\n if (event.query && event.query.length > 0) {\r\n this.getProductsByRef(event.query)\r\n } else {\r\n this.invalid_ref = false;\r\n }\r\n }\r\n\r\n getProductsByRef(ref: string) {\r\n this.autoComplete_loading = true;\r\n this.refencielService.searchProductByCommercialRef(ref).subscribe(\r\n data => {\r\n this.suggestedCommercialRefs = data.map(product => product.commercialRef).filter((ref): ref is string => ref !== undefined);\r\n if (this.suggestedCommercialRefs.length == 0 && ref != '') {\r\n this.invalid_ref = true;\r\n }\r\n this.autoComplete_loading = false;\r\n },\r\n _ => {\r\n console.error(\"API SearchProductByCommercialRef DOWN\");\r\n this.autoComplete_loading = false;\r\n }\r\n )\r\n }\r\n\r\n closePopup() {\r\n this.ref.close(false);\r\n this.registerForm = this.onItniFrom();\r\n this.invalid_ref = false;\r\n this.suggestedTechnicalRefs = [];\r\n }\r\n\r\n onRemoveFile() {\r\n this.selectedFile = null;\r\n this.invalid_ref = false;\r\n this.registerForm = this.onItniFrom();\r\n this.suggestedTechnicalRefs = [];\r\n }\r\n\r\n submit() {\r\n let salesDate = new Date(this.registerForm.value.salesDate);\r\n const year = salesDate.getFullYear();\r\n const month = String(salesDate.getMonth() + 1).padStart(2, '0');\r\n const day = String(salesDate.getDate()).padStart(2, '0');\r\n const formattedSalesDate = `${year}-${month}-${day}`;\r\n this.submitted = true;\r\n\r\n if (!this.selectedFile) {\r\n this.messageService.add({\r\n severity: 'error',\r\n summary: 'Erreur',\r\n detail: \"Le téléchargement de la facture est obligatoire.\"\r\n });\r\n return;\r\n }\r\n\r\n if (this.registerForm.valid && this.invalid_ref == false) {\r\n this.refencielService.createCDMBaseWarranties(this.registerForm.value.productTechReference, formattedSalesDate, this.registerForm.value.fileId)\r\n .subscribe(\r\n (data: CreateCDMBaseWarrantiesResponse[]) => {\r\n const response: CreateCDMBaseWarrantiesResponse = data[0];\r\n if (response.result == false) {\r\n response.errors.forEach(err => {\r\n switch (err) {\r\n case \"ContractExists\":\r\n this.messageService.add({\r\n summary: 'Erreur',\r\n severity: 'error', detail: \"Cet appareil est déjà enregistré dans votre liste des appareils\"\r\n });\r\n break;\r\n case \"ContractYetCreated\":\r\n this.messageService.add({\r\n summary: 'Erreur',\r\n severity: 'error', detail: \"Ce contrat a déjà été créé.\"\r\n });\r\n break;\r\n case \"ContractExistsInGcplus\":\r\n this.messageService.add({\r\n summary: 'Erreur',\r\n severity: 'error', detail: \"Le contrat existe déjà dans Gcplus.\"\r\n });\r\n break;\r\n case \"EmailMandatory\":\r\n this.messageService.add({\r\n summary: 'Erreur',\r\n severity: 'error', detail: \"L'adresse email est obligatoire pour créer un contrat.\"\r\n });\r\n break;\r\n case \"ServiceNotAvailableInDomTom\":\r\n this.messageService.add({\r\n summary: 'Erreur',\r\n severity: 'error', detail: \"Une erreur s'est produite sur le serveur. Veuillez réessayer plus tard.\"\r\n });\r\n break;\r\n case \"RefProductNotValid\":\r\n this.messageService.add({\r\n summary: 'Erreur',\r\n severity: 'error', detail: \"La référence commerciale saisie est incorrecte.\"\r\n });\r\n this.invalid_ref = true;\r\n break;\r\n case \"RefProductIsEmty\":\r\n this.messageService.add({\r\n summary: 'Erreur',\r\n severity: 'error', detail: \"La référence produit ne peut pas être vide.\"\r\n });\r\n break;\r\n case \"SaleDateNotValid\":\r\n this.messageService.add({\r\n summary: 'Erreur',\r\n severity: 'error', detail: \"La date d'achat est invalide.\"\r\n });\r\n break;\r\n default:\r\n this.messageService.add({\r\n summary: 'Erreur',\r\n severity: 'error', detail: \"Une erreur inconnue s'est produite.\"\r\n });\r\n break;\r\n }\r\n\r\n });\r\n } else if (response.result == true) {\r\n this.registerForm = this.onItniFrom();\r\n this.suggestedTechnicalRefs = [];\r\n this.selectedFile = null;\r\n this.submitted = false;\r\n this.ref.close(true);\r\n }\r\n },\r\n error => {\r\n this.submitted = false;\r\n this.messageService.add({\r\n summary: 'Erreur',\r\n severity: 'error', detail: \"Une erreur s'est produite sur le serveur. Veuillez réessayer plus tard.\"\r\n });\r\n this.invalid_ref = false;\r\n }\r\n )\r\n }\r\n\r\n }\r\n parseJsonString(jsonString: string): any {\r\n try {\r\n const parsedData = JSON.parse(jsonString);\r\n return parsedData;\r\n } catch (error) {\r\n this.loading = false;\r\n console.error('Error parsing JSON string:', error);\r\n return null;\r\n }\r\n }\r\n\r\n openIsGEMPopup() {\r\n this.registerForm = this.onItniFrom();\r\n this.invalid_ref = false;\r\n this.selectedFile = null;\r\n this.submitted = false;\r\n this.dialogService.open(IsGEMPopupComponent, {\r\n width: '42vw',\r\n showHeader: false,\r\n contentStyle: { overflow: 'auto' },\r\n dismissableMask: true,\r\n closeOnEscape: true,\r\n breakpoints: {\r\n '960px': '60vw',\r\n '640px': '70w',\r\n },\r\n });\r\n }\r\n onSelectProductByTechRef(event: any){\r\n\r\n }\r\n get f() {\r\n return this.registerForm.controls;\r\n }\r\n\r\n}\r\n","\r\n
\r\n\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n Formats pris en charge: JPEG, PNG, PDF
\r\n\r\n
\r\n\r\n ![\"close\"]()
\r\n
\r\n \r\nAjouter un nouvel appareil.
\r\n \r\n ![\"close\"]()
\r\n
\r\n\r\n
","import { Component, Optional } from '@angular/core';\r\nimport { DataStoreService } from '../../services/data-store.service';\r\nimport { DynamicDialogRef } from 'primeng/dynamicdialog';\r\nimport { Inject } from '@angular/core';\r\nimport { LIB_CONFIG, LibConfig } from '../../config.token';;\r\n@Component({\r\n selector: 'acf-connected-iw-popup',\r\n standalone: false,\r\n templateUrl: './connected-iw-popup.component.html',\r\n styleUrl: './connected-iw-popup.component.scss'\r\n})\r\nexport class ConnectedIwPopupComponent {\r\n\r\n applicationName: string = '';\r\n supportEmail = this.config.support.email;\r\n supportPhone = this.config.support.phone;\r\n constructor(\r\n private readonly store: DataStoreService,\r\n @Optional() public ref: DynamicDialogRef,\r\n @Inject(LIB_CONFIG) private config: LibConfig\r\n ) {\r\n this.applicationName = this.store.getApplication();\r\n }\r\n closePopup() {\r\n this.ref.close();\r\n }\r\n}\r\n","\r\n Nous vous informons que pour le moment les incidents concernant les petits électroménagers sous garantie ne\r\n peuvent pas être pris en charge directement via notre application. Nous vous remercions de votre compréhension.
\r\n Nous vous encourageons à contacter notre service client.\r\n
\r\n \r\n
\r\n\r\n ![\"close\"]()
\r\n
\r\n\r\n
","import { Component, EventEmitter, Input, Output } from '@angular/core';\r\nimport { MappedProduct, MappedProducts, Product, Products } from '../../../models/shared/product';\r\nimport { Router } from '@angular/router';\r\nimport { RoutesPaths } from '../../../enums/routePaths';\r\nimport { MandateService } from '../../../services/mandate.service';\r\nimport { ConfirmationService } from 'primeng/api';\r\nimport { DeleteContractProductRequest } from '../../../models/request/delete-product.request';\r\nimport { DataStoreService } from '../../../services/data-store.service';\r\nimport { ConnectedOowPopupComponent } from '../../connected-oow-popup/connected-oow-popup.component';\r\nimport { DialogService } from 'primeng/dynamicdialog';\r\nimport { ConnectedIwPopupComponent } from '../../connected-iw-popup/connected-iw-popup.component';\r\n\r\n@Component({\r\n selector: 'acf-devices-table',\r\n templateUrl: './devices-table.component.html',\r\n styleUrl: './devices-table.component.scss',\r\n standalone: false\r\n})\r\nexport class DevicesTableComponent {\r\n @Input() devices!: MappedProducts;\r\n @Input() all!: Products;\r\n\r\n @Output() deletionCompleted = new EventEmitter\r\n Nous vous informons que pour le moment les incidents concernant les petits électroménagers hors garantie ne\r\n peuvent pas être pris en charge directement via notre application. Nous vous remercions de votre compréhension.
\r\n Nous vous encourageons à contacter notre service client.\r\n
\r\n \r\n
\r\n\r\n {{ device.saleDate | date:'dd/MM/yyyy' }}\r\n
\r\n Voir\r\n services\r\n
\r\n \r\n Déclarer incident
\r\n \r\n Supprimer\r\n
\r\n\r\n \r\n ![]()
\r\n\r\n
","import {\r\n Component,\r\n EventEmitter,\r\n Input,\r\n Optional,\r\n Output,\r\n} from '@angular/core';\r\nimport {\r\n MappedProduct,\r\n Product\r\n} from '../../../models/shared/product';\r\nimport { Router } from '@angular/router';\r\nimport { RoutesPaths } from '../../../enums/routePaths';\r\nimport { DialogService, DynamicDialogRef } from 'primeng/dynamicdialog';\r\nimport { ConnectedOowPopupComponent } from '../../connected-oow-popup/connected-oow-popup.component';\r\nimport { DataStoreService } from '../../../services/data-store.service';\r\nimport { ConnectedIwPopupComponent } from '../../connected-iw-popup/connected-iw-popup.component';\r\n\r\n@Component({\r\n selector: 'acf-device-card',\r\n templateUrl: './device-card.component.html',\r\n styleUrl: './device-card.component.scss',\r\n standalone: false\r\n})\r\nexport class DeviceCardComponent {\r\n @Input() device!: Product;\r\n @Input() isSelected: boolean = false;\r\n @Output() selectionChanged = new EventEmitter\r\n {{ remainingMonths }} Mois\r\n
\r\n\r\n\r\n {{ remainingMonths ? 'Sous Garantie' : 'Hors Garantie' }}\r\n
\r\n \r\n\r\n
","import { Component, EventEmitter, Input, Output } from '@angular/core';\r\nimport { MappedProduct, MappedProducts, Product, Products } from '../../../models/shared/product';\r\nimport { ConfirmationService, MessageService } from 'primeng/api';\r\nimport { DialogService } from 'primeng/dynamicdialog';\r\nimport { DeleteContractProductRequest } from '../../../models/request/delete-product.request';\r\nimport { MandateService } from '../../../services/mandate.service';\r\nimport { DataStoreService } from '../../../services/data-store.service';\r\n\r\n@Component({\n selector: 'acf-devices-grid',\n templateUrl: './devices-grid.component.html',\n styleUrl: './devices-grid.component.scss',\n providers: [DialogService, MessageService],\n standalone: false\n})\r\nexport class DevicesGridComponent {\r\n @Input() devices!: MappedProducts | any;\r\n @Input() all!: Products;\r\n @Output() deletionCompleted = new EventEmitter\r\n
Acheté le {{ device.startDate | date : 'dd/MM/yyyy' }}
\r\n \r\n \r\n 0\" class=\"selection-summary flex align-items-center mb-4\">\r\n
\r\n\r\n {{ selectedDevices.length }}\r\n {{ selectedDevices.length === 1 ? 'appareil sélectionné' : 'appareils sélectionnés' }}\r\n
\r\n \r\n \r\n Supprimer\r\n
\r\n\r\n
\r\n\r\n
\r\n\r\n
\r\n \r\n Paramétrage d’affichage\r\n \r\n
\r\n\r\n\r\n \r\n
\r\n\r\n Vous pouvez ajouter un appareil en saisissant les informations ou en téléchargeant votre\r\n facture.\r\n
\r\n \r\n\r\n
\r\n\r\n \r\n
\r\n\r\n \r\n \r\n \r\n\r\n \r\n \r\n\r\n
\r\n @if(mandatesOnHold.length > 0){ \r\n\r\n {{ item.display }}
\r\n \r\n \r\n\r\n \r\n \r\n #ID\r\n \r\n Nom de l'appareil\r\n \r\n Référence commerciale\r\n \r\n Date de création\r\n \r\n\r\n Statut\r\n \r\n Etat de garantie\r\n \r\n Montant\r\n \r\n \r\n \r\n\r\n \r\n \r\n #{{ mandate.id }} \r\n {{ mandate.labelRef }} \r\n {{ mandate.commercialRef }} \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Gratuit\r\n \r\n {{ finalPrice(mandate) }} {{ mandate.currencySymbol }}\r\n \r\n \r\n\r\n \r\n \r\n \r\n
}\r\n\r\n\r\n \r\n\r\n\r\n {{ mandate.createDate | date : 'dd/MM/yyyy' }}
\r\n \r\n En attente\r\n
\r\n 0 ? ' status-OUTOFWARRANTY' : ' status-UNDERWARRANTY')\">\r\n {{ mandate.remainingMonths > 0 ? 'Sous garantie' : 'Hors garantie' }}\r\n
\r\n\r\n \r\n \r\n\r\n \r\n \r\n Numéro d'incident\r\n \r\n Nom de l'appareil\r\n \r\n Marque\r\n \r\n Type d'appareil\r\n \r\n Statut\r\n \r\n Date de création\r\n \r\n \r\n \r\n\r\n \r\n \r\n {{ mandate.orderMission }} \r\n {{ mandate.labelRef }} \r\n \r\n {{ mandate.brandCode }}\r\n \r\n {{ mandate.familyCode }} \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n\r\n\r\n {{ getStatusLabel(mandate.mandateStatus) | titlecase }}\r\n
\r\n {{ mandate.createDate | date : 'dd/MM/yyyy' }}
\r\n \r\n ![\"404\"]()
\r\n
\r\nCette page sera très bientôt disponible. Merci pour votre patience.
\r\n\r\n \r\n
\r\n\r\n \r\n\r\n
","import { Component, Input } from '@angular/core';\r\nimport { FormGroup, FormBuilder, Validators } from '@angular/forms';\r\nimport { Router } from '@angular/router';\r\nimport { Symptom } from '../../models/shared/iris-symptom';\r\nimport { RoutesPaths } from '../../enums/routePaths';\r\nimport {\r\n MappedProduct,\r\n MappedProducts,\r\n Products,\r\n} from '../../models/shared/product';\r\nimport { MandateService } from '../../services/mandate.service';\r\nimport { DropdownChangeEvent } from 'primeng/dropdown';\r\nimport { Consumer } from '../../models/request/create-mandate.request';\r\nimport { ShippingDetails } from '../../models/shared/shipping-details';\r\nimport { ConnectedOowPopupComponent } from '../connected-oow-popup/connected-oow-popup.component';\r\nimport { DialogService } from 'primeng/dynamicdialog';\r\nimport { DataStoreService } from '../../services/data-store.service';\r\nimport { ConnectedIwPopupComponent } from '../connected-iw-popup/connected-iw-popup.component';\r\nconst parseJsonSafely = (data: string | null) => {\r\n try {\r\n return data ? JSON.parse(data) : null;\r\n } catch (error) {\r\n console.error('Error parsing JSON:', error);\r\n return null;\r\n }\r\n};\r\n@Component({\r\n selector: 'acf-connected-step-one',\r\n templateUrl: './connected-step-one.component.html',\r\n styleUrl: './connected-step-one.component.scss',\r\n standalone: false\r\n})\r\nexport class ConnectedStepOneComponent {\r\n @Input() app: string = '';\r\n step1Form: FormGroup;\r\n submitted = false;\r\n products: Products = [];\r\n mappedDevices: MappedProducts = [];\r\n device: MappedProduct;\r\n irisSymtom: Symptom;\r\n consumer: Consumer;\r\n mandateBeforePaymentID: string;\r\n shipping_details: ShippingDetails;\r\n constructor(\r\n private readonly formBuilder: FormBuilder,\r\n private readonly mandateService: MandateService,\r\n private readonly router: Router,\r\n private readonly dialogService: DialogService,\r\n private readonly store: DataStoreService\r\n\r\n ) {\r\n this.onGetDevicesWarranty();\r\n this.device = parseJsonSafely(this.store.getDevice()); // state?.['device'];\r\n this.irisSymtom = parseJsonSafely(this.store.getSymptom()) //state?.['symptom'];\r\n this.consumer = parseJsonSafely(this.store.getConsumer())//state?.['consumer'];\r\n this.mandateBeforePaymentID = this.store.getMandateIDBeforePayment();//state?.['mandateId'];\r\n this.shipping_details = parseJsonSafely(this.store.getShippingDetails()) //state?.['shipping_details'];\r\n if (this.device) {\r\n this.step1Form = this.onSetFrom(this.device);\r\n } else {\r\n this.step1Form = this.onItniFrom();\r\n }\r\n }\r\n\r\n onItniFrom() {\r\n return this.formBuilder.group({\r\n fullDescription: [null, Validators.required],\r\n });\r\n }\r\n\r\n onSetFrom(p: MappedProduct) {\r\n return this.formBuilder.group({\r\n fullDescription: [p, Validators.required],\r\n });\r\n }\r\n\r\n onSelect(event: DropdownChangeEvent) {\r\n this.device = event.value;\r\n this.store.deleteFileId();\r\n }\r\n\r\n onGetDevicesWarranty() {\r\n this.mandateService.getDevicesWarranty().subscribe(\r\n (data) => {\r\n this.mappedDevices = data.map((contract) => ({\r\n name: contract.fullDescription || '',\r\n commref: contract.commercialReference || '',\r\n saleDate: contract.saleDate || '',\r\n brand: contract.brand || '',\r\n refTech: contract.technicalReference || '',\r\n family: contract.family || ''\r\n }));\r\n this.mappedDevices.sort((a, b) => {\r\n const dateA = new Date(a.saleDate);\r\n const dateB = new Date(b.saleDate);\r\n return dateB.getTime() - dateA.getTime();\r\n });\r\n },\r\n (err) => {\r\n console.log(err);\r\n }\r\n );\r\n }\r\n\r\n add() {\r\n this.router.navigate([`${RoutesPaths.devices}`]);\r\n }\r\n\r\n next() {\r\n this.submitted = true;\r\n if (this.step1Form.valid) {\r\n if (this.out_of_Warranty() === false) {\r\n this.store.updateIsOutWaranty(false); // UPDATE HG //\r\n this.store.setMandateIDBeforePayment(this.mandateBeforePaymentID);\r\n this.store.saveSymptom(this.irisSymtom);\r\n this.store.saveDevice(this.device);\r\n this.store.saveConsumer(this.consumer);\r\n this.store.saveShippingDetails(this.shipping_details);\r\n this.router.navigate([RoutesPaths.connectedStep2]);\r\n } else {\r\n this.store.updateIsOutWaranty(true); // this.open_IW_Popup(); // UPDATE HG //\r\n this.store.setMandateIDBeforePayment(this.mandateBeforePaymentID);\r\n this.store.saveSymptom(this.irisSymtom);\r\n this.store.saveDevice(this.device);\r\n this.store.saveConsumer(this.consumer);\r\n this.store.saveShippingDetails(this.shipping_details);\r\n this.router.navigate([RoutesPaths.connectedStep2]);\r\n }\r\n }\r\n }\r\n open_IW_Popup() {\r\n this.dialogService.open(ConnectedIwPopupComponent, {\r\n width: '42vw',\r\n dismissableMask: true,\r\n closeOnEscape: true,\r\n showHeader: false,\r\n contentStyle: { overflow: 'auto' },\r\n breakpoints: {\r\n '960px': '60vw',\r\n '640px': '70w',\r\n },\r\n });\r\n }\r\n out_of_Warranty(): boolean {\r\n const saleDate = this.device.saleDate\r\n const _saleDateObj = new Date(saleDate);\r\n const twoYearsBefore = new Date(_saleDateObj);\r\n twoYearsBefore.setFullYear(_saleDateObj.getFullYear() + 2);\r\n return new Date() >= twoYearsBefore;\r\n }\r\n\r\n open_OOW_Popup() {\r\n this.dialogService.open(ConnectedOowPopupComponent, {\r\n width: '42vw',\r\n showHeader: false,\r\n contentStyle: { overflow: 'auto' },\r\n dismissableMask: true,\r\n closeOnEscape: true,\r\n breakpoints: {\r\n '960px': '60vw',\r\n '640px': '70w',\r\n },\r\n });\r\n }\r\n\r\n get f() {\r\n return this.step1Form.controls;\r\n }\r\n\r\n}\r\n","\r\n
\r\n\r\n\r\n \r\n
\r\n {{step.number}}
\r\n {{step.name}}
\r\n \r\n
\r\n\r\n
\r\n Veuillez choisir un appareil pour lequel vous souhaitez signaler un incident.
\r\n\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n `;\r\n this.infoWindow.openAdvancedMarkerElement(\r\n marker.advancedMarker,\r\n contentString\r\n );\r\n });\r\n\r\n }\r\n\r\n async onMarkerMyLocationClick(marker: MapAdvancedMarker, location: any) {\r\n this.infoWindow.close();\r\n const contentString = `\r\n \r\n\r\n ${location.name !== undefined\r\n ? `\r\n
\r\n ${location.name}
\r\n ${location.adresse1}
\r\n ${location.city}
\r\n `\r\n : ''\r\n }\r\n \r\n ${location.walk !== undefined\r\n ? `\r\n ![\"walk\"](\"assets/${this.app}/walk-icon.svg\")
\r\n ${location.walk}\r\n `\r\n : ''\r\n }\r\n ${location.transit !== undefined\r\n ? `\r\n ![\"transit\"](\"assets/${this.app}/train-icon.svg\")
\r\n ${location.transit}\r\n `\r\n : ''\r\n }\r\n ${location.drive !== undefined\r\n ? `\r\n ![\"car\"](\"assets/${this.app}/car-icon.png\")
\r\n ${location.drive}\r\n `\r\n : ''\r\n }\r\n
\r\n \r\n ${location.walk}\r\n `\r\n : ''\r\n }\r\n ${location.transit !== undefined\r\n ? `\r\n \r\n ${location.transit}\r\n `\r\n : ''\r\n }\r\n ${location.drive !== undefined\r\n ? `\r\n \r\n ${location.drive}\r\n `\r\n : ''\r\n }\r\n \r\n Afficher l'itinéraire\r\n
\r\n \r\n
\r\n `;\r\n this.infoWindow.openAdvancedMarkerElement(\r\n marker.advancedMarker,\r\n contentString\r\n );\r\n }\r\n\r\n async onMarkerRepairerClick(marker: MapAdvancedMarker, location: any) {\r\n this.infoWindow.close();\r\n this.googleMapsService\r\n .getPlaceId(this.listRepairers[0].companyName)\r\n .subscribe((placeId) => {\r\n let googleMapsUrl = '';\r\n\r\n if (placeId) {\r\n googleMapsUrl = `https://www.google.com/maps/search/?api=1&query=Google&query_place_id=${placeId}`;\r\n } else {\r\n googleMapsUrl = `https://www.google.com/maps/search/?api=1&query=${this.listRepairers[0].latitude},${this.listRepairers[0].longitude}`;\r\n }\r\n const contentString = `\r\n \r\n ${location.address !== undefined\r\n ? `\r\n ![\"home\"](\"assets/${this.app}/home-icon.svg\")
\r\n ${location.address}\r\n `\r\n : ''\r\n }\r\n
\r\n \r\n ${location.address}\r\n `\r\n : ''\r\n }\r\n \r\n
\r\n `;\r\n\r\n // Open the Info Window after googleMapsUrl is assigned\r\n this.infoWindow.openAdvancedMarkerElement(\r\n marker.advancedMarker,\r\n contentString\r\n );\r\n });\r\n }\r\n\r\n onPostOfficeSelect(point: any) {\r\n this.infoWindow.close();\r\n\r\n if (this.selectedPostOffice === point) {\r\n this.selectedPostOffice = null;\r\n this.step4Form.patchValue({\r\n selectedPostOffice: null,\r\n });\r\n } else {\r\n this.selectedPostOffice = point;\r\n this.step4Form.patchValue({\r\n selectedPostOffice: point,\r\n });\r\n const postOfficePoint = {\r\n lat: point.latitude,\r\n lng: point.longitude,\r\n };\r\n this.onChangeCenter(postOfficePoint);\r\n }\r\n }\r\n\r\n onDeliveryOptionSelect(option: any): void {\r\n this.selectedPostOffice = null; // reset cards selection\r\n this.selectedDeliveryOption = option;\r\n this.step4Form.patchValue({\r\n selectedPostOffice: null,\r\n });\r\n if (option?.key == 0 || option.key == 2) {\r\n console.log(this.listRepairers,'from change center');\r\n //Déposer l’appareil chez le réparateur\r\n if (this.listRepairers[0]) {\r\n const repairerPoint = {\r\n lat: this.listRepairers[0].latitude,\r\n lng: this.listRepairers[0].longitude,\r\n };\r\n this.onChangeCenter(repairerPoint);\r\n }\r\n } else {\r\n //Envoyer l’appareil par colis\r\n this.onChangeCenter(this.fixedPoint);\r\n }\r\n }\r\n\r\n onChangeCenter(center: any) {\r\n const options: google.maps.MapOptions = {\r\n mapId: this.config.MAP_ID,\r\n center: center,\r\n zoom: 12,\r\n };\r\n this.options = options;\r\n }\r\n\r\n // getRepairersAssignedToUser() {\r\n // return new Promise\r\n ${this.listRepairers[0]?.companyName !== undefined\r\n ? `\r\n
\r\n ${this.listRepairers[0].companyName}
\r\n ${this.listRepairers[0].address1}
\r\n `\r\n : ''\r\n }\r\n \r\n ${location.walk !== undefined\r\n ? `\r\n \r\n ${location.walk}\r\n `\r\n : ''\r\n }\r\n ${location.transit !== undefined\r\n ? `\r\n \r\n ${location.transit}\r\n `\r\n : ''\r\n }\r\n ${location.drive !== undefined\r\n ? `\r\n \r\n ${location.drive}\r\n `\r\n : ''\r\n }\r\n
\r\n \r\n ${location.walk}\r\n `\r\n : ''\r\n }\r\n ${location.transit !== undefined\r\n ? `\r\n \r\n ${location.transit}\r\n `\r\n : ''\r\n }\r\n ${location.drive !== undefined\r\n ? `\r\n \r\n ${location.drive}\r\n `\r\n : ''\r\n }\r\n \r\n Afficher l'itinéraire\r\n
\r\n \r\n \r\n
\r\n\r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n \r\n
\r\n\r\n \r\n Points relais à proximité
\r\nMerci de choisir l'emplacement qui vous convient
\r\n @if(listPostesSorted) {\r\n\r\n\r\n
\r\n \r\n
\r\n\r\n \r\n ![\"map\"]()
\r\n
\r\n {{ point.distance }}
\r\n \r\n \r\n \r\n ![\"walk\"]()
\r\n {{ point.walk }}\r\n \r\n\r\n \r\n \r\n ![\"transit\"]()
\r\n {{ point.transit }}\r\n \r\n\r\n \r\n \r\n ![\"car\"]()
\r\n {{ point.drive }}\r\n \r\n
\r\n\r\n {{ point.name }}
\r\n \r\n
\r\n } @else{\r\n Merci de sélectionner une adresse parmi les points relais disponibles.
\r\n \r\n\r\n
\r\n }\r\n \r\n \r\n
\r\n\r\n Aucun point relais disponible
\r\n Aucun point relais n'est disponible à proximité.\r\n
\r\n \r\n
\r\n Aucun point relais n'est disponible à proximité, Merci de choisir un autre mode de livraison.
\r\n 0\">\r\n \r\n \r\n
\r\n\r\n Vous pouvez réparer votre appareil avec le pack suivant:
\r\n\r\n\r\n
\r\n\r\n \r\n \r\n ![\"Guidelines]()
\r\n
\r\n Forfait réparation + matériel
\r\n {{ repairPrices.totalRepairPrice }} {{ repairPrices.currencySymbol\r\n }}\r\n
\r\n Veuillez noter que les frais de transport aller seront à votre charge. En revanche, les frais de retour\r\n sont\r\n inclus dans le forfait de réparation.\r\n
\r\nAucun forfait disponible pour ce point relais.
\r\n\r\n \r\n\r\n \r\n @if(selectedDeliveryOption?.key !== 1 && !selectedPostOffice){\r\n @for (location of listRepairers; track location) {\r\n \r\n
\r\n\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n\r\n \r\n \r\n
\r\n\r\n \r\n
\r\n \r\n Consommateur\r\n
\r\n \r\n
\r\n \r\n Nom :\r\n {{ mandateBeforePayment.lastName }} \r\n
\r\n \r\n
\r\n \r\n Prénom :\r\n {{ mandateBeforePayment.firstName }} \r\n
\r\n \r\n
\r\n \r\n Adresse :\r\n {{ mandateBeforePayment.address1 }} \r\n
\r\n \r\n
\r\n \r\n Email :\r\n {{ mandateBeforePayment.email }} \r\n
\r\n \r\n
\r\n \r\n Téléphone :\r\n {{ mandateBeforePayment.phoneNumber }} \r\n
\r\n \r\n
\r\n \r\n Détails appareil\r\n
\r\n\r\n \r\n
\r\n \r\n Référence commerciale :\r\n {{ mandateBeforePayment.commercialRef }} \r\n
\r\n\r\n \r\n
\r\n \r\n Référence technique :\r\n {{ mandateBeforePayment.technicalRef }} \r\n
\r\n\r\n \r\n
\r\n \r\n Marque :\r\n {{ mandateBeforePayment.brandCode }} \r\n
\r\n \r\n
\r\n\r\n \r\n Famille :\r\n {{ mandateBeforePayment.familyCode }} \r\n
\r\n \r\n
\r\n\r\n\r\n \r\n
\r\n\r\n \r\n Panne\r\n
\r\n\r\n\r\n \r\n
\r\n \r\n Type de panne :\r\n {{ mandateBeforePayment.irisSymptomResponse?.label }} \r\n
\r\n \r\n
\r\n\r\n\r\n\r\n \r\n Commentaire :\r\n {{ mandateBeforePayment.failureDescription }} \r\n
\r\n\r\n \r\n
\r\n \r\n Réparateur\r\n
\r\n\r\n\r\n \r\n
\r\n\r\n \r\n Société :\r\n {{ mandateBeforePayment.repairer?.companyName }} \r\n
\r\n\r\n \r\n
\r\n \r\n Téléphone :\r\n {{ mandateBeforePayment.repairer?.phoneNumber }} \r\n\r\n
\r\n\r\n \r\n
\r\n\r\n \r\n Adresse de réparation :\r\n \r\n {{ mandateBeforePayment.repairer?.address1 }} {{\r\n mandateBeforePayment.repairer?.zipCode }} {{\r\n mandateBeforePayment.repairer?.city\r\n }}\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n\r\n
\r\n\r\n\r\n \r\n Point relais\r\n
\r\n \r\n
\r\n \r\n \r\n {{ mandateBeforePayment.fromName }} \r\n
\r\n \r\n
\r\n \r\n Adresse :\r\n {{ mandateBeforePayment.fromAddress1 }} {{ mandateBeforePayment.fromZip }} {{ mandateBeforePayment.fromCity }} \r\n
\r\n \r\n
\r\n \r\n Téléphone :\r\n {{ mandateBeforePayment.fromPhone }} \r\n
\r\n \r\n Annuler\r\n \r\n
\r\n\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n Annuler\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n\r\n @if(mandate){\r\n \r\n
\r\n\r\n\r\n \r\n
\r\n Date de déclaration\r\n \r\n {{ getStatusLabel(mandate.mandateStatus) | titlecase }}\r\n
\r\n \r\n ![\"Calendar]()
\r\n {{ mandate.createDate | date: 'dd/MM/yyyy' }}\r\n
\r\n \r\n
\r\n @if(mandate.interventionTypeId && mandate.interventionTypeId === 1 && mandate.pickupInfo !== null){\r\n \r\n\r\n
\r\n \r\n Détails de la panne\r\n \r\n
\r\n \r\n
\r\n Type de la panne
\r\n{{ getIrisSymptomLabel() }}
\r\n\r\n
\r\n\r\n\r\n\r\n\r\n Description de la panne
\r\n{{mandate.failureDescription }}
\r\n\r\n\r\n
\r\n \r\n Votre appareil\r\n
\r\n\r\n\r\n \r\n
\r\n Marque
\r\n{{mandate.brandCode }}
\r\n\r\n
\r\n Famille
\r\n{{mandate.familyCode }}
\r\n\r\n
\r\n Référence commerciale
\r\n{{mandate.commercialRef }}
\r\n\r\n
\r\n\r\n\r\n\r\n Référence technique
\r\n{{mandate.technicalRef }}
\r\n\r\n\r\n
\r\n\r\n \r\n Travaux effectués\r\n\r\n \r\n\r\n @if(workflowHistories && workflowHistories.length !==0){\r\n
\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n\r\n\r\n \r\n
\r\n }\r\n @else{{{index}}\r\n \r\n
\r\n \r\n
\r\n {{ wf.statusLabel }}
\r\n\r\n {{ wf.interventionWorkflowStatusDate | date: 'dd/MM/yyyy'\r\n }} {{ wf.interventionWorkflowStatusDate | date: 'HH:mm' }}\r\n
\r\n\r\n \r\n ![\"Empty]()
\r\n Aucun travail n'a été réalisé.\r\n
}\r\n\r\n \r\n
\r\n }\r\n\r\n }\r\n\r\n\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n \r\n Suivi de colis\r\n
\r\n \r\n Numéro de colis \r\n {{trackingNumber}}\r\n
\r\n \r\n @if(colissimoLabel) {\r\n }\r\n
\r\n \r\n @if(lastStepTitle) {
\r\n \r\n {{lastStepTitle}}\r\n
}\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n\r\n\r\n \r\n \r\n \r\n \r\n
\r\n Ordre de mission\r\n
\r\n Etiquette d'expédition
\r\n \r\n \r\n
\r\n\r\n \r\n
\r\n\r\n\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n \r\n Votre ordre de mission a été créé.\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n L’ordre de mission N°{{ this.id}} \r\n a été créé et transmis au\r\n réparateur. Veuillez télécharger le document et le mettre dans votre colis, un email vous a également été adressé.\r\n\r\n\r\n
\r\n\r\n \r\n
\r\n **
\r\n \r\n Merci de déposer votre appareil dans un délai de 14 jours suivant la\r\n déclaration.
\r\n Passé ce délai, le traitement pourrait être impacté\r\n
\r\n \r\n Passé ce délai, le traitement pourrait être impacté\r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n Consommateur\r\n
\r\n \r\n
\r\n \r\n Nom :\r\n {{ mandate?.lastName }}\r\n
\r\n \r\n
\r\n \r\n Prénom :\r\n {{ mandate?.firstName }}\r\n
\r\n \r\n
\r\n \r\n Adresse :\r\n {{ mandate?.address1 }}\r\n
\r\n \r\n
\r\n \r\n Email :\r\n {{ mandate?.email }}\r\n
\r\n \r\n
\r\n \r\n Téléphone :\r\n {{ mandate?.phoneNumber }}\r\n
\r\n \r\n
\r\n \r\n Détails appareil\r\n
\r\n\r\n\r\n \r\n
\r\n \r\n Constructeur :\r\n {{ mandate?.brandCode }}\r\n
\r\n\r\n \r\n
\r\n \r\n Référence commerciale :\r\n {{ mandate?.commercialRef }}\r\n
\r\n\r\n \r\n
\r\n \r\n Référence technique :\r\n {{ mandate?.technicalRef }} \r\n
\r\n\r\n \r\n
\r\n\r\n\r\n\r\n \r\n Marque :\r\n {{ mandate?.brandCode }} \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n Panne\r\n
\r\n\r\n\r\n \r\n
\r\n \r\n Type de panne :\r\n {{ mandate?.irisSymptomResponse?.label }}\r\n\r\n
\r\n\r\n \r\n
\r\n\r\n\r\n\r\n \r\n Commentaire :\r\n {{ mandate?.failureDescription }}\r\n
\r\n\r\n \r\n
\r\n \r\n Réparateur\r\n
\r\n\r\n\r\n \r\n
\r\n\r\n \r\n Société :\r\n {{ mandate?.repairer?.companyName }}\r\n
\r\n\r\n \r\n
\r\n \r\n Téléphone :\r\n {{ mandate?.repairer?.phoneNumber }} \r\n\r\n
\r\n\r\n \r\n
\r\n\r\n \r\n Adresse de réparation :\r\n \r\n {{ mandate?.repairer?.address1 }} {{ mandate?.repairer?.city }} {{\r\n mandate?.repairer?.zipCode }}\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n @if(colissimoLabel) {\r\n \r\n Point relais\r\n
\r\n\r\n \r\n
\r\n\r\n \r\n {{ mandate.fromName }}\r\n
\r\n \r\n
\r\n\r\n \r\n Adresse :\r\n {{ mandate.fromAddress1 }} {{ mandate.fromZip }} {{ mandate.fromCity }}\r\n
\r\n \r\n
\r\n \r\n Téléphone :\r\n {{ mandate.fromPhone }}\r\n
\r\n \r\n \r\n
\r\n }\r\n \r\n\r\n
\r\n \r\n
\r\n\r\n\r\n \r\n\r\n\r\n \r\n \r\n \r\n\r\n
\r\n\r\n \r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n \r\n {{ deviceDetails.interventionType === 'HG' ? 'Hors garantie' : 'Sous garantie' }}\r\n
\r\n {{ deviceDetails.fullDescription }}
\r\n\r\n
\r\n \r\n \r\n ![]()
\r\n
\r\n\r\n\r\n \r\n
\r\n Marque: {{ deviceDetails.brand }}
\r\nFamille de l'appareil: {{ deviceDetails.family }}
\r\nRéférence commerciale: {{\r\n deviceDetails.commercialReference }}
\r\nRéférence technique: {{\r\n deviceDetails.technicalReference }}
\r\nDate d'achat: {{ deviceDetails.saleDate | date:\r\n 'dd/MM/yyyy' }}
\r\n\r\n \r\n \r\n
\r\n\r\n Réparer
\r\n\r\n \r\n \r\n \r\n Date \r\n Réparateur \r\n Statut \r\n Type d'intervention \r\n \r\n \r\n \r\n \r\n {{ intervention.createDate | date: 'dd/MM/yyyy' }} \r\n {{ intervention.repairerName }} \r\n \r\n \r\n \r\n\r\n {{ intervention.interventionTypeLabel === 'SG' ? 'Sous garantie' : 'Hors\r\n garantie' }}\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n\r\n Historique des Interventions
\r\n\r\n {{intervention.mandateStatus}}
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n
\r\n Documentation
\r\n\r\n Aucune notice de réparation\r\n
\r\n\r\n Aucune vidéo
\r\n\r\n
\r\n\r\n \r\n \r\n ![\"PDF]()
\r\n \r\n
\r\n {{ invoice.name }}
\r\nAucune facture
\r\n\r\n \r\n \r\n
\r\n Garantie
\r\n\r\n \r\n\r\n
\r\n \r\n Date d'achat: {{ deviceDetails.saleDate | date:\r\n 'dd/MM/yyyy' }}
\r\nDate fin de garantie: {{ deviceDetails.endDate | date:\r\n 'dd/MM/yyyy' }}
\r\n