\n \n
\n );\n}\n\nexport default ButtonMain;\n","import React, { useRef, useState, useEffect } from \"react\";\nimport debounce from \"lodash.debounce\";\nimport { Item, Menu, Label, Field, Dropdown, Autocomplete } from \"@zendeskgarden/react-dropdowns\";\nimport { Row, Col } from \"@zendeskgarden/react-grid\";\n\nimport \"../../constants/global.css\";\nimport { useSelector } from \"react-redux\";\n\nconst DropDownWhite = (props) => {\n // const [selectedItem, setSelectedItem] = useState(props.options[0]);\n const [inputValue, setInputValue] = useState(\"\");\n\n const { matchingOptions, setMatchingOptions } = props;\n const { profile } = useSelector((state) => state.profileReducer);\n const { language } = profile;\n\n /**\n * Debounce filtering\n */\n const filterMatchingOptionsRef = useRef(\n debounce((value) => {\n const matchedOptions = props.options.filter((option) => option.trim().toLowerCase().indexOf(value.trim().toLowerCase()) !== -1);\n\n setMatchingOptions(matchedOptions);\n }, 300)\n );\n\n useEffect(() => {\n filterMatchingOptionsRef.current(inputValue);\n }, [inputValue]);\n\n return (\n \n
\n );\n}\n\nexport default FormLastUser;\n","import React from \"react\";\nimport Alert from \"@material-ui/lab/Alert\";\n\nimport \"./styles/ValidationAlert.css\";\n\nexport default function ValidationAlert(props) {\n return (\n \n
\n \n
\n \n \n
\n\n {\n setCreatePassword(data);\n setIsValid(true);\n }}\n />\n
\n \n
\n \n \n
\n\n {\n setCreatePasswordConfirm(data);\n }}\n />\n \n \n\n {/* // con && aparece el 0 */}\n
\n \n \n
\n\n \n {props.message}\n \n
\n );\n}\n","import \"bootstrap/dist/css/bootstrap.css\";\nimport { useContext } from \"react\";\nimport { Nav } from \"react-bootstrap\";\nimport AppContext from \"../../context/AppContext\";\nimport \"./styles/NavMenu.css\";\n\nexport default function NavMenu(props) {\n const { content } = useContext(AppContext);\n\n return (\n \n \n
\n );\n}\n","import { useState, useContext, useEffect } from \"react\";\nimport \"bootstrap/dist/css/bootstrap.css\";\nimport AppContext from \"../../context/AppContext\";\n\nimport \"../../constants/global.css\";\nimport \"./style/loginForm.css\";\nimport \"../molecules/style/loginForm.css\";\n\nimport Button from \"../atoms/Button\";\nimport FormInitialUser from \"../atoms/FormInitialUser\";\nimport FormLastUser from \"../atoms/FormLastUser\";\nimport FormParticularUser from \"../atoms/FormParticularUser\";\nimport FormProfessionalUser from \"../atoms/FormProfessionalUser\";\nimport DropDownWhite from \"../atoms/DropDownWhite\";\nimport Form from \"react-bootstrap/Form\";\nimport { createNewCustomerProfessional, createNewCustomerPersonal } from \"../../api/facom_services\";\nimport { useSelector } from \"react-redux\";\nimport { useHistory } from \"react-router-dom\";\nimport \"./style/moleculesStyle.css\";\nimport { LoadingFacom } from \"../atoms\";\nimport { LocalStorageKeys, getInLocalStorage, setInLocalStorage } from \"../../helpers/local-storage-manager\";\nimport { removeTags } from \"../../helpers/removeHtml\";\nimport useToastMui from \"../../hooks/useToastMui\";\n\nfunction ProfessionalForm(props) {\n let history = useHistory();\n const { handleCreateToast } = useToastMui();\n const { profile } = useSelector((state) => state.profileReducer);\n const { language } = profile;\n const { content } = useContext(AppContext);\n\n const originPath = getInLocalStorage(\"origin\");\n\n const options = [\n removeTags(`${content[\"OPTIONS-PROFESSION-1\"]}`),\n removeTags(`${content[\"OPTIONS-PROFESSION-2\"]}`),\n removeTags(`${content[\"OPTIONS-PROFESSION-3\"]}`),\n removeTags(`${content[\"OPTIONS-PROFESSION-4\"]}`),\n removeTags(`${content[\"OPTIONS-PROFESSION-5\"]}`),\n removeTags(`${content[\"OPTIONS-PROFESSION-6\"]}`),\n removeTags(`${content[\"OPTIONS-PROFESSION-7\"]}`),\n removeTags(`${content[\"OPTIONS-PROFESSION-8\"]}`),\n removeTags(`${content[\"OPTIONS-PROFESSION-9\"]}`),\n removeTags(`${content[\"OPTIONS-PROFESSION-10\"]}`),\n removeTags(`${content[\"OPTIONS-PROFESSION-11\"]}`),\n removeTags(`${content[\"OPTIONS-PROFESSION-12\"]}`),\n removeTags(`${content[\"OPTIONS-PROFESSION-13\"]}`),\n removeTags(`${content[\"OPTIONS-PROFESSION-14\"]}`),\n removeTags(`${content[\"OPTIONS-PROFESSION-15\"]}`),\n removeTags(`${content[\"OPTIONS-PROFESSION-16\"]}`),\n removeTags(`${content[\"OPTIONS-PROFESSION-17\"]}`),\n removeTags(`${content[\"OPTIONS-PROFESSION-18\"]}`),\n removeTags(`${content[\"OPTIONS-PROFESSION-19\"]}`),\n removeTags(`${content[\"OPTIONS-PROFESSION-20\"]}`),\n removeTags(`${content[\"OPTIONS-PROFESSION-21\"]}`),\n removeTags(`${content[\"OPTIONS-PROFESSION-22\"]}`),\n removeTags(`${content[\"OPTIONS-PROFESSION-23\"]}`),\n ];\n\n const { zipCode, companyName, address, city, firstName, lastName, email, mobilePhone, isValid, isValidSamePass } = useContext(AppContext);\n const { createPassword, setCreatePassword, createPasswordConfirm, setCreatePasswordConfirm } = useContext(AppContext);\n\n const [selectedProfession, setSelectedProfession] = useState(options[0]);\n const [checkConditions, setcheckConditions] = useState(false);\n const [checkAcceptInfo, setcheckAcceptInfo] = useState(false);\n\n const [loading, setLoading] = useState(false);\n const [matchingOptions, setMatchingOptions] = useState(options);\n\n const createUserProfessional = async () => {\n setLoading(true);\n if (isValid && isValidSamePass) {\n if (firstName && lastName && email && mobilePhone && companyName && zipCode && selectedProfession && createPassword) {\n if (createPassword === createPasswordConfirm) {\n if (checkConditions) {\n try {\n const response = createNewCustomerProfessional(\n \"Professional\",\n firstName,\n lastName,\n email,\n mobilePhone,\n zipCode,\n companyName,\n selectedProfession === removeTags(`${content[\"OPTIONS-PROFESSION-1\"]}`)\n ? \"Industry\"\n : selectedProfession === removeTags(`${content[\"OPTIONS-PROFESSION-2\"]}`)\n ? \"Mechanic\"\n : selectedProfession === removeTags(`${content[\"OPTIONS-PROFESSION-3\"]}`)\n ? \"Exterior renovation\"\n : selectedProfession === removeTags(`${content[\"OPTIONS-PROFESSION-4\"]}`)\n ? \"Interior renovation\"\n : selectedProfession === removeTags(`${content[\"OPTIONS-PROFESSION-5\"]}`)\n ? \"Coachbuilder\"\n : selectedProfession === removeTags(`${content[\"OPTIONS-PROFESSION-6\"]}`)\n ? \"Carpenter\"\n : selectedProfession === removeTags(`${content[\"OPTIONS-PROFESSION-7\"]}`)\n ? \"Coppersmith\"\n : selectedProfession === removeTags(`${content[\"OPTIONS-PROFESSION-8\"]}`)\n ? \"Roofer\"\n : selectedProfession === removeTags(`${content[\"OPTIONS-PROFESSION-9\"]}`)\n ? \"Electrician\"\n : selectedProfession === removeTags(`${content[\"OPTIONS-PROFESSION-10\"]}`)\n ? \"Ironworker\"\n : selectedProfession === removeTags(`${content[\"OPTIONS-PROFESSION-11\"]}`)\n ? \"Builder\"\n : selectedProfession === removeTags(`${content[\"OPTIONS-PROFESSION-12\"]}`)\n ? \"Wood shaper\"\n : selectedProfession === removeTags(`${content[\"OPTIONS-PROFESSION-13\"]}`)\n ? \"Toolmaker\"\n : selectedProfession === removeTags(`${content[\"OPTIONS-PROFESSION-14\"]}`)\n ? \"Building worker\"\n : selectedProfession === removeTags(`${content[\"OPTIONS-PROFESSION-15\"]}`)\n ? \"House painter\"\n : selectedProfession === removeTags(`${content[\"OPTIONS-PROFESSION-16\"]}`)\n ? \"Plumer\"\n : selectedProfession === removeTags(`${content[\"OPTIONS-PROFESSION-17\"]}`)\n ? \"Locksmith\"\n : selectedProfession === removeTags(`${content[\"OPTIONS-PROFESSION-18\"]}`)\n ? \"Welder\"\n : selectedProfession === removeTags(`${content[\"OPTIONS-PROFESSION-19\"]}`)\n ? \"Stonerutter\"\n : selectedProfession === removeTags(`${content[\"OPTIONS-PROFESSION-20\"]}`)\n ? \"Electrician technician\"\n : selectedProfession === removeTags(`${content[\"OPTIONS-PROFESSION-21\"]}`)\n ? \"Lathe milling\"\n : selectedProfession === removeTags(`${content[\"OPTIONS-PROFESSION-22\"]}`)\n ? \"Other craftman\"\n : selectedProfession === removeTags(`${content[\"OPTIONS-PROFESSION-23\"]}`)\n ? \"Others\"\n : \"Others\",\n createPassword,\n checkAcceptInfo,\n checkConditions\n );\n const data = (await response).data;\n handleCreateToast(removeTags(`${content[\"ALERT-SUCCESS-CREATE-ACCOUNT\"]}`), \"success\");\n setInLocalStorage(LocalStorageKeys.EMAIL, email);\n history.push(`/email-verification/${originPath}`);\n return data;\n } catch (error) {\n console.log(\"error create User\");\n if (error?.response?.data?.metadata?.invalid_fields?.emailAddress) {\n handleCreateToast(\n language === \"EN\"\n ? `${error?.response?.data?.metadata?.invalid_fields?.emailAddress[0]}`\n : \"L'adresse e-mail est déjà utilisée.\",\n \"error\"\n );\n } else if (error?.response?.data?.metadata?.invalid_fields?.registrationForm) {\n handleCreateToast(\n language === \"EN\"\n ? `${error?.response?.data?.metadata?.invalid_fields?.registrationForm[0]}`\n : \"Tentative de mise à jour d'une valeur en double\",\n \"error\"\n );\n } else if (error?.response?.data?.metadata?.invalid_fields?.newPassword) {\n handleCreateToast(\n language === \"EN\"\n ? `${error?.response?.data?.metadata?.invalid_fields?.registrationForm[0]}`\n : \"Minimum 8 caractères. Au moins 1 chiffre ou caractère spécial. Évitez de mettre 3 (ou plus) caractères identiques (aaa ou 111).\",\n \"error\"\n );\n } else {\n handleCreateToast(removeTags(`${content[\"ALERT-ERROR-CREATE-ACCOUNT\"]}`), \"error\");\n }\n console.log(error);\n } finally {\n console.log(\"end\");\n setLoading(false);\n }\n }\n }\n }\n } else {\n handleCreateToast(removeTags(`${content[\"ALERT-PASSWORD-MATCH\"]}`), \"error\");\n }\n setLoading(false);\n };\n\n const createUserParticular = async () => {\n setLoading(true);\n if (isValid && isValidSamePass) {\n if (firstName && lastName && email && mobilePhone && createPassword) {\n if (createPassword === createPasswordConfirm) {\n if (checkConditions) {\n try {\n const { data } = await createNewCustomerPersonal(\n \"Individual\",\n firstName,\n lastName,\n email,\n mobilePhone,\n address,\n zipCode,\n city,\n createPassword,\n checkAcceptInfo,\n checkConditions\n );\n handleCreateToast(removeTags(`${content[\"ALERT-SUCCESS-CREATE-ACCOUNT\"]}`), \"success\");\n setInLocalStorage(LocalStorageKeys.EMAIL, email);\n history.push(`/email-verification/${originPath}`);\n return data;\n } catch (error) {\n console.log(\"error create User\");\n console.log(error);\n if (error?.response?.data?.metadata?.invalid_fields?.emailAddress) {\n handleCreateToast(\n language === \"EN\"\n ? `${error?.response?.data?.metadata?.invalid_fields?.emailAddress[0]}`\n : \"L'adresse e-mail est déjà utilisée.\",\n \"error\"\n );\n } else if (error?.response?.data?.metadata?.invalid_fields?.newPassword) {\n handleCreateToast(\n language === \"EN\"\n ? `${error?.response?.data?.metadata?.invalid_fields?.registrationForm[0]}`\n : \"Minimum 8 caractères. Au moins 1 chiffre ou caractère spécial. Évitez de mettre 3 (ou plus) caractères identiques (aaa ou 111).\",\n \"error\"\n );\n } else if (error?.response?.data?.metadata?.invalid_fields?.registrationForm) {\n handleCreateToast(\n language === \"EN\"\n ? `${error?.response?.data?.metadata?.invalid_fields?.registrationForm[0]}`\n : \"Tentative de mise à jour d'une valeur en double\",\n \"error\"\n );\n } else {\n handleCreateToast(removeTags(`${content[\"ALERT-ERROR-CREATE-ACCOUNT\"]}`), \"error\");\n }\n } finally {\n console.log(\"end\");\n }\n }\n }\n }\n } else {\n handleCreateToast(removeTags(`${content[\"ALERT-PASSWORD-MATCH\"]}`), \"error\");\n }\n setLoading(false);\n };\n\n const renderProfessionalForm = () => {\n return (\n \n {/* Falta sacar lo que se escribe*/}\n
\n );\n };\n\n const renderParticularForm = () => {\n return (\n \n
\n \n \n
\n\n setMatchingOptions(data)}\n />\n
\n \n
\n );\n };\n const handleSubmit = (e) => {\n e.preventDefault();\n props.typeOfClient === \"Professional\" ? createUserProfessional() : createUserParticular();\n };\n\n return (\n \n \n
\n \n \n \n \n );\n}\n\nexport default ProfessionalForm;\n","let Template = {\n \"MENU.LOGIN-HOME.BRAND-ITEM\": `\n
LA MARQUE
`,\n \"MENU.LOGIN-HOME.PRODUCTS-ITEM\": `PRODUITS
SOLUTIONS
`,\n \"HOME.LOGIN-MENU.SERVICES-ITEM\": `SERVICES
`,\n \"MENU.LOGIN-HOME.CONTACT-ITEM\": `CONTACT
`,\n \"MENU.LOGIN-HOME.COMMUNITY-ITEM\": `LA FACOMMUNAUTÉ
`,\n \"MENU.LOGIN-HOME.WEB-ITEM\": `WEB CATALOGUE
`,\n \"HEADER.LOGIN-HOME.TITLE\": `MON COMPTE
NOUVELLE APPLICATION GARANTIE À VIE FACOM
JE ME CONNECTE
`,\n \"SING-IN-BOX.LOGIN-HOME.INPUT-EMAIL\": `Mot de passe
`,\n \"SING-IN-BOX.LOGIN-HOME.INPUT-EMAIL-PLACEHOLDER\": `Mon adresse e-mail
`,\n \"SING-IN-BOX.LOGIN-HOME.INPUT-PASSWORD-PLACEHOLDER\": `mon mot de passe
`,\n \"SING-IN-BOX.LOGIN-HOME.BUTTON\": `ME CONNECTER
`,\n \"CREATE-BOX.LOGIN-HOME.TITLE\": `OU JE ME CRÉE UN COMPTE
`,\n \"CREATE-BOX.LOGIN-HOME.PROFESSIONAL\": `PROFESSIONNEL & ARTISAN
`,\n \"CREATE-BOX.LOGIN-HOME.PARTICULAR\": `PARTICULIER
`,\n \"FORGOT-PASSWORD-BOX.LOGIN-HOME.TITLE\": `J'AI OUBLIÉ MON MOT DE PASSE
`,\n \"FORGOT-PASSWORD-BOX.LOGIN-HOME.INPUT.EMAIL\": `Mon adresse e-mail
`,\n \"FORGOT-PASSWORD-BOX.LOGIN-HOME.BUTTON\": `RÉINITIALISER MON MOT DE PASSE
`,\n \"FOOTER.ALL.BUTTON-WORLD-TITLE\": `FACOM
DANS LE MONDE
`,\n \"FOOTER.ALL.BUTTON-DISTRIBUTER-TITLE\": `Trouver un
DISTRIBUTEUR
`,\n \"FOOTER.ALL.BUTTON-SALES-TITLE\": `Service
APÈS-VENTE
`,\n \"FORM.REGISTER-PROFESSIONAL.TITLE\": `JE CRÉE MON COMPTE PRO
`,\n \"FORM.REGISTER-PROFESSIONAL.SUB-TITLE\": `GARANTIE À VIE FACOM
`,\n \"FORM.REGISTER-PROFESSIONAL.FORM-TITLE\": `CRÉER UN COMPTE
`,\n \"FORM.REGISTER-PROFESSIONAL.FIRST-NAME\": `Prénom *
`,\n \"FORM.REGISTER-PROFESSIONAL.LAST-NAME\": `Nom *
`,\n \"FORM.REGISTER-PROFESSIONAL.EMAIL-NAME\": `Email *
`,\n \"FORM.REGISTER-PROFESSIONAL.PHONE\": `Tel *
`,\n \"FORM.REGISTER-PROFESSIONAL.POSTAL-CODE\": `Code Postal *
`,\n \"FORM.REGISTER-PROFESSIONAL.SIRET\": `Entreprise *
`,\n \"FORM.REGISTER-PROFESSIONAL.JOB\": `Métier *
`,\n \"FORM.REGISTER-PROFESSIONAL.PASSWORD\": `Mot de passe *
`,\n \"FORM.REGISTER-PROFESSIONAL.CONFIRMATION\": `Confirmation *
`,\n \"FORM.ALL.CONDITIONS\": `J'accepte les Conditions Générales d'Utilisation et je confirme que j'ai lu et compris la Politique de Confidentialité.
J'accepte de recevoir les informations et offres commerciales de FACOM et de ses partenaires
Retour au tableau de bord
`,\n \"FORM.REGISTER-PERSONAL.TITLE\": `JE CRÉE MON COMPTE PARTICULIER
`,\n \"FORM.REGISTER-PERSONAL.SUB-TITLE\": `GARANTIE À VIE FACOM
`,\n \"FORM.REGISTER-PERSONAL.ADDRESS\": `Adresse
`,\n \"FORM.REGISTER-PERSONAL.POSTAL-CODE\": `Code Postal
`,\n \"FORM.REGISTER-PERSONAL.CITY\": `Ville
`,\n \"WARRANTY-HOME-TITLE\": `BONJOUR {{full_name}}
`,\n \"WARRANTY-HOME-SUB-TITLE\": `BIENVENUE DANS LE NOUVEL ESPACE FACOM GARANTIE À VIE
`,\n \"WARRANTY-HOME-INFO-TOP\": `FACOM tient à vous rappeler que cette application est destinée à traiter uniquement les produits bénéficiant de la garantie à vie.
`,\n \"WARRANTY-HOME-SUB.INFO-TOP\": `Si vous aviez une demande d'échange en cours, acceptée par le SAV FACOM mais pas encore réalisée, qui n'apparaît plus sur l'application, rendez-vous chez votre distributeur muni des emails correspondants afin d'effectuer l'échange.
`,\n \"WARRANTY-HOME-SELECT-NEW-WARRANTY\": `\tNOUVELLE DEMANDE DE PRISE SOUS GARANTIE
`,\n \"WARRANTY-HOME-SELECT-TRACK-WARRANTY\": `\tSUIVRE MES DEMANDES DE PRISE SOUS GARANTIE
`,\n \"WARRANTY-HOME-SELECT-INFO-WARRANTY\": `\tDÉTAIL DES GARANTIES FACOM
`,\n \"WARRANTY-HOME-SELECT-PERSONAL-INFORMATION\": `\tMODIFIER MES INFORMATIONS PERSONNELLES
`,\n \"WARRANTY-HOME-BUTTON-SING-OUT\": `\tSE DÉCONNECTER
`,\n \"FORM-NEW-WARRANTY-ALL-TITLE\": `\tRÉALISER UNE NOUVELLE DEMANDE DE PRISE SOUS GARANTIE À VIE
`,\n \"FORM-NEW-WARRANTY-INFO.STEP-TITLE\": `\tNous allons vous guider à travers un processus en 4 étapes afin de pouvoir étudier votre demande
`,\n \"FORM-NEW-WARRANTY-INFO.STEP-BOX-TITLE\": `\tRAPPEL DES CONDITIONS DE GARANTIES FACOM
`,\n \"FORM-NEW-WARRANTY-INFO.STEP-INFO-TEXT-1\": `\tGarantie à Vie:
Sans aucune limitation dans le temps, l’outil sera échangé (garantie E) ou réparé / échangé par un outil réparé d’état similaire (Garantie R) gracieusement, en accord avec les conditions de mise en œuvre et d’application de la garantie.
Garantie limitée dans le temps :
Sa durée est précisée par un chiffre après la lettre D (Garantie D2 – D3 – D5). Cette garantie concerne principalement des produits techniques, les servantes, le mobilier et la dynamométrie. Pendant sa période d’application, cette garantie couvre la réparation et le remplacement gracieux des pièces défectueuses, en accord avec les conditions de mise en œuvre et d’application de la garantie, à l’exclusion des pièces d’usures notamment).
Détails sur les conditions Garantie, consultez le Guide de la Garantie FACOM
`,\n \"FORM-NEW-WARRANTY-INFO.STEP-INFO-BUTTON\": `COMMENCER
`,\n \"FORM-NEW-WARRANTY-ALL.TAB-PRODUCT\": `1. TYPOLOGIE DU PRODUIT
`,\n \"FORM-NEW-WARRANTY-ALL.TAB-PICTURES\": `2. PHOTOS
`,\n \"FORM-NEW-WARRANTY-ALL.TAB-TYPE\": `3. TYPE DE CASSE
`,\n \"FORM-NEW-WARRANTY-ALL.TAB-SUBMIT\": `4. SOUMETTRE
`,\n \"FORM-NEW-WARRANTY-FIRST.STEP-INPUT-KNOW-TITLE\": `Vous connaissez la référence produit :
`,\n \"FORM-NEW-WARRANTY-FIRST.STEP-INPUT-KNOW-PLACEHOLDER\": `Tapez la référence
`,\n \"FORM-NEW-WARRANTY-FIRST.STEP-OR\": `Ou
`,\n \"FORM-NEW-WARRANTY-FIRST.STEP-INPUT-DONT-KNOW-TITLE\": `Vous ne connaissez pas la référence produit :
`,\n \"FORM-NEW-WARRANTY-FIRST.STEP-DONT-INPUT-KNOW-PLACEHOLDER\": `Type de produit (exemple : clé à molette)
`,\n \"FORM-NEW-WARRANTY-ALL-INFO-BUTTON-PRE\": `PRÉCÉDENT
`,\n \"FORM-NEW-WARRANTY-ALL-INFO-BUTTON-FOLLOWING\": `SUIVANT
`,\n \"FORM-NEW-WARRANTY-SECOND.STEP-PHOTO-1\": `Photo n ° 1
`,\n \"FORM-NEW-WARRANTY-SECOND.STEP-PHOTO-2\": `Photo n ° 2
`,\n \"FORM-NEW-WARRANTY-SECOND.STEP-PHOTO-3\": `Photo n ° 3
`,\n \"FORM-NEW-WARRANTY-SECOND.STEP-PHOTO-4\": `Photo n ° 4
`,\n \"FORM-NEW-WARRANTY-SECOND.P1-STEP-INFO-1\": `Photo n°1
Veuillez prendre en photo la marque apparente sur le produit. La marque doit être bien visible et lisible sur la photo. Les 3 premières photos sont obligatoires pour passer à l'étape suivante.
Conseils
Il est conseillé de prendre votre photo sur un fond clair.
Attention aux reflets de lumière qui peuvent gêner la lisibilité.
Dans le cas de douilles, il est obligatoire d'ajouter en 4ème photo le carré d'entraînement.
En l'absence de référence, merci d'indiquer sur la page suivante, dans \"Descriptif du problème\", le maximum d'informations (dimensions, diamètre, référence...) afin d'éviter ainsi tout refus de demande d'échange sous garantie.
Exemple
`,\n \"FORM-NEW-WARRANTY-SECOND.STEP-P2-INFO-2\": `Photo n°2
Le produit dans son ensemble. L'outil et sont état doivent être bien visibles. Les 3 premières photos sont obligatoires pour passer à l'étape suivante.
Conseils
Il est conseillé de prendre votre photo sur un fond clair.
Attention aux reflets de lumière qui peuvent gêner la lisibilité.
Dans le cas de douilles, il est obligatoire d'ajouter en 4ème photo le carré d'entraînement.
En l'absence de référence, merci d'indiquer sur la page suivante, dans \"Descriptif du problème\", le maximum d'informations (dimensions, diamètre, référence...) afin d'éviter ainsi tout refus de demande d'échange sous garantie.
Exemple
`,\n \"FORM-NEW-WARRANTY-SECOND.P3-STEP-INFO-1\": `Photo n ° 3
Prenez en photo la partie détériorée. Son état doit être bien visible. Les 3 premières photos sont obligatoires pour passer à l'étape suivante.
Conseils
Il est conseillé de prendre votre photo sur un fond clair.
Prenez en photo la partie abîmée de manière à ce que nos équipes puissent constater les dégâts. Si l'outil est cassé et qu'un bout est parti, faites le apparaître sur la photo si vous l'avez toujours.
Attention aux reflets de lumière qui peuvent gêner la lisibilité.
Dans le cas de douilles, il est obligatoire d'ajouter en 4ème photo le carré d'entraînement.
En l'absence de référence, merci d'indiquer sur la page suivante, dans \"Descriptif du problème\", le maximum d'informations (dimensions, diamètre, référence...) afin d'éviter ainsi tout refus de demande d'échange sous garantie.
Exemple
`,\n \"FORM-NEW-WARRANTY-SECOND.P4-STEP-INFO-1\": `Photo n ° 4
Prenez en photo la référence produit si visible. Si la référence produit est toujours visible sur l'outil, nous vous demandons de la joindre aux photos précédentes. Cette photo n'est pas obligatoire mais elle est recommandée.
Conseils
Dans le cas de douilles, il est obligatoire d'ajouter en 4ème photo le carré d'entraînement.
En l'absence de référence, merci d'indiquer sur la page suivante, dans \"Descriptif du problème\", le maximum d'informations (dimensions, diamètre, référence...) afin d'éviter ainsi tout refus de demande d'échange sous garantie.
Exemple
Si vous pouvez préciser le type de casse choisissez dans la liste ci-dessous :
`,\n \"FORM-NEW-WARRANTY-THIRD.STEP-INPUT-KNOW-PLACEHOLDERS\": `Selectionner
`,\n \"FORM-NEW-WARRANTY-FOURTH.STEP-INPUT-DESCRIPTION-TITLE\": `Pouvez vous nous apporter quelques précisions ?
`,\n \"FORM-NEW-WARRANTY-FOURTH.STEP-INPUT-DESCRIPTION-PLACEHOLDER\": `Descriptif du problème constaté* (N'hésitez pas à indiquer ici des informations complémentaires si vous effectuez la demande de prise sous garantie pour le compte d'une tierce personne (nom, prénom, localisation)
`,\n \"FORM-NEW-WARRANTY-FOURTH.STEP-INPUT-DESCRIPTION-INFO\": `caractères restants
`,\n \"FORM-NEW-WARRANTY-FINAL.STEP-TITLE\": `FINALISER MA DEMANDE
`,\n \"FORM-NEW-WARRANTY-FINAL.STEP-INFO\": `Suite aux éléments que vous nous avez fournis, vous semblez être éligible à la garantie à vie FACOM.
Choisissez votre distributeur pour réception de votre nouvel outil en magasin. L'application est en cours de déploiement avec nos distributeurs partenaires FACOM, vous en trouverez un proche de chez vous très bientôt, si ce n'est pas déjà le cas. Merci pour votre patience.
Renseignez un code postal ou *
`,\n \"FORM-NEW-WARRANTY-FINAL.STEP-BUTTON-SUBMIT\": `SOUMETTRE
`,\n \"FORM-NEW-WARRANTY-FINAL.STEP-BUTTON-CREATE\": `SOUMETTRE ET CRÉER UNE NOUVELLE DEMANDE
`,\n \"TABLE-TRACKING-WARRANTY.TITLE\": `SUIVRE MES DEMANDES DE PRISE DE GARANTIE
`,\n \"TABLE-TRACKING-WARRANTY.TITLE-DRAFT\": `DEMANDES EN ÉTAT : BROUILLON
`,\n \"TABLE-TRACKING-WARRANTY.TITLE-ABANDONNED\": `DEMANDES EN ÉTAT : ABANDONNÉ
`,\n \"TABLE-TRACKING-WARRANTY.TITLE-SUBMITTED\": `DEMANDES EN ÉTAT : SOUMIS
`,\n \"TABLE-TRACKING-WARRANTY.TITLE-ANALYSIS\": `DEMANDES EN ÉTAT : ANALYSE
`,\n \"TABLE-TRACKING-WARRANTY.TITLE-ACCEPTED\": `DEMANDES EN ÉTAT : ACCEPTÉ
`,\n \"TABLE-TRACKING-WARRANTY.TITLE-REFUSED\": `DEMANDES EN ÉTAT : REFUSÉ
`,\n \"TABLE-TRACKING-WARRANTY.TITLE-AVAILABLE\": `DEMANDES EN ÉTAT : DISPONIBLE
`,\n \"TABLE-TRACKING-WARRANTY.TITLE-EXCHANGED\": `DEMANDES EN ÉTAT : ECHANGÉ
`,\n \"TABLE-TRACKING-WARRANTY.TITLE-RECYCLED\": `DEMANDES EN ÉTAT : RECYCLÉ
`,\n \"TABLE-TRACKING-WARRANTY.TITLE-TYPE\": `TYPE D'OUTIL
`,\n \"TABLE-TRACKING-WARRANTY.TITLE-BREAKAGE\": `TYPE DE CASSE
`,\n \"TABLE-TRACKING-WARRANTY.TITLE-DATE\": `DATE DE LA DEMANDE
`,\n \"TABLE-TRACKING-WARRANTY.TITLE-ACTIONS\": `ACTIONS
`,\n \"TABLE-TRACKING-WARRANTY.BUTTON-GIVE\": `ABANDONNER
`,\n \"TRAKING-BUTTON-LOAD-MORE\": `Charger plus d'échanges
`,\n \"TABLE-TRACKING-WARRANTY.BUTTON-DISTRIBUTOR-CHOICE\": `CHOIX DISTRIBUTEUR
`,\n \"TABLE-TRACKING-WARRANTY.BUTTON-DETAIL\": `VOIR LE DÉTAIL
`,\n \"FORM-PERSONAL-INFO.TITLE\": `IDENTITÉ
`,\n \"FORM.PERSONAL.INFO.FIRST-NAME\": `Prénom *
`,\n \"FORM.PERSONAL.INFO.LAST-NAME\": `Nom *
`,\n \"FORM.PERSONAL.INFO.EMAIL\": `Email *
`,\n \"FORM.PERSONAL.INFO.MOBILE-PHONE\": `Tel Mobile *
`,\n \"FORM.PERSONAL.INFO.TEL-FIX\": `Tel fix
`,\n \"FORM.PERSONAL.INFO.TEL-JOB\": `Tel Job
`,\n \"FORM.PERSONAL.INFO.FAX\": `Fax
`,\n \"FORM.PERSONAL.INFO.ADDRESS\": `Adresse 1
`,\n \"FORM.PERSONAL.INFO.ADDRESS-COMPLEMENT\": `Adresse 2
`,\n \"FORM.PERSONAL.INFO-POSTAL-CODE\": `Code Postal
`,\n \"FORM.PERSONAL.INFO-CITY\": `Ville
`,\n \"FORM.PERSONAL.INFO-COUNTRY\": `Pays
`,\n \"FORM.PERSONAL.INFO-PASSWORD\": `Mot de passe *
`,\n \"FORM.PERSONAL.INFO-CONFIRMATION\": `Confirmation *
`,\n \"FORM.PERSONAL.INFO-BUTTON\": `METTRE À JOUR MES INFORMATIONS
`,\n \"TABLE-TRACKING-WARRANTY.TITLE-DETAIL\": `DÉTAILS
`,\n \"TABLE-TRACKING-WARRANTY.SUBMITTED-PART-ONE\": `Demande reçue le {{detail_exchange_createdAt}} par les équipes FACOM Garantie à vie. Produit : {{product_name}} - {{product_reference}}
{{detail_exchange_comment}}
`,\n \"TABLE-TRACKING-WARRANTY.ANALYSIS-PART-ONE\": `Le {{detail_exchange_createdAt}} : Produit : {{product_name}} - {{product_reference}} : En cours d'analyse par les équipes FACOM.
`,\n \"TABLE-TRACKING-WARRANTY.ACCEPTED-PART-ONE\": `Le {{detail_exchange_createdAt}} : Produit : {{product_name}} - {{product_reference}} : Demande acceptée par les équipes FACOM Garantie à vie.
`,\n \"TABLE-TRACKING-WARRANTY.REFUSED-PART-ONE\": `Le {{detail_exchange_createdAt}} : Produit : {{product_name}} - {{product_reference}} : L'équipe FACOM n'a pas les éléments suffisants pour faire fonctionner la garantie. Rendez-vous chez votre distributeur {{detail_exchange_distributor_name}} pour une analyse complémentaire de votre produit à l'adresse suivante : {{detail_exchange_distributor_address}}, {{detail_exchange_distributor_city}}.
Le {{detail_exchange_createdAt}} : Produit : {{product_name}} - {{product_reference}} : Votre nouveau produit est disponible chez {{detail_exchange_distributor_name}}. Vous pouvez le retirer en magasin à l'adresse suivante : {{detail_exchange_distributor_address}}.
`,\n \"TABLE-TRACKING-WARRANTY.DRAFT-PART-ONE\": `-
`,\n \"TABLE-TRACKING-WARRANTY.ABANDONNED-PART-ONE\": `-
`,\n \"TABLE-TRACKING-WARRANTY.RECYCLED-PART-ONE\": `Le {{detail_exchange_createdAt}} : Demande à l'état recyclé. Produit : {{product_name}} - {{product_reference}}
`,\n \"TABLE-TRACKING-WARRANTY.RATING-TITLE\": `Pour nous aider à améliorer notre service, pouvez vous nous donner votre avis sur votre expérience avec notre distributeur partenaire ?
`,\n \"TABLE-TRACKING-WARRANTY.RATING-SUB-TITLE\": `ATTRIBUEZ VOTRE NOTE
`,\n \"TABLE-TRACKING-WARRANTY.RATING-OP-ONE\": `Pas du tout satisfait
`,\n \"TABLE-TRACKING-WARRANTY.RATING-OP-TWO\": `Très satisfait
`,\n \"TABLE-TRACKING-WARRANTY.EXCHANGED-QUALIFIED\": `Le {{detail_exchange_createdAt}} : Produit : {{product_name}} - {{product_reference}} : Vous avez retiré votre nouveau produit chez{{detail_exchange_distributor_name}}.
NUMÉRO DE RÉCLAMATION
`,\n \"ALERT-ERROR-UPDATE-ABANDONNED\": `Informations sur la mise à jour des erreurs
`,\n \"ALERT-SUCCESS-RATING\": `Merci de votre retour
`,\n \"ALERT-ERROR-GET-EXCHANGES\": `Erreur dans l'obtention des échanges
`,\n \"ALERT-ERROR-RATING\": `Taux d'erreur
`,\n \"ALERT-ERROR-GET-DISTRIBUTORS\": `Erreur pour obtenir des distributeurs
`,\n \"ALERT-ERROR-GET-ONE-EXCHANGE\": `Erreur d'obtention d'un échange
`,\n \"ALERT-ERROR-UPDATE-STATUS\": `Mise à jour des erreurs État
`,\n \"ALERT-SUCCESS-CREATE-EXCHANGE\": `Vous allez être redirigé vers la page de sélection de distributeur pour finaliser votre demande.
`,\n \"ALERT-SUCCESS-ABANDONNED\": `Demande d'échange sous garantie abandonnée
`,\n \"ALERT-ERROR-GET-EXCHANGES-STATUS\": `Erreur lors du suivi
`,\n \"ALERT-ERROR-GET-PRODUCT\": `Erreur dans l'obtention des produits
`,\n \"ALERT-ERROR-GET-ONE-PRODUCT\": `Erreur pour obtenir un produit
`,\n \"ALERT-ERROR-GET-USER\": `Erreur dans l'obtention de l'utilisateur
`,\n \"ALERT-MIN-PHOTOS\": `Au moins 3 images doivent être importées
`,\n \"ALERT-ERROR-IMAGE-SIZE\": `L'image doit faire moins de 4 MB
`,\n \"ALERT-ERROR-CREATE-ACCOUNT\": `Erreur lors de la création du compte
`,\n \"ALERT-SUCCESS-CREATE-ACCOUNT\": `L'utilisateur a été créé avec succès
`,\n \"FORM-NEW-WARRANTY-FINAL.STEP-INFO-NO-WARRANTY\": `Suite aux éléments que vous nous avez fournis, votre produit n'est à priori pas éligible à la garantie à vie. Cependant, le SAV FACOM va étudier votre demande.
Choisissez votre distributeur pour réception de votre nouvel outil en magasin. L'application est en cours de déploiement avec nos distributeurs partenaires FACOM, vous en trouverez un proche de chez vous très bientôt, si ce n'est pas déjà le cas. Merci pour votre patience.
Les informations utilisateur ont été mises à jour
`,\n \"ALERT-PASSWORD-CONTAIN\": `Le mot de passe doit contenir : / 6 - 16 caractères et une majuscule / Un chiffre / Un caractère spécial
`,\n \"ALERT-PASSWORD-MATCH\": `Les mots de passe ne correspondent pas
`,\n \"RESET-PASSWORD-CONFIRM-LABEL\": `Confirmer votre nouveau mot de passe:
`,\n \"RESET-PASSWORD-TITLE\": `Réinitialiser votre mot de passe
`,\n \"RESET-PASSWORD-BUTTON\": `ENVOYER
`,\n \"VERIFY-EMAIL-TITLE\": `Vérifiez votre messagerie
`,\n \"VERIFY-EMAIL-DESCRIPTION\": `Avant de pouvoir vous connecter, vous devez confirmer votre compte en cliquant sur le lien d'activation envoyé à votre adresse e-mail
`,\n \"VERIFY-EMAIL-REGISTER\": `Demande de nouveau compte
`,\n \"VERIFY-EMAIL-ACTIVATION\": `Lien d’activation envoyé à l’adresse suivante :
`,\n \"VERIFY-EMAIL-ACTIVATE-ACCOUNT\": `Compte activé par le lien d’activation
`,\n \"VERIFY-EMAIL-BUTTON.RESEND\": `Renvoyer le lien d’activation
`,\n \"OPTIONS-PROFESSION-1\": `Professionnel Industrie
`,\n \"OPTIONS-PROFESSION-2\": `Professionnel Auto-Moto
`,\n \"OPTIONS-PROFESSION-3\": `Artisan rénovation d'extérieur
`,\n \"OPTIONS-PROFESSION-4\": `Artisan rénovation d'intérieur
`,\n \"OPTIONS-PROFESSION-5\": `Artisan carrossier
`,\n \"OPTIONS-PROFESSION-6\": `Artisan charpentier
`,\n \"OPTIONS-PROFESSION-7\": `Artisan chaudronnier
`,\n \"OPTIONS-PROFESSION-8\": `Artisan couvreur
`,\n \"OPTIONS-PROFESSION-9\": `Electricien
`,\n \"OPTIONS-PROFESSION-10\": `Artisan ferronnier
`,\n \"OPTIONS-PROFESSION-11\": `Artisan maçon / plaquiste
`,\n \"OPTIONS-PROFESSION-12\": `Artisan menuisier
`,\n \"OPTIONS-PROFESSION-13\": `Artisan outilleur
`,\n \"OPTIONS-PROFESSION-14\": `Artisan ouvrier en construction / bâtiment
`,\n \"OPTIONS-PROFESSION-15\": `Artisan peintre
`,\n \"OPTIONS-PROFESSION-16\": `Plombier
`,\n \"OPTIONS-PROFESSION-17\": `Artisan serrurier
`,\n \"OPTIONS-PROFESSION-18\": `Artisan soudeur
`,\n \"OPTIONS-PROFESSION-19\": `Artisan taille de pierre
`,\n \"OPTIONS-PROFESSION-20\": `Artisan technicien électricien
`,\n \"OPTIONS-PROFESSION-21\": `Artisan tourneur-fraiseur`,\n \"OPTIONS-PROFESSION-22\": `Artisan autre`,\n \"OPTIONS-PROFESSION-23\": `Autres métiers`,\n \"FORM-NEW-WARRANTY-ALL-STEPS-INFO-1\": `Photo n°1
Veuillez prendre en photo la marque apparente sur le produit. La marque doit être bien visible et lisible sur la photo. Les 3 premières photos sont obligatoires pour passer à l'étape suivante.
Conseils
Il est conseillé de prendre votre photo sur un fond clair.
Attention aux reflets de lumière qui peuvent gêner la lisibilité.
Dans le cas de douilles, il est obligatoire d'ajouter en 4ème photo le carré d'entraînement.
En l'absence de référence, merci d'indiquer sur la page suivante, dans \"Descriptif du problème\", le maximum d'informations (dimensions, diamètre, référence...) afin d'éviter ainsi tout refus de demande d'échange sous garantie.
Exemple
`,\n \"EMAIL-VALIDATION-TITLE\": `Erreur, Renvoyer le lien d’activation
`,\n \"SUCCESS-VALIDATION\": `Identité vérifiée. Nous vous invitons à vous connecter
`,\n \"SUCCESS-CHANGE-PASSWORD\": `Votre mot de passe a été changé
`,\n \"MODAL-RATING-TITLE\": `ÊTES-VOUS SATISFAIT DE VOS DERNIER(S) ÉCHANGE(S) ?
`,\n \"MODAL-RATING-DESCRIPTION\": `Partagez avec nous votre avis sur la Nouvelle Garantie FACOM
`,\n \"MODAL-RATING-CONGRATS-TITLE\": `MERCI !
`,\n \"MODAL-RATING-CONGRATS-DESCRIPTION\": `En partageant votre avis vous contribuez au succès de la Nouvelle Garantie Facom
`,\n \"MODAL-RATING-CONGRATS-BUTTON\": `FAIRE UNE NOUVELLE DEMANDE
`,\n \"INFO-LIST.LOGIN-HOME-LIST\": `En vous connectant, vous aurez accès à :
- Conditions de garanties pour chaque produit
- Prise en charge de vos retours produits
- Suivi du traitement de mes articles échangés
- Accès direct au SAV FACOM
E.6000 - Capteurs d'étalonnage du couple
CD.12A - Banc d'étalonnage du couple
779.CML - Lampe d’inspection carrosserie
779.UH - Rampe d'éclairage rechargeable
`,\n \"IFOOTER.ALL.ITEM1-LIST-TITLE\": `PRODUITS
`,\n \"IFOOTER.ALL.ITEM2-LIST-TITLE\": `SOLUTIONS
`,\n \"IFOOTER.ALL.ITEM3-LIST-TITLE\": `TÉLÉCHARGEMENT
`,\n \"IFOOTER.ALL.ITEM4-LIST-TITLE\": `CONTACT
`,\n \"IFOOTER.ALL-ITEM2-LIST\": `ToughSystem - Système de rangement mobile
Serrage contrôlé - Toute la dynamométrie
`,\n \"IFOOTER.ALL-ITEM3-LIST\": ``,\n \"IFOOTER.ALL-ITEM4-LIST\": ``,\n \"FORM-NEW-WARRANTY-FINAL.STEP-DISTRIBUTOR-DETAIL\": `{{distributor_name}}
{{distributor_address}}
HORAIRES :
{{distributor_opening_hours}}
TÉLÉPHONE:
{{distributor_phone}}
`,\n \"ALERT-ERROR-UPDATE-1\": `Erreur lors de la mise à jour des informations
Votre espace garantie à vie évolue
`,\n \"VERIFY-IDENTITY-DESCRIPTION\": `Pour vous connecter à votre espace garantie à vie, nous devons vérifier votre identité. Nous vous invitons à indiquer et vérifier votre adresse email de connexion, puis à mettre à jour votre mot de passe:
Indiquez ci-dessous votre email de connexion. Après avoir cliqué sur le bouton Soumettre, veuillez vérifier votre boîte de messagerie et valider votre nouvelle adresse email de connexion.
Une fois votre adresse email vérifiée, vous serez invité à mettre à jour votre mot de passe afin de vous connecter.
Veuillez indiquer ci-dessous votre adresse email:
`,\n \"RATE-EXCHANGE-EMAIL-ERROR\": ` Erreur: L'échange a déjà été évalué.
`,\n \"RATE-EXCHANGE-EMAIL-SUCCESS\": `Votre évaluation a bien été enregistrée. Merci.
`,\n \"ALERT-NOT-EMAIL\": `\"veuillez utiliser un e-mail
Identité vérifiée. Nous vous invitons à vous connecter
`,\n \"ALERT-CHANGE-PASSWORD\": `Votre mot de passe a bien été modifié
`,\n \"ALERT-CHANGE-PASSWORD-MIGRATED\": `Votre email a été mis à jour. Vous pouvez maintenant vous connecter avec votre email
Votre session a expiré
`,\n \"PRODUCTS-TYPE-EXTRACTION\": `Extraction
`,\n \"PRODUCTS-TYPE-HAMMERS\": `Martellerie / Frappe
`,\n \"PRODUCTS-TYPE-MALEWRENCHS\": `Clés mâles
`,\n \"PRODUCTS-TYPE-OTHER\": `Autre
`,\n \"PRODUCTS-TYPE-PAWLS\": `Cliquets
`,\n \"PRODUCTS-TYPE-OPENINGWRENCH\": `Clés à ouverture fixe ou variable
`,\n \"PRODUCTS-TYPE-PLIERS\": `Pinces / Pinces étaux
Sciage / Perçage / Coupe
`,\n \"PRODUCTS-TYPE-SCREWDRIVERS\": `Tournevis
`,\n \"PRODUCTS-TYPE-SOCKETS\": `Douilles
`,\n \"PRODUCTS-TYPE-TRACING\": `Mesurage / Traçage
`,\n \"TABLE-TRACKING-WARRANTY.RATING-SUB-TITLE-RATING\": `VOUS AVEZ ATTRIBUÉ À CET ÉCHANGE. LA NOTE SUIVANTE:
`,\n \"ALERT-ERROR-CREATE-EXCHANGE\": `Erreur lors de la création de l'échange
testing
`,\n \"ALERT-SUCCESS-CREATE-EXCHANGE-SUBMITTED\": `Votre demande nous a bien été transmise. FACOM vous recontactera au plus vite.
`,\n \"TRACKING-EMPTY-EXCHANGES\": `Vous n'avez pas encore fait de demandes d'échanges.
`,\n \"RESET-PASSWORD-INPUT-PLACEHOLDER\": `Nouveau mot de passe
`,\n \"RESET-PASSWORD-DESCRIPTION\": `Nous vous invitons à réinitialiser votre mot de passe
`,\n \"VERIFY-IDENTITY-BUTTON\": `Soumettre
`,\n \"FORM.ALL.BACK-DEMAND\": `Retour à la liste des demandes
`,\n \"PASSWORD-VALIDATION\": `Minimum 8 caractères. Au moins 1 chiffre ou caractère spécial (£ 0 % &). Évitez de mettre 3 (ou plus) caractères identiques (aaa ou 111)
\n \n \n 
\n \n
\n );\n}\n\nexport default ButtonCleanGray;\n","export default \"data:image/png;base64,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\"","import \"bootstrap/dist/css/bootstrap.css\";\n\nimport \"../../constants/global.css\";\nimport \"./styles/buttonMain.css\";\n\nfunction ButtonLoggout(props) {\n return (\n \n \n
\n );\n}\n\nexport default ButtonLoggout;\n","import React, { useState } from \"react\";\nimport { Template } from \"../pages/pageTemplates/template\";\n\nconst useGlobalStates = () => {\n const [value, setValue] = useState(\"\");\n const [version, setVersion] = useState(\"2.1.4\");\n const [languageUrl, setLanguageUrl] = useState(\"EN\");\n const [logged, setLogged] = useState(false);\n const [user, setUser] = useState(\"\");\n const [zipCode, setZipCode] = useState(\"\");\n const [companyName, setCompanyName] = useState(\"\");\n const [address, setAddress] = useState(\"\");\n const [city, setCity] = useState(\"\");\n const [firstName, setFirstName] = useState(\"\");\n const [lastName, setLastName] = useState(\"\");\n const [email, setEmail] = useState(\"\");\n const [mobilePhone, setMobilePhone] = useState(\"\");\n const [createPassword, setCreatePassword] = useState(\"\");\n const [createPasswordConfirm, setCreatePasswordConfirm] = useState(\"\");\n const [details, setDetails] = useState(\"\");\n const [reasonExchangeID, setReasonExchangeID] = useState(\"\");\n const [productID, setProductID] = useState(\"\");\n const [productIDReference, setProductIDReference] = useState(\"\");\n const [productIDType, setProductIDType] = useState(\"\");\n const [distributorID, setdistributorID] = useState(\"\");\n const [inputProductSku, setInputProductSku] = useState(\"\");\n const [isValid, setIsValid] = useState(false);\n const [isValidSamePass, setIsValidSamePass] = useState(false);\n const [isValidSiret, setIsValidSiret] = useState(false);\n const [isValidUpdate, setIsValidUpdate] = useState(false);\n const [isValidSamePassUpdate, setIsValidSamePassUpdate] = useState(false);\n const [isValidSiretUpdate, setIsValidSiretUpdate] = useState(false);\n const [exchengeCreated, setExchengeCreated] = useState(false);\n const [content, setContent] = useState(Template);\n const [countLoads, setCountLoads] = useState(0);\n const [elegibleExchange, setElegibleExchange] = useState(true);\n\n const [responsiveLaders, setResponsiveLaders] = useState(\"warranty-c-col-0 warranty-c-col-lg-2\");\n const [styleDisplay1, setStyleDisplay1] = useState({ display: \"none\" });\n const [styleDisplay2, setStyleDisplay2] = useState({ display: \"none\" });\n const [styleDisplay3, setStyleDisplay3] = useState({ display: \"none\" });\n const [styleDisplay4, setStyleDisplay4] = useState({ display: \"none\" });\n const [assetsMedia, setAssetsMedia] = useState(\"\");\n const [loading, setLoading] = useState(false);\n const [toggle, setToggle] = useState(false);\n const [successValidationEmail, setSuccessValidationEmail] = useState(false);\n const [originPath, setOriginPath] = useState(\"\");\n\n const [globalAlert, setGlobalAlert] = useState(false);\n const [globalAlertMessage, setGlobalAlertMessage] = useState(\"\");\n const [dashboardURL, setDashboardURL] = useState({\n term_condition: \"\",\n warranty_claim_pdf: \"\",\n my_account_link: \"\",\n });\n\n const [initialHistory, setInitialHistory] = useState(false);\n const [detailGroupId, setDetailGroupId] = useState(\"\");\n\n return {\n languageUrl,\n setLanguageUrl,\n zipCode,\n setZipCode,\n companyName,\n setCompanyName,\n user,\n setUser,\n address,\n setAddress,\n city,\n setCity,\n firstName,\n setFirstName,\n lastName,\n setLastName,\n email,\n setEmail,\n mobilePhone,\n setMobilePhone,\n createPassword,\n setCreatePassword,\n createPasswordConfirm,\n setCreatePasswordConfirm,\n details,\n setDetails,\n version,\n setVersion,\n reasonExchangeID,\n setReasonExchangeID,\n inputProductSku,\n setInputProductSku,\n productID,\n setProductID,\n distributorID,\n setdistributorID,\n isValid,\n setIsValid,\n isValidSamePass,\n setIsValidSamePass,\n isValidSiret,\n setIsValidSiret,\n isValidUpdate,\n setIsValidUpdate,\n isValidSamePassUpdate,\n setIsValidSamePassUpdate,\n isValidSiretUpdate,\n setIsValidSiretUpdate,\n exchengeCreated,\n setExchengeCreated,\n dashboardURL,\n setDashboardURL,\n styleDisplay1,\n setStyleDisplay1,\n styleDisplay2,\n setStyleDisplay2,\n styleDisplay3,\n setStyleDisplay3,\n styleDisplay4,\n setStyleDisplay4,\n responsiveLaders,\n setResponsiveLaders,\n assetsMedia,\n setAssetsMedia,\n loading,\n setLoading,\n content,\n setContent,\n countLoads,\n setCountLoads,\n toggle,\n setToggle,\n elegibleExchange,\n setElegibleExchange,\n successValidationEmail,\n setSuccessValidationEmail,\n\n globalAlert,\n setGlobalAlert,\n globalAlertMessage,\n setGlobalAlertMessage,\n\n originPath,\n setOriginPath,\n initialHistory,\n setInitialHistory,\n detailGroupId,\n setDetailGroupId,\n productIDReference,\n productIDType,\n setProductIDReference,\n setProductIDType,\n };\n};\nexport default useGlobalStates;\n","import { useState, useContext } from \"react\";\nimport \"bootstrap/dist/css/bootstrap.css\";\n\nimport \"../../constants/global.css\";\nimport \"./style/loginForm.css\";\nimport { usersLogin, getAllUsersById } from \"../../api/facom_services\";\nimport { decodeJwtToken } from \"../atoms/decode\";\nimport Button from \"../atoms/Button\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport { setProfile, clearState } from \"../../redux/actions/profile_actions\";\nimport InputForm from \"../atoms/InputForm\";\nimport LoadingPag from \"../atoms/LoadingPag\";\nimport AppContext from \"../../context/AppContext\";\nimport useContents from \"../../hooks/useContents\";\nimport { ValidationAlert } from \"../atoms\";\nimport { LocalStorageKeys, getInLocalStorage, setInLocalStorage } from \"../../helpers/local-storage-manager\";\nimport { removeTags } from \"../../helpers/removeHtml\";\nimport InputPassword from \"../atoms/InputPassword\";\n\nfunction LoginForm(props) {\n const { content, successValidationEmail } = useContext(AppContext);\n const { profile } = useSelector((state) => state.profileReducer);\n const { language } = profile;\n const [user, setUser] = useState(\"\");\n const [password, setPassword] = useState(\"\");\n const [loading, setLoading] = useState(false);\n const [alertWrong, setAlertWrong] = useState(false);\n const [alertWrongMessage, setAlertWrongMessage] = useState(\"\");\n // const test = 'Hola
';\n const [alertValidate, setAlertValidate] = useState(getInLocalStorage(\"validate\"));\n const [alertUpdatePassword, setAlertUpdatePassword] = useState(getInLocalStorage(\"updatePassword\"));\n const [alertUpdatePasswordMigrated, setAlertUpdatePasswordMigrated] = useState(getInLocalStorage(\"updatePasswordMigrated\"));\n const [alertExpired, setAlertExpired] = useState(getInLocalStorage(\"expired\"));\n\n const dispatch = useDispatch();\n const { contents } = useSelector((state) => state.profileReducer);\n const { getContents } = useContents(contents);\n const loginAccount = async () => {\n setLoading(!loading);\n try {\n if (!user || !password)\n return setAlertWrongMessage(language === \"FR\" ? \"Please fill in the required fields\" : \"Veuillez remplir les champs obligatoires\");\n const response = usersLogin(user, password);\n const data = (await response).data;\n if (!data.result?.migrated) {\n const userDec = decodeJwtToken(data?.result?.token, { complete: true });\n //CLEAR LOCAL STORAGE OF MIGRATED USER\n setInLocalStorage(LocalStorageKeys.USER_ID, \"\");\n setInLocalStorage(LocalStorageKeys.EMAIL, \"\");\n //CLEAR LOCAL STORAGE OF MIGRATED USER\n if (userDec) {\n dispatch(setProfile({ token: data?.result?.token }));\n dispatch(\n setProfile({\n email: userDec.payload.email,\n full_name: userDec.payload.first_name,\n sub: userDec.payload.sub,\n username: userDec.payload.username,\n })\n );\n //Languaje\n const response = getAllUsersById(userDec.payload.sub);\n const dataUser = (await response).data;\n const activeLanguage = `${dataUser?.result?.users_settings?.lenguage_active}`.toLowerCase();\n let languageACT = \"FR\";\n if (activeLanguage === \"english\") {\n languageACT = \"EN\";\n }\n if (activeLanguage === \"french\") {\n languageACT = \"FR\";\n }\n dispatch(setProfile({ language: languageACT }));\n getContents(languageACT, true);\n }\n } else {\n setInLocalStorage(LocalStorageKeys.USER_ID, data.result?.uuid);\n window.location.replace(`/verify-identity`);\n }\n } catch (error) {\n console.log(\"error login\");\n console.log(error.response.data.message);\n if (language === \"FR\") {\n setAlertWrongMessage(\n `${error?.response?.data?.message}` === \"Please verify your credentials\"\n ? \"Veuillez vérifier vos informations d'identification\"\n : `${error?.response?.data?.message}` === \"You need to verify your email before login, please check your email inbox\"\n ? \"Vous devez vérifier votre adresse e-mail avant de vous connecter, veuillez vérifier votre boîte de réception\"\n : `${error?.response?.data?.message}` === \"Incorrect username or password. Please try again.\"\n ? \"Identifiant ou mot de passe incorrect. Veuillez réessayer.\"\n : `${error?.response?.data?.message}` === \"The user is not authorized.\"\n ? \"L'utilisateur n'est pas autorisé.\"\n : `${error?.response?.data?.message}` === \"This user is disabled\"\n ? \"Votre accès est désactivé\"\n : `${error?.response?.data?.message}`\n );\n } else {\n setAlertWrongMessage(`${error?.response?.data?.message}`);\n }\n setAlertWrong(true);\n dispatch(clearState());\n } finally {\n setLoading(false);\n console.log(\"end\");\n setInLocalStorage(\"validate\", false);\n setInLocalStorage(\"updatePassword\", false);\n setInLocalStorage(\"expired\", false);\n setAlertValidate(false);\n setAlertUpdatePassword(false);\n setAlertUpdatePasswordMigrated(false);\n setAlertExpired(false);\n }\n };\n\n const RenderError = () => {\n return {alertWrong &&
;\n };\n\n const RenderSuccess = () => {\n return (\n \n {alertValidate &&
\n );\n };\n const RenderSuccessPassword = () => {\n return (\n \n {alertUpdatePassword &&
\n );\n };\n const RenderSuccessPasswordMigrated = () => {\n return (\n \n {alertUpdatePasswordMigrated && (\n
\n );\n };\n\n const RenderErrorExpired = () => {\n return (\n \n {alertExpired &&
\n );\n };\n\n const handleSubmit = (event) => {\n event.preventDefault();\n loginAccount();\n };\n const validate1 = getInLocalStorage(\"validate\");\n const validate2 = getInLocalStorage(\"updatePassword\");\n const validate3 = getInLocalStorage(\"expired\");\n const validate4 = getInLocalStorage(\"updatePasswordMigrated\");\n\n return (\n \n
\n );\n}\n\nexport default LoginForm;\n","import {decode,DecodeOptions,JwtPayload} from 'jsonwebtoken';\n\n\nconst decodeJwtToken = (token, options) => {\n return decode(token, options);\n};\nexport {\n decodeJwtToken,\n};","import { useContext } from \"react\";\nimport \"bootstrap/dist/css/bootstrap.css\";\nimport AppContext from \"../../context/AppContext\";\n\nimport \"../../constants/global.css\";\nimport \"../molecules/style/loginForm.css\";\n\nimport InputForm from \"./InputForm\";\nimport { removeTags } from \"../../helpers/removeHtml\";\n\nfunction FormInitialUser(props) {\n const { firstName, setFirstName, lastName, setLastName, email, setEmail, mobilePhone, setMobilePhone, content } = useContext(AppContext);\n\n return (\n \n \n
\n \n\n
\n \n
\n \n \n
\n\n \n
\n \n
\n \n \n
\n\n \n \n \n
\n\n \n \n
\n );\n}\n\nexport default FormInitialUser;\n","import { useContext } from \"react\";\nimport \"bootstrap/dist/css/bootstrap.css\";\nimport AppContext from \"../../context/AppContext\";\n\nimport \"../../constants/global.css\";\nimport \"../molecules/style/loginForm.css\";\nimport \"./styles/form.css\";\nimport InputForm from \"./InputForm\";\nimport { removeTags } from \"../../helpers/removeHtml\";\n\nfunction FormParticularUser(props) {\n const { zipCode, setZipCode, address, setAddress, city, setCity, content } = useContext(AppContext);\n\n return (\n \n
\n \n
\n \n \n
\n\n {\n setFirstName(data);\n }}\n />\n
\n \n
\n \n
\n \n \n
\n\n {\n setLastName(data);\n }}\n />\n
\n \n
\n \n
\n \n \n
\n\n {\n setEmail(data);\n }}\n />\n
\n \n
\n \n
\n \n \n
\n\n {\n setMobilePhone(data);\n }}\n />\n
\n \n
\n );\n}\n\nexport default FormParticularUser;\n","import React, { useState, useRef, useContext } from \"react\";\nimport \"bootstrap/dist/css/bootstrap.css\";\nimport AppContext from \"../../context/AppContext\";\n\nimport \"../../constants/global.css\";\nimport \"../molecules/style/loginForm.css\";\n\nimport Button from \"../atoms/Button\";\nfunction FormPersonalUser(props) {\n const formUserName = useRef(null);\n const formUserLastName = useRef(null);\n\n const {\n addFormUserName,\n addFormLastUserName,\n addFormUserEmail,\n addFormUserPhone,\n addFormUserAdress,\n addFormUserPostalCode,\n addFormUserVille,\n addFormUserPhoneFix,\n addFormUserPhoneJob,\n addFormUserFax,\n addFormUserAdress2,\n } = useContext(AppContext);\n // PARTE 1\n const handleSubmitUserName = () => {\n const formDataName = new FormData(formUserName.current);\n const UserName = {\n userName: formDataName.get(\"userName\"),\n };\n addFormUserName(UserName);\n };\n const handleSubmitUserLastName = () => {\n const formDataLastName = new FormData(formUserLastName.current);\n const UserLastName = {\n userLastName: formDataLastName.get(\"userLastName\"),\n };\n addFormLastUserName(UserLastName);\n };\n\n //Parte 2\n\n const formUserEmail = useRef(null);\n const formUserPhone = useRef(null);\n const formUserPhoneFix = useRef(null);\n const formUserPhoneJob = useRef(null);\n const formUserFax = useRef(null);\n\n const handleSubmitUserEmail = () => {\n const formDataEmail = new FormData(formUserEmail.current);\n const UserEmail = {\n userEmail: formDataEmail.get(\"userEmail\"),\n };\n addFormUserEmail(UserEmail);\n };\n const handleSubmitUserPhone = () => {\n const formDataPhone = new FormData(formUserPhone.current);\n const UserPhone = {\n userPhone: formDataPhone.get(\"userPhone\"),\n };\n addFormUserPhone(UserPhone);\n };\n const handleSubmitUserPhoneFix = () => {\n const formDataPhoneFix = new FormData(formUserPhoneFix.current);\n const UserPhoneFix = {\n userPhoneFix: formDataPhoneFix.get(\"userPhoneFix\"),\n };\n addFormUserPhoneFix(UserPhoneFix);\n };\n const handleSubmitUserPhoneJob = () => {\n const formDataPhoneJob = new FormData(formUserPhoneJob.current);\n const UserPhoneJob = {\n userPhoneJob: formDataPhoneJob.get(\"userPhoneJob\"),\n };\n addFormUserPhoneJob(UserPhoneJob);\n };\n const handleSubmitUserFax = () => {\n const formDataFax = new FormData(formUserFax.current);\n const UserFax = {\n userFax: formDataFax.get(\"userFax\"),\n };\n addFormUserFax(UserFax);\n };\n //PARTE 3\n const formUserAdress = useRef(null);\n const formUserAdress2 = useRef(null);\n const formUserPostalCode = useRef(null);\n const formUserVillaje = useRef(null);\n\n const handleSubmitUserAdress = () => {\n const formDataAdress = new FormData(formUserAdress.current);\n const UserNewAdress = {\n userAdress: formDataAdress.get(\"userAdress\"),\n };\n addFormUserAdress(UserNewAdress);\n };\n\n const handleSubmitUserAdress2 = () => {\n const formDataAdress2 = new FormData(formUserAdress2.current);\n const UserNewAdress2 = {\n userAdress2: formDataAdress2.get(\"userAdress2\"),\n };\n addFormUserAdress2(UserNewAdress2);\n };\n const handleSubmitUserPostalCode = () => {\n const formDataPostalCode = new FormData(formUserPostalCode.current);\n const UserPostalCode = {\n userPostalCode: formDataPostalCode.get(\"userPostalCode\"),\n };\n addFormUserPostalCode(UserPostalCode);\n };\n\n const handleSubmitUserVillage = () => {\n const formDataVillaje = new FormData(formUserVillaje.current);\n const UserPostalVillaje = {\n userVille: formDataVillaje.get(\"userVillaje\"),\n };\n addFormUserVille(UserPostalVillaje);\n };\n\n return (\n \n {/* Falta sacar lo que se escribe*/}\n
\n \n
\n \n \n
\n\n {\n setAddress(data);\n }}\n />\n
\n \n
\n \n \n
\n\n {\n setZipCode(data);\n }}\n />\n
\n \n
\n \n \n
\n\n {\n setCity(data);\n }}\n />\n
\n \n \n {/* parte 1 */}\n
\n );\n}\n\nexport default FormPersonalUser;\n","import { useContext } from \"react\";\nimport \"bootstrap/dist/css/bootstrap.css\";\nimport AppContext from \"../../context/AppContext\";\n\nimport \"../../constants/global.css\";\nimport \"../molecules/style/loginForm.css\";\nimport InputForm from \"./InputForm\";\n\nimport \"./styles/form.css\";\nimport { removeTags } from \"../../helpers/removeHtml\";\nfunction FormProfessionalUser() {\n const { zipCode, setZipCode, companyName, setCompanyName, isValidSiret, setIsValidSiret, content } = useContext(AppContext);\n\n return (\n \n
\n \n \n
\n \n Prénom*\n
\n\n \n
\n \n
\n\n {/* parte 2 */}\n \n \n
\n \n Nom*\n
\n\n \n
\n \n
\n \n \n
\n \n Email*\n
\n\n \n
\n \n
\n \n \n
\n \n Tel Mobile*\n
\n\n \n
\n \n
\n \n \n
\n \n Tel fix*\n
\n\n \n
\n \n
\n \n \n
\n \n Tel Job*\n
\n\n \n
\n \n
\n\n {/* parte 3 */}\n \n \n
\n \n fax*\n
\n\n \n
\n \n
\n \n \n
\n \n Adresse 1*\n
\n\n \n
\n \n
\n \n \n
\n \n Adresse 2*\n
\n\n \n
\n \n
\n \n \n
\n \n Code Postal*\n
\n\n \n
\n \n
\n \n \n
\n \n Ville*\n
\n\n \n
\n \n
\n );\n}\n\nexport default FormProfessionalUser;\n","import React, { useState, useContext } from \"react\";\nimport \"bootstrap/dist/css/bootstrap.css\";\nimport AppContext from \"../../context/AppContext\";\n\nimport \"../../constants/global.css\";\nimport \"./style/loginForm.css\";\nimport ButtonRed from \"../atoms/Button\";\nimport InputForm from \"../atoms/InputForm\";\nimport { resendResetPasswordEmailAPI } from \"../../api/facom_services\";\nimport { LoadingFacom, ValidationAlert } from \"../atoms\";\nimport { removeTags } from \"../../helpers/removeHtml\";\nimport { LocalStorageKeys, setInLocalStorage } from \"../../helpers/local-storage-manager\";\nimport { useSelector } from \"react-redux\";\n\nfunction RecoverPasswordForm(props) {\n const { profile } = useSelector((state) => state.profileReducer);\n const { language } = profile;\n const { content } = useContext(AppContext);\n const [emailRecover, setEmailRecover] = useState(\"\");\n const [success, setSuccess] = useState(false);\n const [error, setError] = useState(false);\n const [loading, setLoading] = useState(false);\n const [errorValidationMessage, setErrorValidationMessage] = useState(\"\");\n\n const resetPassword = async () => {\n setLoading(!loading);\n try {\n const response = resendResetPasswordEmailAPI(emailRecover);\n const data = (await response).data;\n if (!data.result?.migrated) {\n setInLocalStorage(LocalStorageKeys.EMAIL, \"\");\n setSuccess(true);\n setError(false);\n } else {\n setInLocalStorage(LocalStorageKeys.USER_ID, data.result?.uuid);\n window.location.replace(`/verify-identity`);\n }\n } catch (error) {\n console.log(\"error updated Password\");\n console.log(error);\n if (language === \"FR\") {\n setErrorValidationMessage(\n `${error?.response?.data?.message}` === \"You need to verify your email before login, please check your email inbox\"\n ? \"Vous devez vérifier votre adresse e-mail avant de vous connecter, veuillez vérifier votre boîte de réception\"\n : `${error?.response?.data?.message}` === \"user doesn't exists\"\n ? \"l'utilisateur n'existe pas\"\n : `${error?.response?.data?.message}`\n );\n } else {\n setErrorValidationMessage(`${error?.response?.data?.message}`);\n }\n setError(true);\n setSuccess(false);\n } finally {\n setLoading(false);\n console.log(\"end\");\n // window.location.reload()\n }\n };\n const RenderError = () => {\n return (\n <>\n {error && (\n \n {/* Falta sacar lo que se escribe*/}\n
\n \n
\n \n \n
\n\n {\n setZipCode(data);\n }}\n />\n
\n \n
\n \n \n
\n\n {\n setCompanyName(data);\n // const postalCodeRegex = /^([0-9]{10})?$/;\n // setIsValidSiret(postalCodeRegex.test(data));\n }}\n />\n\n {/* {companyName.length ? (\n
\n \n {!isValidSiret && (\n
\n ) : (\n \"\"\n )} */}\n \n
\n )}\n \n
\n )}\n \n );\n };\n const RenderSuccess = () => {\n return (\n <>\n {success && (\n \n
\n )}\n \n );\n };\n\n return (\n \n \n
\n \n
\n );\n}\n\nexport default RecoverPasswordForm;\n","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAKCAYAAAC0VX7mAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAMJJREFUeNpifMbAPIGBgcEAiAsk//+5wEAGeM7IAtIPMucCE5BQAGJ7ID4AlSDVMAeQXqgZCgxAFwoA8QUg/g/EH4A44P///wzEYKDaBKi+/1AzBGASIEMPIEkmEGFYAZL6BTBxdEULkBQ14DFsATbDMAyEKp6ASzEWwwrQ5YkJmw3QIEEOa5zBwgg2FXvsJQCp+VDuRSitD8QfgTgAmMQOYNOH00Ck9AXSyA8VAhnmgC+94jUQLdF+gCb+B/jUAwQYAC9pFOnKvaZpAAAAAElFTkSuQmCC\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAA3NCSVQICAjb4U/gAAAACXBIWXMAAADdAAAA3QFwU6IHAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAD9QTFRF////RESZ/01VQEib/0tVh4y+/XiAQEea/0xVQkab9PT0/0pVkpTC/mRtQUea/0tVQUeb/0tVQUeb9fX1/0tVpRz4NQAAABJ0Uk5TAB4eY2Nqam9veHh4xsbV1f39AS4uzAAAAEVJREFUOE9jYBgSgJGdEwJYueCAjRsCOJgYGJgFhKCARxgOeEWgQJCFgU8InwIRfgYh/ApERhWMLAUEEwzBJEcw0Q4FAABzHTA9vUewHAAAAABJRU5ErkJggg==\"","import { Nav } from \"react-bootstrap\";\nimport Menu from \"@mui/material/Menu\";\nimport MenuItem from \"@mui/material/MenuItem\";\nimport { useContext, useState } from \"react\";\nimport useContents from \"../../hooks/useContents\";\nimport AppContext from \"../../context/AppContext\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport { setProfile } from \"../../redux/actions/profile_actions\";\nimport Fade from \"@mui/material/Fade\";\nimport arrowRed from \"../../images/ArrowbuttonRed.png\";\nimport youtubeIcon from \"../../images/YoutubeIcon.png\";\nimport facebookIcon from \"../../images/Facebookicon.png\";\n\nimport MenuEnglish from \"../../images/MenuEnglish.png\";\nimport MenuFrench from \"../../images/MenuFrance.png\";\nimport { Link } from \"react-router-dom\";\nimport facomLogo from \"../../images/Facom_logo.png\";\nimport NavMenu from \"./NavMenu\";\nimport { updateUsersLanguage } from \"../../api/facom_services\";\nimport { getInLocalStorage } from \"../../helpers/local-storage-manager\";\n\nexport default function LanguageMenu() {\n const { getContents } = useContents();\n const { profile } = useSelector((state) => state.profileReducer);\n const { language, sub } = profile;\n const { content } = useContext(AppContext);\n const { setToggle } = useContext(AppContext);\n const dispatch = useDispatch();\n\n const originPath = getInLocalStorage(\"origin\");\n\n const handleLanguageEnglish = () => {\n try {\n dispatch(setProfile({ language: \"EN\" }));\n dispatch(setProfile({ contents: {} }));\n getContents(\"EN\", true);\n setToggle((prev) => !prev);\n // await updateUsersLanguage(sub, \"english\");\n } catch {\n } finally {\n // successContent();\n }\n };\n const handleLanguageFrench = () => {\n try {\n dispatch(setProfile({ language: \"FR\" }));\n dispatch(setProfile({ contents: {} }));\n getContents(\"FR\", true);\n setToggle((prev) => !prev);\n // await updateUsersLanguage(sub, \"french\");\n } catch {\n } finally {\n // successContent();\n }\n };\n //menu fade\n const [anchorEl, setAnchorEl] = useState(null);\n const open = anchorEl;\n const handleClick = (event) => {\n setAnchorEl(event.currentTarget);\n };\n const handleClose = () => {\n setAnchorEl(null);\n };\n return (\n \n \n \n \n
\n \n \n
\n {loading && \n
\n \n \n
\n\n {\n setEmailRecover(data);\n }}\n />\n resetPassword()} message={removeTags(`${content[\"FORGOT-PASSWORD-BOX.LOGIN-HOME.BUTTON\"]}`)} />\n
\n\n \n \n \n
\n );\n}\n","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAATCAYAAABhh3Y4AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAOVJREFUeNpi/P//PwMBwAPELATUfAHiP4QMYgBZBsQCQDwBiC/8px74AMQHgDgBagfcsgP/aQsKYJYl/Kc9APmSgwkYkgkMtAf8QCwBssyeSA0PKbRQgYkUxUCcCMQfybWNiUT1C6CWNpJjKRMZDvwAxA1AbADEC2ltGQw8gCYuRSA+SGvLYMABGrQEAQuFljSQkJrJskwBmlDsaZlABKCW3CfHIpjPPkJzODEJgp+CYP8B8tkBEoocSsADkGUb6FA2XgTiF7AqZgONS3wDkD2MSDV1A1KekaeCbw4ilTYXQAIAAQYAPqPCYhfd5OgAAAAASUVORK5CYII=\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAZCAYAAAABmx/yAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIxJREFUeNpi+P//PwMOnADEF/5jB60sDNjBAiCOZ8ANeJiwCDYQ0AQG2DQWMBAB0DU6ADE/EfpuoweIA47AaEAPPCYG4sABYvxIFABFhwEQC0D5BjjUoYsfYAR5gAwLE8l26tDR+AUUqoZoodqPRWEhEF9ADlUWNAFc4AJ6IhgBoToiNX7AoQ5DHCDAAOdRcoOmy5+8AAAAAElFTkSuQmCC\"","export default __webpack_public_path__ + \"static/media/house.484042e9.svg\";","import { Nav } from \"react-bootstrap\";\nimport Menu from \"@mui/material/Menu\";\nimport MenuItem from \"@mui/material/MenuItem\";\n\nimport Fade from \"@mui/material/Fade\";\nimport arrowRed from \"../../images/ArrowbuttonRed.png\";\n\nimport MenuEnglish from \"../../images/MenuEnglish.png\";\nimport MenuFrench from \"../../images/MenuFrance.png\";\nimport { Link } from \"react-router-dom\";\nimport facomLogo from \"../../images/Facom_logo.png\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport { useContext, useState } from \"react\";\nimport AppContext from \"../../context/AppContext\";\nimport { setProfile } from \"../../redux/actions/profile_actions\";\nimport useContents from \"../../hooks/useContents\";\nimport houseIcon from \"../../images/house.svg\";\nimport { getInLocalStorage } from \"../../helpers/local-storage-manager\";\nimport { useMediaQuery } from \"@mui/material\";\n\nexport default function MobileMenu() {\n const { getContents } = useContents();\n const { profile } = useSelector((state) => state.profileReducer);\n const matches = useMediaQuery(\"(min-width:340px)\");\n const { language } = profile;\n const { setToggle } = useContext(AppContext);\n const dispatch = useDispatch();\n const originPath = getInLocalStorage(\"origin\");\n const handleLanguageEnglish = () => {\n try {\n dispatch(setProfile({ language: \"EN\" }));\n dispatch(setProfile({ contents: {} }));\n getContents(\"EN\", true);\n setToggle((prev) => !prev);\n } catch {\n } finally {\n // successContent();\n }\n };\n const handleLanguageFrench = () => {\n try {\n dispatch(setProfile({ language: \"FR\" }));\n dispatch(setProfile({ contents: {} }));\n getContents(\"FR\", true);\n setToggle((prev) => !prev);\n } catch {\n } finally {\n // successContent();\n }\n };\n //menu fade\n const [anchorEl, setAnchorEl] = useState(null);\n const opend = anchorEl;\n const handleClick = (event) => {\n setAnchorEl(event.currentTarget);\n };\n const handleClose = () => {\n setAnchorEl(null);\n };\n return (\n \n \n 
\n \n
\n \n {matches && (\n \n )}\n\n \n 
\n \n
\n \n );\n}\n","import \"bootstrap/dist/css/bootstrap.css\";\nimport \"./styles/NavMenu.css\";\n//Redux\nimport { useWindowSize } from \"../../hooks\";\nimport LanguageMenu from \"./LanguageMenu\";\nimport MobileMenu from \"./MobileMenu\";\n\nexport default function NavMenuEnd(props) {\n const { width } = useWindowSize();\n\n return (\n <>\n {width > 991 ? (\n \n
\n )}\n \n );\n}\n","export default __webpack_public_path__ + \"static/media/franceBrand.4239409c.svg\";","export default __webpack_public_path__ + \"static/media/englishBrand.fd7051a3.svg\";","export default __webpack_public_path__ + \"static/media/spainBrand.3ddb5199.svg\";","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAAbwAAAG8B8aLcQwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAABlSURBVDiNzZOxDYBADAPtV2igYBQ6GOEnoGFENqFkBJb4CmF2iAtI71NOcSgJzhQrDYC1rjOpPhOW2ELCITG9ga1gA2LvcFqAEZgcgK+AgZYCdW1WFX9wRhQsuEuqyoin8fNvfAGwUxkNc6nxaQAAAABJRU5ErkJggg==\"","import React, { useRef, useState, useEffect } from \"react\";\n\nimport franceBrand from \"../../images/franceBrand.svg\";\nimport englishBrand from \"../../images/englishBrand.svg\";\nimport spainBrand from \"../../images/spainBrand.svg\";\nimport germanyBrand from \"../../images/germanyBrand.png\";\n\nimport debounce from \"lodash.debounce\";\nimport { Item, Menu, Label, Field, Dropdown, Autocomplete } from \"@zendeskgarden/react-dropdowns\";\nimport { Row, Col } from \"@zendeskgarden/react-grid\";\n\nimport \"../../constants/global.css\";\nimport { useSelector } from \"react-redux\";\n\nconst DropDownCities = (props) => {\n // const [selectedItem, setSelectedItem] = useState(props.options[0]);\n const [inputValue, setInputValue] = useState(\"\");\n const [matchingOptions, setMatchingOptions] = useState(props.options);\n const { profile } = useSelector((state) => state.profileReducer);\n const { language } = profile;\n /**\n * Debounce filtering\n */\n const filterMatchingOptionsRef = useRef(\n debounce((value) => {\n const matchedOptions = props.options.filter((option) => option.trim().toLowerCase().indexOf(value.trim().toLowerCase()) !== -1);\n\n setMatchingOptions(matchedOptions);\n }, 300)\n );\n\n useEffect(() => {\n filterMatchingOptionsRef.current(inputValue);\n }, [inputValue]);\n\n var filteredDropdown = [\"\"];\n if (props.options) {\n filteredDropdown = props.options.filter((option) => {\n return option.trim().toLowerCase().indexOf(inputValue.trim().toLowerCase()) !== -1;\n });\n }\n\n return (\n \n \n \n {props.message}\n \n \n
\n );\n}\n\nexport default ButtonAbandonned;\n","export * from \"./atoms\";\nexport * from \"./molecules\";\nexport * from \"./templates\";\n","export const HTTPCodesEnum = {\n SUCCESSFUL: 200,\n CREATED: 201,\n NOT_CONTENT: 204,\n INTERNAL_SERVER_ERROR: 500,\n BAD_REQUEST: 400,\n FORBIDDEN: 403,\n RESOURCE_NOT_FOUND: 404,\n UNAUTHORIZED: 401,\n};\n","import axios from \"axios\";\nimport { STORE } from \"../redux\";\n\nimport { clearState, setProfile } from \"../redux/actions/profile_actions\";\nimport { getInLocalStorage, LocalStorageKeys, setInLocalStorage } from \"../helpers/local-storage-manager\";\nimport { filter, first, lastValueFrom, Subject } from \"rxjs\";\nimport { HTTPCodesEnum } from \"../models/httpcodes.models\";\nimport { OCP_KEY, AGORA_KEY } from \"../config/settings.json\";\n\nconst unlessPaths = [\n \"/login\",\n \"/\",\n \"/register/professional\",\n \"/register/individual\",\n \"/confirm-email\",\n \"/email-verification\",\n \"/forgot-password/validate\",\n \"/update-password\",\n \"/verify-identity\",\n];\n\nconst refreshToken = () => {\n return axios.post(\n \"http.refrashToken\",\n {},\n {\n headers: {\n Authorization: getInLocalStorage(LocalStorageKeys.REFRESH_TOKEN),\n },\n }\n );\n};\n\nconst SetInterceptors = () => {\n let data = {};\n\n const listener = () => {\n data = STORE.getState().profileReducer.profile;\n };\n\n STORE.subscribe(listener);\n\n const unless = (url, paths) => {\n return !paths.findIndex((path) => url.includes(path));\n };\n //request:AxiosRequestConfig -> type\n const updateHeader = (request) => {\n //If localStorage managment\n // const token = getInLocalStorage(LocalStorageKeys.TOKEN);\n const token = data.token;\n let newHeaders = {\n Authorization: `Bearer ${token}`,\n \"Content-Type\": \"application/json\",\n };\n if (OCP_KEY) {\n newHeaders = { ...newHeaders, \"Ocp-Apim-Subscription-Key\": `${OCP_KEY}` };\n }\n if (AGORA_KEY) {\n newHeaders = { ...newHeaders, \"Agora-Subscription-Key\": `${AGORA_KEY}` };\n }\n\n request.headers = newHeaders;\n return request;\n };\n const redirect = () => {\n // clearLocalStorage();\n STORE.dispatch(clearState());\n // window.location.replace(\"/account-login\");\n };\n\n //RefreshToken\n let refreshingToken = false;\n //Subject\n {/* */}\n
\n );\n}\nexport default InputForm;\n","import { useSelector } from \"react-redux\";\nimport config from \"../config/settings.json\";\nexport default function useGlobalContent(data) {\n const { profile } = useSelector((state) => state.profileReducer);\n const { full_name, email, language, username } = profile;\n\n const replaceGlobalContents = (str, itemData) => {\n if (str?.includes(\"{{backendURL}}\")) str = str.replace(/{{backendURL}}/g, `${config.BACKEND_URL}`);\n if (str?.includes(\"{{username}}\")) str = str.replace(/{{username}}/g, `${username}`);\n if (str?.includes(\"{{email}}\")) str = str.replace(/{{email}}/g, `${email}`);\n if (str?.includes(\"{{language}}\")) str = str.replace(/{{language}}/g, `${language}`);\n if (str?.includes(\"{{full_name}}\")) str = str.replace(/{{full_name}}/g, `${full_name}`);\n if (str?.includes(\"{{distributor_name}}\")) str = str.replace(/{{distributor_name}}/g, `${data?.result?.name}`);\n if (str?.includes(\"{{distributor_address}}\")) str = str.replace(/{{distributor_address}}/g, `${data?.result?.address?.address}`);\n if (str?.includes(\"{{distributor_opening_hours}}\"))\n str = str.replace(\n /{{distributor_opening_hours}}/g,\n `${data?.result?.address?.opening_hours ? data?.result?.address?.opening_hours : \"\"}`\n );\n if (str?.includes(\"{{distributor_phone}}\"))\n str = str.replace(/{{distributor_phone}}/g, `${data?.result?.address?.phone ? data?.result?.address.phone : \"\"}`);\n if (str?.includes(\"{{distributor_code}}\"))\n str = str.replace(/{{distributor_code}}/g, `${data?.result?.code ? data?.result?.code : \"\"}`);\n if (str?.includes(\"{{distributor_evaluation}}\"))\n str = str.replace(/{{distributor_evaluation}}/g, `${data?.result?.evaluation ? data?.result?.evaluation : \"\"}`);\n if (str?.includes(\"{{distributor_description}}\"))\n str = str.replace(/{{distributor_description}}/g, `${data?.result?.description ? data?.result?.description : \"\"}`);\n if (str?.includes(\"{{distributor_city}}\"))\n str = str.replace(/{{distributor_city}}/g, `${data?.result?.address?.city ? data?.result?.address.city : \"\"}`);\n if (str?.includes(\"{{distributor_postal_code}}\"))\n str = str.replace(/{{distributor_postal_code}}/g, `${data?.result?.address?.postal_code ? data?.result?.address.postal_code : \"\"}`);\n\n if (str?.includes(\"{{product_name}}\"))\n str = str.replace(/{{product_name}}/g, `${data?.result?.product_data?.name ? data?.result?.product_data?.name : \"\"}`);\n if (str?.includes(\"{{product_reference}}\"))\n str = str.replace(/{{product_reference}}/g, `${data?.result?.product_data?.reference ? data?.result?.product_data?.reference : \"\"}`);\n if (str?.includes(\"{{product_type}}\"))\n str = str.replace(/{{product_type}}/g, `${data?.result?.product_data?.type ? data?.result?.product_data?.type : \"\"}`);\n\n if (str?.includes(\"{{detail_exchange_number}}\")) str = str.replace(/{{detail_exchange_number}}/g, `${data?.result?.number}`);\n if (str?.includes(\"{{detail_exchange_comment}}\")) str = str.replace(/{{detail_exchange_comment}}/g, `${data?.result.comments}`);\n if (str?.includes(\"{{detail_exchange_createdAt}}\")) str = str.replace(/{{detail_exchange_createdAt}}/g, `${itemData?.created_at}`);\n if (str?.includes(\"{{detail_exchange_distributor_name}}\"))\n str = str.replace(\n /{{detail_exchange_distributor_name}}/g,\n `${data?.result?.distributor_data?.name ? data?.result?.distributor_data?.name : \"\"}`\n );\n if (str?.includes(\"{{detail_exchange_distributor_address}}\"))\n str = str.replace(\n /{{detail_exchange_distributor_address}}/g,\n `${data?.result?.distributor_data?.address?.address ? data?.result?.distributor_data?.address?.address : \"\"}`\n );\n if (str?.includes(\"{{detail_exchange_distributor_city}}\"))\n str = str.replace(\n /{{detail_exchange_distributor_city}}/g,\n `${data?.result?.distributor_data?.address?.city ? data?.result?.distributor_data?.address?.city : \"\"}`\n );\n if (str?.includes(\"{{detail_exchange_distributor_postal_code}}\"))\n str = str.replace(\n /{{detail_exchange_distributor_postal_code}}/g,\n `${data?.result?.distributor_data?.address?.postal_code ? data?.result?.distributor_data?.address?.postal_code : \"\"}`\n );\n if (str?.includes(\"{{detail_exchange_distributor_phone}}\"))\n str = str.replace(\n /{{detail_exchange_distributor_phone}}/g,\n `${data?.result?.distributor_data?.address?.phone ? data?.result?.distributor_data?.address?.phone : \"\"}`\n );\n if (str?.includes(\"{{detail_exchange_evaluation}}\"))\n str = str.replace(\n /{{detail_exchange_evaluation}}/g,\n `${data?.result?.distributor_data?.evaluation ? data?.result?.distributor_data?.evaluation : \"\"}`\n );\n if (str?.includes(\"{{detail_refusal_reason}}\"))\n str = str.replace(\n /{{detail_refusal_reason}}/g,\n `${data?.result?.refusal_reason_data?.label ? data?.result?.refusal_reason_data?.label : \"\"}`\n );\n return str;\n };\n\n return { replaceGlobalContents };\n}\n","import * as React from \"react\";\nimport Skeleton from \"@mui/material/Skeleton\";\nimport Stack from \"@mui/material/Stack\";\nimport \"bootstrap/dist/css/bootstrap.css\";\nimport { Card } from \"react-bootstrap\";\n\nexport default function LoadingSkeleton() {\n return (\n \n \n \n
\n );\n}\n","import React, { useState, useRef, useContext } from 'react';\nimport 'bootstrap/dist/css/bootstrap.css'\n\nimport '../../constants/global.css'\nimport './styles/button.css'\n\nfunction SubmitButton(props){\n const arrow = \" >\";\n return (\n \n \n \n
\n \n \n
\n \n
\n \n \n
\n \n \n
\n \n \n
\n \n \n \n {arrow}\n
\n );\n};\n\nexport default SubmitButton;","import React from 'react';\nimport './styles/input.css'\n\n\nfunction TextArea(props){\n const handleOnInputChange = (event)=>{\n const cliendData = event.target.value;\n props.handleOnInputValue(cliendData)\n } \n return(\n \n \n
\n );\n}\nexport default TextArea;","import { useMediaQuery } from \"@mui/material\";\nimport { removeTags } from \"../../helpers/removeHtml\";\nimport useGlobalContent from \"../../hooks/useGlobalContent\";\nimport { ButtonClean, TabWarranty, TextArea } from \"../atoms\";\nimport \"./style.css\";\n\nexport default function DetailsSection(props) {\n const { pageStatus, content, loading } = props;\n const { details, setDetails, totalCharacters } = props;\n const { setPageStatusBefore, setPageStatusAfter } = props;\n const matches = useMediaQuery(\"(max-width:600px)\");\n const { replaceGlobalContents } = useGlobalContent();\n\n return (\n \n {\n setDetails(data);\n }}\n maxLength={600}\n />\n \n
\n \n \n \n \n
\n \n \n
\n \n {totalCharacters}\n
\n
\n \n \n );\n}\n","import \"bootstrap/dist/css/bootstrap.css\";\n\nimport \"../../constants/global.css\";\nimport \"./styles/buttonClear.css\";\n\nexport default function ButtonDistributor(props) {\n return (\n \n setPageStatusBefore(4)}\n width=\"120px\"\n float=\"left\"\n disabled={loading}\n />\n
\n\n \n setPageStatusAfter()}\n width=\"120px\"\n float=\"right\"\n disabled={loading}\n />\n
\n \n \n \n {props.message}\n \n \n
\n );\n}\n","import { useContext } from \"react\";\nimport AppContext from \"../../context/AppContext\";\nimport { removeTags } from \"../../helpers/removeHtml\";\nimport useGlobalContent from \"../../hooks/useGlobalContent\";\nimport { ButtonClean, LoadingFacom } from \"../atoms\";\nimport { DropDownDistributor } from \"../molecules\";\nimport { useMediaQuery } from \"@mui/material\";\nimport ButtonDistributor from \"../atoms/ButtonDistributor\";\nimport { Autocomplete, Box, TextField } from \"@mui/material\";\nimport { createFilterOptions } from \"@mui/material/Autocomplete\";\n\nconst filter = createFilterOptions();\nexport default function DistributorSection(props) {\n const { content } = useContext(AppContext);\n const { distributorsArray, selectedPostalCodeFinal } = props;\n const { loadingDist, distributorsIdArray, distributorID } = props;\n const { onSelectDdDist, onChangeDdDist } = props;\n const { setPageStatusBefore, setPageStatusAfter, width, handleChangeInputDist, valueDist } = props;\n\n const { hasNextPage } = props;\n const { replaceGlobalContents } = useGlobalContent(distributorsIdArray);\n const matches = useMediaQuery(\"(min-width:991px)\");\n\n return (\n \n
\n ) : (\n \n
\n\n \n {!loadingDist ? (\n
\n )}\n \n {props.valueDistSelect && props.valueDistSelect !== \"-\" && (\n \n
\n \n
\n )}\n \n\n \n
\n \n
\n\n \n \n );\n}\n","export default __webpack_public_path__ + \"static/media/Example1.c33b0fe8.jpeg\";","export default __webpack_public_path__ + \"static/media/Example2.23972f1e.jpeg\";","export default __webpack_public_path__ + \"static/media/Example3.1b5e0f70.jpeg\";","export default __webpack_public_path__ + \"static/media/Example4.f0bf7991.jpeg\";","import { ButtonClean, TabWarranty, FileAttachement, ValidationAlert } from \"../atoms\";\nimport Example1 from \"../../images/Example1.jpeg\";\nimport Example2 from \"../../images/Example2.jpeg\";\nimport Example3 from \"../../images/Example3.jpeg\";\nimport Example4 from \"../../images/Example4.jpeg\";\nimport useGlobalContent from \"../../hooks/useGlobalContent\";\nimport { removeTags } from \"../../helpers/removeHtml\";\nimport \"./style.css\";\nexport default function PicturesSection(props) {\n const { pageStatus, lang, content, PhotosStatus, alertImage, assetsMedia } = props;\n const { fileNameImage1, handleChangeStatus, DisabledPhoto1 } = props;\n const { fileNameImage2, handleChangeStatusImage2, DisabledPhoto2 } = props;\n const { fileNameImage3, handleChangeStatusImage3, DisabledPhoto3 } = props;\n const { fileNameImage4, handleChangeStatusImage4, DisabledPhoto4 } = props;\n const { setPageStatusBefore, setPageStatusAfter } = props;\n const { replaceGlobalContents } = useGlobalContent();\n return (\n \n
\n \n );\n}\n","import { removeTags } from \"../../helpers/removeHtml\";\nimport useGlobalContent from \"../../hooks/useGlobalContent\";\nimport { ButtonClean, TabWarranty } from \"../atoms\";\nimport { DropDownProduct, DropDownSKU } from \"../molecules\";\nimport \"./style.css\";\nimport { useContext } from \"react\";\nimport AppContext from \"../../context/AppContext\";\n\nexport default function ProductSelection(props) {\n const { pageStatus, handleChangeToTerms, content } = props;\n const { productsArray, selectedProductReference, handleChangeSKU, handleChangeInput, value, loadingProd } = props;\n const { productsReferenceArray, selectedProductReferenceByName, setSelectedProductReferenceByName } = props;\n const { handleChangeToStep2, handleChangeProd } = props;\n const { productIDReference, productIDType } = useContext(AppContext);\n\n const { replaceGlobalContents } = useGlobalContent();\n\n return (\n \n 
\n
\n )}\n {PhotosStatus === 2 && (\n \n
\n {fileNameImage1\n ? !fileNameImage3 && (\n \n
\n )\n : \"\"}\n {alertImage && (\n \n
\n )}\n \n {PhotosStatus === 1 && (\n \n
\n \n
\n \n 
\n
\n )}\n {PhotosStatus === 3 && (\n \n \n
\n\n \n 
\n
\n )}\n {PhotosStatus === 4 && (\n \n \n
\n\n \n 
\n
\n )}\n\n \n \n \n
\n\n \n
\n \n \n
\n\n \n
\n \n
\n \n );\n}\n","import { removeTags } from \"../../helpers/removeHtml\";\nimport useGlobalContent from \"../../hooks/useGlobalContent\";\nimport { ButtonClean, TabWarranty } from \"../atoms\";\nimport { DropDownReasonEx } from \"../molecules\";\nimport \"./style.css\";\n\nexport default function TypeBreakSection(props) {\n const { pageStatus, content } = props;\n const { reasonForExchangesArray, selectedTypeCase, setselectedTypeCase } = props;\n const { setPageStatusBefore, setPageStatusAfter, reasonExchangeID } = props;\n\n const { replaceGlobalContents } = useGlobalContent();\n\n return (\n \n \n
\n \n \n \n
\n\n \n
\n\n \n\n
\n
\n \n
\n\n \n
\n \n
\n );\n}\n","export default __webpack_public_path__ + \"static/media/UploadIMG1.be266159.svg\";","export default __webpack_public_path__ + \"static/media/UploadIMG2.c4c4d1da.svg\";","import { Row } from \"@zendeskgarden/react-grid\";\nimport \"bootstrap/dist/css/bootstrap.css\";\nimport Dropzone from \"react-dropzone-uploader\";\nimport \"react-dropzone-uploader/dist/styles.css\";\nimport \"./styles/fileAttachement.css\";\n\nimport UploadImg1 from \"../../images/UploadIMG1.svg\";\nimport UploadImg2 from \"../../images/UploadIMG2.svg\";\nimport { useMediaQuery } from \"@mui/material\";\n\nconst FileAttachement = (props) => {\n const matches = useMediaQuery(\"(min-width:767px)\");\n const handleSubmit = (files, allFiles) => {\n allFiles.forEach((f) => f.remove());\n };\n\n const contentText = props.contentText;\n // const { getRootProps, getInputProps, isDragActive } = useDropzone({\n // accept: ['image/jpeg', 'image/png', 'image/pdf'],\n // onDrop\n // });\n const PhotoStatus = props.photoStatus;\n const NumberOfPhoto = props.numberPhoto;\n var statusUpload = false;\n\n if (NumberOfPhoto === 1) {\n if (PhotoStatus === 1) {\n statusUpload = true;\n } else {\n statusUpload = false;\n }\n }\n if (NumberOfPhoto === 2) {\n if (PhotoStatus === 2) {\n statusUpload = true;\n } else {\n statusUpload = false;\n }\n }\n if (NumberOfPhoto === 3) {\n if (PhotoStatus === 3) {\n statusUpload = true;\n } else {\n statusUpload = false;\n }\n }\n if (NumberOfPhoto === 4) {\n if (PhotoStatus === 4) {\n statusUpload = true;\n } else {\n statusUpload = false;\n }\n }\n return (\n \n
\n \n \n
\n\n
\n \n
\n \n
\n \n
\n ) : (\n {contentText}
\n \n 
\n
\n \n
\n )\n }\n SubmitButtonComponent={null}\n />\n {/* \n
\n \n {contentText}\n
\n\n 
\n
\n \n \n {`Archivo cargado:${props.fileName}`}\n */}\n {/* \n Formatos permitidos: JPG, PNG, y PDF.\n */}\n {/*
*/}\n \n
\n \n
\n \n
\n \n
\n \n );\n}\n","import { useState, useEffect, useContext } from \"react\";\nimport \"bootstrap/dist/css/bootstrap.css\";\nimport \"./styles/tabWarranty.css\";\n\nimport AppContext from \"../../context/AppContext\";\nimport useGlobalContent from \"../../hooks/useGlobalContent\";\nimport WarrantyProgress from \"../molecules/WarrantyProgress.jsx\";\n\nfunction useWindowSize() {\n const [windowSize, setWindowSize] = useState({\n width: undefined,\n height: undefined,\n });\n\n useEffect(() => {\n function handleResize() {\n setWindowSize({\n width: window.innerWidth,\n height: window.innerHeight,\n });\n }\n window.addEventListener(\"resize\", handleResize);\n handleResize();\n return () => window.removeEventListener(\"resize\", handleResize);\n }, []);\n return windowSize;\n}\n\nconst TabWarranty = (props) => {\n const { width, height } = useWindowSize();\n const { content } = useContext(AppContext);\n const { replaceGlobalContents } = useGlobalContent();\n\n const renderTabTypologie = () => {\n return (\n \n
\n \n {props.pageStatus === 2 && \"1/4\"}\n {props.pageStatus === 3 && \"2/4\"}\n {props.pageStatus === 4 && \"3/4\"}\n {props.pageStatus === 5 && \"4/4\"}\n
\n \n \n
\n );\n };\n\n const renderTabPhotos = () => {\n return (\n \n
\n \n
\n \n }\n
\n \n \n
\n {width > 800 &&\n
\n \n \n
\n\n
\n \n \n
\n\n
\n \n \n
\n\n \n
\n );\n };\n\n const renderTabTypeCasse = () => {\n return (\n \n
\n \n
\n \n
\n \n \n
\n {width > 800 && }\n\n
\n \n \n
\n\n
\n \n \n
\n\n
\n \n \n
\n\n \n
\n );\n };\n\n const renderTabSend = () => {\n return (\n \n
\n \n
\n \n
\n \n \n
\n {width > 800 && }\n\n
\n \n \n
\n\n
\n \n \n
\n\n
\n \n \n
\n\n \n
\n );\n };\n\n return (\n \n
\n \n
\n \n
\n \n \n
\n {width > 800 && }\n\n
\n \n \n
\n\n
\n \n \n
\n\n
\n \n \n
\n\n {width > 991 ? (\n <>\n {props.pageStatus === 2 && renderTabTypologie()}\n {props.pageStatus === 3 && renderTabPhotos()}\n {props.pageStatus === 4 && renderTabTypeCasse()}\n {props.pageStatus === 5 && renderTabSend()}\n \n ) : (\n
\n );\n};\n\nexport default TabWarranty;\n","/**\n *\n * @param {string} str\n * @returns\n */\n\nexport function removeTags(str) {\n if (str === null || str === \"\") return false;\n else str = str.toString();\n // Regular expression to identify HTML tags in\n // the input string. Replacing the identified\n // HTML tag with a null string.\n const stringWitOutHtml = str.replace(/(<([^>]+)>)/gi, \"\");\n return stringWitOutHtml.replace(\"&\", \"&\");\n}\n","import { useSnackbar } from \"notistack\";\nimport \"./style.css\";\n\nexport default function useToastMui() {\n const { enqueueSnackbar } = useSnackbar();\n const handleCreateToast = (message, variant) => {\n // variant could be success, error, warning, info, or default\n enqueueSnackbar(message, {\n variant: variant,\n anchorOrigin: { horizontal: \"center\", vertical: \"top\" },\n className: `${variant} alert-font`,\n });\n };\n\n return { handleCreateToast };\n}\n","import { SET_PROFILE, CLEAR_STATE } from \".\";\n\nconst Profile = {\n token: \"\",\n email: \"\",\n full_name: \"\",\n sub: \"\",\n username: \"\",\n language: \"FR\",\n reload: true,\n};\n\n/**\n *\n * @param {Profile} profile\n * @returns\n */\nconst setProfile = (profile) => (dispatch) => {\n dispatch({\n type: SET_PROFILE,\n payload: profile,\n });\n};\n\nconst clearState = () => (dispatch) => {\n dispatch({\n type: CLEAR_STATE,\n });\n};\n\nexport { setProfile, clearState };\n","import { useContext, useEffect, useLayoutEffect, useRef } from \"react\";\nimport \"bootstrap/dist/css/bootstrap.css\";\n\n// COMPONENTS\nimport LoginForm from \"../components/molecules/LoginForm\";\nimport RecoverPasswordForm from \"../components/molecules/RecoverPasswordFrom\";\nimport CreateAccount from \"../components/molecules/CreateAccount\";\n\n// CSS\nimport \"../constants/global.css\";\nimport \"./styles/login.css\";\n\n//contents\nimport AppContext from \"../context/AppContext\";\nimport { setInLocalStorage } from \"../helpers/local-storage-manager\";\n\nfunction LoginPage(props) {\n const { content } = useContext(AppContext);\n\n useEffect(() => {\n if (props.origin) {\n setInLocalStorage(\"origin\", props.origin);\n } else {\n setInLocalStorage(\"origin\", \"\");\n }\n }, []);\n return (\n \n \n
\n );\n}\n\nexport default LoginPage;\n","import { useContext, useEffect } from \"react\";\nimport \"bootstrap/dist/css/bootstrap.css\";\n\n// COMPONENTS\nimport ProfessionalForm from \"../components/molecules/ProfessionalFrom\";\nimport { Link } from \"react-router-dom\";\n\n// CSS\nimport \"../constants/global.css\";\nimport \"./styles/login.css\";\nimport AppContext from \"../context/AppContext\";\nimport { getInLocalStorage, setInLocalStorage } from \"../helpers/local-storage-manager\";\n\nfunction ProfessionalRegister(props) {\n const arrowLeft = \"< \";\n const { content } = useContext(AppContext);\n const originPath = getInLocalStorage(\"origin\");\n useEffect(() => {\n if (props.origin) {\n setInLocalStorage(\"origin\", props.origin);\n } else {\n setInLocalStorage(\"origin\", \"\");\n }\n }, []);\n\n return (\n \n
\n \n \n \n
\n\n \n
\n\n
\n \n
\n \n
\n \n
\n \n \n
\n \n \n
\n \n \n
\n );\n}\n\nexport default ProfessionalRegister;\n","import { useContext, useEffect } from \"react\";\nimport \"bootstrap/dist/css/bootstrap.css\";\n\n// COMPONENTS\nimport ProfessionalForm from \"../components/molecules/ProfessionalFrom\";\nimport { Link } from \"react-router-dom\";\n// CSS\nimport \"../constants/global.css\";\nimport \"./styles/login.css\";\nimport \"../components/molecules/style/loginForm.css\";\nimport AppContext from \"../context/AppContext\";\nimport { getInLocalStorage, setInLocalStorage } from \"../helpers/local-storage-manager\";\n\nfunction ParticularRegister(props) {\n const arrowLeft = \"< \";\n const { content } = useContext(AppContext);\n\n const originPath = getInLocalStorage(\"origin\");\n useEffect(() => {\n window.scroll(0, 0);\n if (props.origin) {\n setInLocalStorage(\"origin\", props.origin);\n } else {\n setInLocalStorage(\"origin\", \"\");\n }\n }, []);\n\n return (\n \n \n
\n );\n}\n\nexport default ParticularRegister;\n","import { useContext, useState, useEffect } from \"react\";\nimport \"bootstrap/dist/css/bootstrap.css\";\nimport AppContext from \"../context/AppContext\";\n\n// COMPONENTS\nimport Button from \"../components/atoms/Button\";\nimport { useSelector } from \"react-redux\";\nimport { getAllUsersById, updateUsers, setUserPassword, updateUserProfessional } from \"../api/facom_services\";\nimport LoadingFacom from \"../components/atoms/LoadingFacom\";\nimport InputForm from \"../components/atoms/InputForm\";\nimport DropDownCities from \"../components/atoms/DropDownCities\";\nimport { useHistory } from \"react-router-dom\";\n// CSS\nimport \"../constants/global.css\";\nimport \"./styles/login.css\";\nimport ValidationAlert from \"../components/atoms/ValidationAlert\";\nimport { DropDownWhite } from \"../components\";\nimport useGlobalContent from \"../hooks/useGlobalContent\";\nimport { removeTags } from \"../helpers/removeHtml\";\nimport { getInLocalStorage, setInLocalStorage } from \"../helpers/local-storage-manager\";\nimport useToastMui from \"../hooks/useToastMui\";\nimport InputPassword from \"../components/atoms/InputPassword\";\nimport { Alert } from \"@mui/material\";\n\nconst listaPaysOptions = [\"France\", \"Spain\", \"United Kingdom\", \"Germany\"];\n\nfunction PersonalInfoForm(props) {\n const { profile } = useSelector((state) => state.profileReducer);\n const { sub } = profile;\n const { handleCreateToast } = useToastMui();\n let history = useHistory();\n const {\n isValidUpdate,\n setIsValidUpdate,\n isValidSamePassUpdate,\n setIsValidSamePassUpdate,\n setCreatePassword,\n setCreatePasswordConfirm,\n setGlobalAlertMessage,\n setGlobalAlert,\n } = useContext(AppContext);\n\n const { content } = useContext(AppContext);\n\n const options = [\n removeTags(`${content[\"OPTIONS-PROFESSION-1\"]}`),\n removeTags(`${content[\"OPTIONS-PROFESSION-2\"]}`),\n removeTags(`${content[\"OPTIONS-PROFESSION-3\"]}`),\n removeTags(`${content[\"OPTIONS-PROFESSION-4\"]}`),\n removeTags(`${content[\"OPTIONS-PROFESSION-5\"]}`),\n removeTags(`${content[\"OPTIONS-PROFESSION-6\"]}`),\n removeTags(`${content[\"OPTIONS-PROFESSION-7\"]}`),\n removeTags(`${content[\"OPTIONS-PROFESSION-8\"]}`),\n removeTags(`${content[\"OPTIONS-PROFESSION-9\"]}`),\n removeTags(`${content[\"OPTIONS-PROFESSION-10\"]}`),\n removeTags(`${content[\"OPTIONS-PROFESSION-11\"]}`),\n removeTags(`${content[\"OPTIONS-PROFESSION-12\"]}`),\n removeTags(`${content[\"OPTIONS-PROFESSION-13\"]}`),\n removeTags(`${content[\"OPTIONS-PROFESSION-14\"]}`),\n removeTags(`${content[\"OPTIONS-PROFESSION-15\"]}`),\n removeTags(`${content[\"OPTIONS-PROFESSION-16\"]}`),\n removeTags(`${content[\"OPTIONS-PROFESSION-17\"]}`),\n removeTags(`${content[\"OPTIONS-PROFESSION-18\"]}`),\n removeTags(`${content[\"OPTIONS-PROFESSION-19\"]}`),\n removeTags(`${content[\"OPTIONS-PROFESSION-20\"]}`),\n removeTags(`${content[\"OPTIONS-PROFESSION-21\"]}`),\n removeTags(`${content[\"OPTIONS-PROFESSION-22\"]}`),\n removeTags(`${content[\"OPTIONS-PROFESSION-23\"]}`),\n ];\n\n const originPath = getInLocalStorage(\"origin\");\n\n useEffect(() => {\n window.scroll(0, 0);\n if (props.origin) {\n setInLocalStorage(\"origin\", props.origin);\n } else {\n setInLocalStorage(\"origin\", \"\");\n }\n setCreatePassword(\"\");\n setCreatePasswordConfirm(\"\");\n }, []);\n\n const [selectedCountry, setSelectedCountry] = useState(listaPaysOptions[0]);\n const [firstName, setFirstName] = useState(\"\");\n const [lastName, setLastName] = useState(\"\");\n const [email, setEmail] = useState(\"\");\n const [mobilePhone, setMobilePhone] = useState(\"\");\n const [workPhone, setWorkPhone] = useState(\"-\");\n const [homePhone, setHomePhone] = useState(\"-\");\n const [faxPhone, setFaxPhone] = useState(\"-\");\n const [address, setAddress] = useState(\"\");\n const [addressComplement, setAddressComplement] = useState(\"\");\n const [postalCode, setPostalCode] = useState(\"\");\n const [city, setCity] = useState(\"\");\n const [country, setCountry] = useState(\"\");\n const [password, setPassword] = useState(\"\");\n const [passwordConfirm, setPasswordConfirm] = useState(\"\");\n const [title, setTitle] = useState(\"\");\n const [preferedLanguage, setPreferedlanguage] = useState(\"\");\n const [languageActive, setLanguageActive] = useState(\"\");\n const [status, setStatus] = useState(\"\");\n const [selectedProfession, setSelectedProfession] = useState(options[0]);\n const [companyName, setCompanyName] = useState(\"\");\n const [customerId, setCustomerId] = useState(\"\");\n const [customerType, setCustomerType] = useState(\"\");\n const [matchingOptions, setMatchingOptions] = useState(options);\n\n //Alerts\n if (password === passwordConfirm) {\n setIsValidSamePassUpdate(true);\n } else {\n setIsValidSamePassUpdate(false);\n }\n\n const [loading, setLoading] = useState(false);\n useEffect(() => {\n try {\n getUser();\n } catch (error) {\n } finally {\n }\n }, []);\n\n //!-------------------USER------------------------\n\n const getUser = async () => {\n setLoading(!loading);\n try {\n const { data } = await getAllUsersById(sub);\n\n setFirstName(data.result?.first_name);\n setLastName(data.result?.last_name);\n setMobilePhone(data.result?.company_phone_number);\n setWorkPhone(data.result?.work_phone);\n setHomePhone(data.result?.home_phone);\n setEmail(data.result?.email);\n // setFaxPhone(data.result?.work_phone)\n setAddress(data.result?.address?.address);\n setAddressComplement(data.result?.address?.address_complement);\n setPostalCode(data.result?.address?.zipcode);\n setCity(data.result?.address?.city);\n setFaxPhone(data?.result?.fax_number ? data?.result?.fax_number : \"\");\n setCountry(\n data.result?.address?.country === \"FR\"\n ? \"France\"\n : data.result?.address?.country === \"ES\"\n ? \"Spain\"\n : data.result?.address?.country === \"UK\"\n ? \"United Kingdom\"\n : data.result?.address?.country === \"DE\"\n ? \"Germany\"\n : \"\"\n );\n setTitle(data.result?.title);\n setPreferedlanguage(data.result?.users_settings?.preferred_language);\n setLanguageActive(data.result?.users_settings?.lenguage_active);\n setStatus(data.result?.status);\n setPassword(\"\");\n setPasswordConfirm(\"\");\n setSelectedProfession(\n data.result.customer_data.business === \"Industry\"\n ? removeTags(`${content[\"OPTIONS-PROFESSION-1\"]}`)\n : data.result.customer_data.business === \"Mechanic\"\n ? removeTags(`${content[\"OPTIONS-PROFESSION-2\"]}`)\n : data.result.customer_data.business === \"Exterior renovation\"\n ? removeTags(`${content[\"OPTIONS-PROFESSION-3\"]}`)\n : data.result.customer_data.business === \"Interior renovation\"\n ? removeTags(`${content[\"OPTIONS-PROFESSION-4\"]}`)\n : data.result.customer_data.business === \"Coachbuilder\"\n ? removeTags(`${content[\"OPTIONS-PROFESSION-5\"]}`)\n : data.result.customer_data.business === \"Carpenter\"\n ? removeTags(`${content[\"OPTIONS-PROFESSION-6\"]}`)\n : data.result.customer_data.business === \"Coppersmith\"\n ? removeTags(`${content[\"OPTIONS-PROFESSION-7\"]}`)\n : data.result.customer_data.business === \"Roofer\"\n ? removeTags(`${content[\"OPTIONS-PROFESSION-8\"]}`)\n : data.result.customer_data.business === \"Electrician\"\n ? removeTags(`${content[\"OPTIONS-PROFESSION-9\"]}`)\n : data.result.customer_data.business === \"Ironworker\"\n ? removeTags(`${content[\"OPTIONS-PROFESSION-10\"]}`)\n : data.result.customer_data.business === \"Builder\"\n ? removeTags(`${content[\"OPTIONS-PROFESSION-11\"]}`)\n : data.result.customer_data.business === \"Wood shaper\"\n ? removeTags(`${content[\"OPTIONS-PROFESSION-12\"]}`)\n : data.result.customer_data.business === \"Toolmaker\"\n ? removeTags(`${content[\"OPTIONS-PROFESSION-13\"]}`)\n : data.result.customer_data.business === \"Building worker\"\n ? removeTags(`${content[\"OPTIONS-PROFESSION-14\"]}`)\n : data.result.customer_data.business === \"House painter\"\n ? removeTags(`${content[\"OPTIONS-PROFESSION-15\"]}`)\n : data.result.customer_data.business === \"Plumer\"\n ? removeTags(`${content[\"OPTIONS-PROFESSION-16\"]}`)\n : data.result.customer_data.business === \"Locksmith\"\n ? removeTags(`${content[\"OPTIONS-PROFESSION-17\"]}`)\n : data.result.customer_data.business === \"Welder\"\n ? removeTags(`${content[\"OPTIONS-PROFESSION-18\"]}`)\n : data.result.customer_data.business === \"Stonerutter\"\n ? removeTags(`${content[\"OPTIONS-PROFESSION-19\"]}`)\n : data.result.customer_data.business === \"Electrician technician\"\n ? removeTags(`${content[\"OPTIONS-PROFESSION-20\"]}`)\n : data.result.customer_data.business === \"Lathe milling\"\n ? removeTags(`${content[\"OPTIONS-PROFESSION-21\"]}`)\n : data.result.customer_data.business === \"Other craftman\"\n ? removeTags(`${content[\"OPTIONS-PROFESSION-22\"]}`)\n : data.result.customer_data.business === \"Others\"\n ? removeTags(`${content[\"OPTIONS-PROFESSION-23\"]}`)\n : \"\"\n );\n setCompanyName(data.result.customer_data.company_name);\n setCustomerId(data.result.customer_data._id);\n setCustomerType(data.result.customer_data.account_type);\n return data;\n } catch (error) {\n console.log(\"error get products\");\n console.log(error);\n if (error?.request?.status !== 401 && error?.request?.status !== 403)\n handleCreateToast(removeTags(`${content[\"ALERT-ERROR-GET-USER\"]}`), \"error\");\n } finally {\n console.log(\"end\");\n setLoading(false);\n }\n };\n\n const updateInfo = async () => {\n setLoading(!loading);\n\n try {\n if (customerType === \"Professional\") {\n if (firstName && lastName && email && mobilePhone && selectedProfession && companyName) {\n await updateUserProfessional(\n customerId,\n \"Professional\",\n selectedProfession === removeTags(`${content[\"OPTIONS-PROFESSION-1\"]}`)\n ? \"Industry\"\n : selectedProfession === removeTags(`${content[\"OPTIONS-PROFESSION-2\"]}`)\n ? \"Mechanic\"\n : selectedProfession === removeTags(`${content[\"OPTIONS-PROFESSION-3\"]}`)\n ? \"Exterior renovation\"\n : selectedProfession === removeTags(`${content[\"OPTIONS-PROFESSION-4\"]}`)\n ? \"Interior renovation\"\n : selectedProfession === removeTags(`${content[\"OPTIONS-PROFESSION-5\"]}`)\n ? \"Coachbuilder\"\n : selectedProfession === removeTags(`${content[\"OPTIONS-PROFESSION-6\"]}`)\n ? \"Carpenter\"\n : selectedProfession === removeTags(`${content[\"OPTIONS-PROFESSION-7\"]}`)\n ? \"Coppersmith\"\n : selectedProfession === removeTags(`${content[\"OPTIONS-PROFESSION-8\"]}`)\n ? \"Roofer\"\n : selectedProfession === removeTags(`${content[\"OPTIONS-PROFESSION-9\"]}`)\n ? \"Electrician\"\n : selectedProfession === removeTags(`${content[\"OPTIONS-PROFESSION-10\"]}`)\n ? \"Ironworker\"\n : selectedProfession === removeTags(`${content[\"OPTIONS-PROFESSION-11\"]}`)\n ? \"Builder\"\n : selectedProfession === removeTags(`${content[\"OPTIONS-PROFESSION-12\"]}`)\n ? \"Wood shaper\"\n : selectedProfession === removeTags(`${content[\"OPTIONS-PROFESSION-13\"]}`)\n ? \"Toolmaker\"\n : selectedProfession === removeTags(`${content[\"OPTIONS-PROFESSION-14\"]}`)\n ? \"Building worker\"\n : selectedProfession === removeTags(`${content[\"OPTIONS-PROFESSION-15\"]}`)\n ? \"House painter\"\n : selectedProfession === removeTags(`${content[\"OPTIONS-PROFESSION-16\"]}`)\n ? \"Plumer\"\n : selectedProfession === removeTags(`${content[\"OPTIONS-PROFESSION-17\"]}`)\n ? \"Locksmith\"\n : selectedProfession === removeTags(`${content[\"OPTIONS-PROFESSION-18\"]}`)\n ? \"Welder\"\n : selectedProfession === removeTags(`${content[\"OPTIONS-PROFESSION-19\"]}`)\n ? \"Stonerutter\"\n : selectedProfession === removeTags(`${content[\"OPTIONS-PROFESSION-20\"]}`)\n ? \"Electrician technician\"\n : selectedProfession === removeTags(`${content[\"OPTIONS-PROFESSION-21\"]}`)\n ? \"Lathe milling\"\n : selectedProfession === removeTags(`${content[\"OPTIONS-PROFESSION-22\"]}`)\n ? \"Other craftman\"\n : selectedProfession === removeTags(`${content[\"OPTIONS-PROFESSION-23\"]}`)\n ? \"Others\"\n : \"Others\",\n \"\",\n \"\",\n firstName,\n lastName,\n email,\n workPhone,\n homePhone,\n mobilePhone,\n faxPhone,\n address ? address : \"\",\n addressComplement ? addressComplement : \"\",\n \"\",\n \"\",\n city,\n country === \"France\"\n ? \"FR\"\n : country === \"Spain\"\n ? \"ES\"\n : country === \"United Kingdom\"\n ? \"UK\"\n : country === \"Germany\"\n ? \"DE\"\n : \"\",\n postalCode ? postalCode : \"\",\n companyName\n );\n }\n } else {\n if (firstName && lastName && email && mobilePhone) {\n await updateUsers(\n customerId,\n firstName,\n lastName,\n email,\n workPhone,\n mobilePhone,\n homePhone,\n address ? address : \"\",\n addressComplement ? addressComplement : \"\",\n city ? city : \"\",\n country === \"France\"\n ? \"FR\"\n : country === \"Spain\"\n ? \"ES\"\n : country === \"United Kingdom\"\n ? \"UK\"\n : country === \"Germany\"\n ? \"DE\"\n : \"\",\n postalCode ? postalCode : \"\",\n title,\n languageActive,\n preferedLanguage,\n status,\n faxPhone,\n companyName\n );\n }\n }\n if (password.length) {\n if (isValidUpdate && isValidSamePassUpdate) {\n if (password === passwordConfirm) {\n setUserPassword(sub, password);\n }\n } else {\n handleCreateToast(removeTags(`${content[\"ALERT-ERROR-UPDATE-1\"]}`), \"error\");\n }\n }\n handleCreateToast(removeTags(`${content[\"ALERT-SUCCESS-UPDATE-USER\"]}`), \"success\");\n history.push(`/dashboard/${originPath}`);\n } catch (error) {\n console.log(\"error update\");\n console.log(error);\n if (error?.request?.status !== 401 && error?.request?.status !== 403)\n handleCreateToast(removeTags(`${content[\"ALERT-ERROR-UPDATE-1\"]}`), \"error\");\n } finally {\n console.log(\"end\");\n setLoading(false);\n }\n };\n\n const arrowLeft = \"< \";\n\n const { replaceGlobalContents } = useGlobalContent();\n\n return (\n \n
\n \n \n \n
\n \n \n {arrowLeft}\n \n
\n \n {!loading ? (\n\n
\n \n
\n \n \n
\n \n \n
\n
\n \n \n
\n )}\n\n {/* parte 3 */}\n \n \n
\n \n
\n\n {/* parte 2 */}\n\n {customerType === \"Professional\" && (\n \n {/* parte 1 */}\n
\n \n \n
\n \n \n
\n \n \n
\n {\n setFirstName(data);\n }}\n />\n
\n \n
\n \n \n \n
\n \n \n \n \n
\n {\n setLastName(data);\n }}\n />\n
\n \n
\n\n \n
\n \n \n
\n \n \n
\n {\n setCompanyName(data);\n }}\n />\n
\n \n
\n \n \n
\n \n \n
\n setMatchingOptions(data)}\n />\n
\n \n
\n \n \n
\n \n \n
\n\n {\n setEmail(data);\n }}\n />\n
\n \n
\n \n \n
\n \n \n
\n {\n setMobilePhone(data);\n }}\n />\n
\n \n
\n \n \n
\n \n \n
\n\n {\n setHomePhone(data);\n }}\n />\n
\n \n
\n \n \n
\n \n \n
\n\n {\n setWorkPhone(data);\n }}\n />\n
\n \n
\n\n {/* parte 4 */}\n \n \n
\n \n \n
\n\n {\n setFaxPhone(data);\n }}\n />\n
\n \n
\n \n \n {customerType === \"Professional\" ? (\n
\n ) : (\n \n )}\n \n \n {customerType === \"Professional\" ? (\n
\n {\n setAddress(data);\n }}\n />\n
\n \n
\n \n \n
\n \n \n
\n {\n setAddressComplement(data);\n }}\n />\n
\n \n
\n \n \n
\n \n \n
\n {\n setPostalCode(data);\n }}\n />\n
\n \n \n \n
\n \n \n {customerType === \"Professional\" ? (\n
\n ) : (\n \n )}\n \n \n {customerType === \"Professional\" ? (\n
\n {\n setCity(data);\n }}\n />\n
\n \n \n \n \n
\n \n \n
\n\n setCountry(item)} />\n
\n \n\n \n
\n\n \n
\n \n \n
\n\n {\n setPassword(data);\n setIsValidUpdate(true);\n }}\n />\n
\n \n
\n \n \n
\n\n {\n setPasswordConfirm(data);\n }}\n />\n \n \n {password.length ? (\n
\n \n \n
\n\n {!isValidUpdate && (\n
\n ) : (\n \"\"\n )}\n \n {password.length ? (\n \n
\n )}\n \n {!isValidSamePassUpdate && (\n
\n ) : (\n \"\"\n )}\n \n
\n )}\n \n \n
\n \n \n \n \n ) : (\n \n \n {customerType === \"Professional\" ? (\n updateInfo(sub)}\n />\n ) : (\n updateInfo(sub)}\n />\n )}\n
\n \n
\n )}\n \n \n );\n}\n\nexport default PersonalInfoForm;\n","import { useContext, useState, useEffect } from \"react\";\nimport \"bootstrap/dist/css/bootstrap.css\";\nimport AppContext from \"../context/AppContext\";\n\n// COMPONENTS\n\nimport { Link } from \"react-router-dom\";\nimport ButtonClean from \"../components/atoms/ButtonClean\";\n// CSS\nimport \"../constants/global.css\";\nimport \"./styles/warranty.css\";\n\nimport LoadingPag from \"../components/atoms/LoadingPag\";\nimport LoadingFacom from \"../components/atoms/LoadingFacom\";\nimport { useSelector } from \"react-redux\";\n//contents\nimport { DetailsSection, DistributorSection, PicturesSection, ProductSelection, TypeBreakSection } from \"../components\";\nimport { useGetDistributors, useGetExchanges, useGetPictures, useGetProducts, useGetUser } from \"../hooks\";\nimport FloatAlert from \"../components/atoms/FloatAlert\";\nimport useGlobalContent from \"../hooks/useGlobalContent\";\nimport { removeTags } from \"../helpers/removeHtml\";\nimport { getInLocalStorage, setInLocalStorage } from \"../helpers/local-storage-manager\";\nimport useToastMui from \"../hooks/useToastMui\";\n\nfunction useWindowSize() {\n const [windowSize, setWindowSize] = useState({\n width: undefined,\n height: undefined,\n });\n\n useEffect(() => {\n function handleResize() {\n setWindowSize({\n width: window.innerWidth,\n height: window.innerHeight,\n });\n }\n window.addEventListener(\"resize\", handleResize);\n handleResize();\n return () => window.removeEventListener(\"resize\", handleResize);\n }, []);\n return windowSize;\n}\n\nfunction WarrantyPage(props) {\n const { width } = useWindowSize();\n const { profile } = useSelector((state) => state.profileReducer);\n const { content } = useContext(AppContext);\n const { handleCreateToast } = useToastMui();\n\n const date = new Date();\n const year = date.getFullYear();\n const month = date.getMonth() + 1;\n const day = date.getDate();\n const hour = date.getHours();\n const Minutes = date.getMinutes();\n const { distributorID, setdistributorID, assetsMedia } = useContext(AppContext);\n const [loadingDraft, setLoadingDraft] = useState(false);\n\n const {\n reasonExchangeID,\n setReasonExchangeID,\n loading,\n productID,\n setProductID,\n elegibleExchange,\n productIDReference,\n productIDType,\n setProductIDReference,\n setProductIDType,\n } = useContext(AppContext);\n\n const TodayDate = `${day}/${month}/${year} ${hour}:${Minutes}`;\n\n const { sub } = profile;\n\n // const [selectedProductReference,setSelectedProductReference ] = useState(productReferenceproducts[0])\n const [selectedProductReference, setSelectedProductReference] = useState(\"\");\n const [selectedPostalCodeFinal, setSelectedPostalCodeFinal] = useState(\"\");\n const [selectedProductReferenceByName, setSelectedProductReferenceByName] = useState(\"\");\n const [selectedTypeCase, setselectedTypeCase] = useState(\"\");\n\n // const [productReferenceID,setProductReferenceID ] = useState('')\n\n const originPath = getInLocalStorage(\"origin\");\n\n useEffect(() => {\n if (props.origin) {\n setInLocalStorage(\"origin\", props.origin);\n } else {\n setInLocalStorage(\"origin\", \"\");\n }\n if (getInLocalStorage(\"recreate\") == \"yes\") {\n setPageStatus(2);\n }\n setProductID(\"\");\n setReasonExchangeID(\"\");\n setdistributorID(\"\");\n setDetails(\"\");\n setProductIDReference(\"\");\n setProductIDType(\"\");\n }, []);\n\n const { toggle } = useContext(AppContext);\n\n useEffect(() => {\n setSelectedProductReference(removeTags(`${content[\"FORM-NEW-WARRANTY-FIRST.STEP-INPUT-KNOW-PLACEHOLDER\"]}`));\n\n setSelectedProductReferenceByName(removeTags(`${content[\"FORM-NEW-WARRANTY-FIRST.STEP-DONT-INPUT-KNOW-PLACEHOLDER\"]}`));\n\n setSelectedPostalCodeFinal(removeTags(`${content[\"FORM-NEW-WARRANTY-FINAL.STEP-PLACEHOLDER\"]}`));\n\n setselectedTypeCase(removeTags(`${content[\"FORM-NEW-WARRANTY-THIRD.STEP-INPUT-KNOW-PLACEHOLDERS\"]}`));\n }, [toggle, content]);\n\n const { details, setDetails } = useContext(AppContext);\n var totalCharacters = 600 - details.length;\n var [pageStatus, setPageStatus] = useState(1);\n useEffect(() => {\n window.scroll(0, 0);\n }, [pageStatus]);\n\n //API STATE\n\n //!-------------------PRODUCTS------------------------\n const {\n productsArray,\n productsReferenceArray,\n handleChange,\n handleChangeProd,\n handleChangeInput,\n value,\n loadingProd,\n handleChangeInputProd,\n valueProd,\n } = useGetProducts();\n\n //!-------------------DISTRIBUTOR------------------------\n\n const {\n getDistributorID,\n distributorsArray,\n distributorsIdArray,\n handleChangeDist,\n loadingDist,\n handleChangeInputDist,\n valueDist,\n valueDistSelect,\n getDistributorsFunction,\n hasNextPage,\n loadingScroll,\n } = useGetDistributors();\n\n //? Se agrega el id segun la referencia al producto\n\n //* MAPEO DE REASN FOR EXCHANGE EN OBJETO PARA DROPDOWN\n\n //!------------------------------EXCHANGES------------------------------------\n\n const { createNewExchanges, updateToSpecificStatus, reasonForExchangesArray, loadingLast } = useGetExchanges(setPageStatus);\n\n //!------------------------------PICTURES------------------------------------\n const {\n picturesArray,\n fileNameImage1,\n fileNameImage2,\n fileNameImage3,\n fileNameImage4,\n PhotosStatus,\n DisabledPhoto1,\n DisabledPhoto2,\n DisabledPhoto3,\n DisabledPhoto4,\n handleChangeStatus,\n handleChangeStatusImage2,\n handleChangeStatusImage3,\n handleChangeStatusImage4,\n alertImage,\n } = useGetPictures();\n const { replaceGlobalContents } = useGlobalContent();\n\n const renderInfoPage = () => {\n return (\n \n
\n \n \n \n );\n };\n\n // !------------------------------------!changes-------------------------------------\n\n const handleChangeToStep2 = () => {\n if (productIDReference || productIDType) {\n setPageStatus(3);\n }\n };\n const handleChangeToStep4 = () => {\n if (reasonExchangeID) {\n setPageStatus(5);\n }\n };\n const handleChangeToStep5 = async () => {\n try {\n setLoadingDraft(true);\n await createNewExchanges(details, picturesArray);\n } catch (error) {\n if (error?.request?.status !== 401 && error?.request?.status !== 403)\n handleCreateToast(removeTags(`${content[\"ALERT-ERROR-CREATE-EXCHANGE\"]}`), \"error\");\n } finally {\n setLoadingDraft(false);\n }\n };\n\n //? -----------------------------------STEP 1 --------------------------------------\n\n const renderProductSelection = () => {\n return (\n \n \n \n
\n \n \n \n
\n \n \n \n
\n
\n \n
\n \n \n {\n setPageStatus(2);\n }}\n />\n
\n \n \n {arrowLeft}\n \n
\n \n\n\n {pageStatus === 1 && (\n \n
\n \n \n )}\n {(pageStatus === 2 || pageStatus === 3 || pageStatus === 4 || pageStatus === 5) && (\n \n
\n \n \n
\n \n \n
\n
\n \n
\n \n \n )}\n {pageStatus === 6 && (\n \n
\n {elegibleExchange ? (\n <>\n \n
\n \n \n
\n
\n \n \n ) : (\n <>\n \n \n
\n \n
\n \n \n )}\n \n )}\n\n \n {pageStatus === 1 && renderInfoPage()}\n {renderProductSelection()}\n {renderPhotos()}\n {pageStatus === 4 && renderTypeCasses()}\n {pageStatus === 5 && renderSend()}\n
\n \n {!loadingLast ? {pageStatus === 6 && renderFinal()}
: \n {\n setRating(newValue);\n addRatingPut(newValue);\n }}\n />\n\n
\n \n \n
\n\n \n
\n {/* {item?.number} */}\n\n
\n \n
\n \n\n
\n \n\n {\n setOpenConfirm(false);\n history.push(`/demand/${originPath}`);\n }}\n width=\"230px\"\n />\n
\n \n \n
\n\n\n \n \n
\n \n \n \n
\n \n \n
\n \n
\n
\n \n
\n \n
\n \n
\n \n 
\n
\n \n \n
\n \n 
\n
\n \n \n
\n \n 
\n
\n \n \n
\n \n \n 
\n
\n \n {originPath ? (\n onClick()} />\n ) : (\n \n onClick()} />\n \n )}\n
\n \n \n \n
\n )}\n {groupExchangesAccepted?.length != 0 && (\n \n {arrowLeft}\n \n
\n \n\n
\n )}\n {groupExchangesAnalysis?.length != 0 && (\n \n
\n \n
\n \n \n
\n \n \n
\n {loading && (\n
\n )}\n {groupExchangesAbandonned?.length != 0 && (\n \n
\n )}\n\n \n\n {!loading && (\n \n {empty && }\n getExchangesStatus()} />\n
\n )}\n {groupExchangesSubmitted?.length != 0 && (\n \n {total >= offsetCalls && (\n getExchangesStatus(offsetCalls)}\n width=\"150px\"\n float=\"right\"\n />\n )}\n
\n {groupExchangesDraft?.length != 0 && (\n \n \n
\n \n \n \n
\n \n
\n \n \n \n
\n \n
\n \n \n \n
\n \n
\n \n \n \n
\n \n
\n \n \n \n
\n \n
\n \n \n \n
\n \n
\n \n \n \n
\n \n
\n \n \n \n
\n \n
\n \n \n \n
\n \n
\n )}\n {detailsArray?.result?.status[detailsArray?.result?.status.length - 1].status === \"Recycled\" && (\n \n {arrowLeft}\n \n
\n \n\n {loading && (\n
\n \n {\" \"}\n
\n )}\n\n {!loading && (\n \n
\n \n
\n \n \n
\n \n \n
\n
\n \n \n
\n )}\n \n
\n \n \n
\n \n : {detailsArray?.result?.number}\n
\n \n {detailsArray?.result?.status[detailsArray?.result?.status.length - 1].status === \"Exchanged\" && (\n
\n ) : (\n \n {!rating && (\n
\n )}\n {!rating ? (\n \n {\n setRating(newValue);\n addRatingPut(newValue);\n }}\n />\n
\n \n
\n \n \n
\n
\n {!rating && (\n
\n )}\n {!rating ? (\n \n {\n setRating(newValue);\n addRatingPut(newValue);\n }}\n readOnly={rating > 0}\n />\n
\n\n \n
\n \n \n {\" \"}\n
\n
\n
\n )}\n {row.status === \"Accepted\" && (\n \n {row.status === \"Draft\" && \"\"}\n {row.status === \"Submitted\" && (\n
\n )}\n {row.status === \"Analysis\" && (\n \n
\n \n 
\n
\n \n \n
\n \n \n
\n \n )}\n {row.status === \"Available\" && (\n \n \n
\n \n )}\n {row.status === \"Exchanged\" && (\n \n {/* {detailsArray?.result?.distributor_data?.evaluation === 0 && (\n
\n\n {/* )} */}\n \n )}\n {row.status === \"Refused\" && (\n \n \n
\n )}\n {detailsArray?.result?.distributor_data?.evaluation !== 0 && ( */}\n \n {\" \"}\n {content[\"TABLE-TRACKING-WARRANTY.EXCHANGED-NOT-QUALIFIED\"]} ?{\" \"}\n
\n\n \n
\n \n \n
\n \n )}\n {row.status === \"Recycled\" && (\n \n \n
\n \n )}\n \n \n ))}\n \n \n \n \n )}\n \n \n );\n}\n\nexport default DetailsExchange;\n","import { useContext, useEffect, useState } from \"react\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport { getContentsAPI } from \"../api/facom_services\";\nimport AppContext from \"../context/AppContext\";\nimport { setInLocalStorage } from \"../helpers/local-storage-manager\";\nimport { Template } from \"../pages/pageTemplates/template\";\nimport { setProfile } from \"../redux/actions/profile_actions\";\n\nexport default function useContentsDetails() {\n const dispatch = useDispatch();\n const [loadingCont, setLoadingCont] = useState(false);\n const { profile } = useSelector((state) => state.profileReducer);\n const { language } = profile;\n const { setContent, toggle } = useContext(AppContext);\n\n const getContents = async (language, detailGroupId) => {\n setLoadingCont(true);\n try {\n const items = await getContentsAPI();\n //Process items to get only one variant\n const processedItems = processItems(items, language, Template, detailGroupId);\n dispatch(setProfile({ contents: processedItems }));\n setContent(processedItems);\n } catch (err) {\n setInLocalStorage(\"validate\", false);\n setInLocalStorage(\"updatePassword\", false);\n setInLocalStorage(\"updatePasswordMigrated\", false);\n throw err;\n }\n setLoadingCont(false);\n };\n\n /**\n *\n * @param {contents} items saved on redux\n * @param {string} language language selected by user\n * @param {any} titleObjects template of component\n * @returns\n */\n const processItems = (items, language, titleObjects, detailGroupId) => {\n //Create an array from key of component template\n const keyTitles = Object.keys(titleObjects);\n\n //Iterate this array and extract language variant from contents\n for (let i = 0; i < keyTitles.length; i++) {\n const element = keyTitles[i];\n //Search content that match with template placeholder\n let content = {};\n if (detailGroupId) {\n //Search if content have group id and update based on it\n content = items.find((item) => item.placeholder === element && item.group_id === detailGroupId);\n } else {\n content = items.find((item) => item.placeholder === element);\n }\n\n if (content) {\n //Search language variant according user selection\n const variant = content.variants.find((variant) => variant.language === language);\n if (variant) titleObjects[element] = variant.content;\n }\n }\n\n return titleObjects;\n };\n\n /**\n *\n * @param {contents} items saved on redux\n * @param {string} language language selected by user\n * @param {any} titleObjects template of component\n * @returns\n */\n\n return { getContents, processItems, loadingCont };\n}\n","export const createAdapterDetail = (item) => {\n return {\n result: {\n _id: item.result._id,\n number: item.result.number,\n status: item.result.status.reverse(),\n customer_id: item.result.customer_id,\n distributor_id: item.result.distributor_id,\n product_id: item.result.product_id,\n evaluation: item.result.evaluation,\n qr_code: item.result.qr_code,\n exchange_reason_id: item.result.exchange_reason_id,\n refusal_reason_id: item.result.refusal_reason_id,\n comments: item.result.comments,\n quantity: item.result.quantity,\n total_cost: item.result.total_cost,\n geographical_coordinates: item.result.geographical_coordinates,\n code_direct_evaluation: item.result.code_direct_evaluation,\n currency: item.result.currency,\n pictures: item.result.pictures,\n customer_data: item.result.customer_data,\n distributor_data: item.result.distributor_data,\n product_data: item.result.product_data,\n exchange_reason_data: item.result.exchange_reason_data,\n refusal_reason_data: item.result.refusal_reason_data,\n user_data: item.result.user_data,\n group_data: item.result.group_data,\n brand_data: item.result.brand_data,\n },\n };\n};\n","import { useContext, useState, useEffect } from \"react\";\nimport \"bootstrap/dist/css/bootstrap.css\";\nimport AppContext from \"../context/AppContext\";\n\n// COMPONENTS\n\nimport { Link, useHistory } from \"react-router-dom\";\n\n// CSS\nimport \"../constants/global.css\";\nimport \"./styles/warranty.css\";\n\nimport {\n getAllDistributorAddress,\n getAllDistributorGroupCodeVisible,\n getAllDistributorPostalCodeAndGroupCode,\n getAllExchangesById,\n} from \"../api/facom_services\";\nimport {\n getAllDistributorName,\n getAllDistributorPostalCode,\n getDistributorsById,\n updateExchanges,\n updateExchangesStatus,\n getAllDistributors,\n} from \"../api/facom_services\";\nimport LoadingPag from \"../components/atoms/LoadingPag\";\nimport LoadingFacom from \"../components/atoms/LoadingFacom\";\nimport { DistributorSection } from \"../components\";\nimport { removeTags } from \"../helpers/removeHtml\";\nimport useGlobalContent from \"../hooks/useGlobalContent\";\nimport { getInLocalStorage, setInLocalStorage } from \"../helpers/local-storage-manager\";\nimport useToastMui from \"../hooks/useToastMui\";\nimport useInfiniteScroll from \"react-infinite-scroll-hook\";\n\nfunction useWindowSize() {\n const [windowSize, setWindowSize] = useState({\n width: undefined,\n height: undefined,\n });\n\n useEffect(() => {\n window.scroll(0, 0);\n function handleResize() {\n setWindowSize({\n width: window.innerWidth,\n height: window.innerHeight,\n });\n }\n window.addEventListener(\"resize\", handleResize);\n handleResize();\n return () => window.removeEventListener(\"resize\", handleResize);\n }, []);\n return windowSize;\n}\n\nfunction SelectDistributor(props) {\n let history = useHistory();\n const { width } = useWindowSize();\n const { distributorID, setdistributorID } = useContext(AppContext);\n const { content } = useContext(AppContext);\n const { handleCreateToast } = useToastMui();\n\n const { replaceGlobalContents } = useGlobalContent();\n\n const originPath = getInLocalStorage(\"origin\");\n const [valueDist, setValueDist] = useState(\"\");\n\n useEffect(() => {\n (async () => {\n if (props.origin) {\n setInLocalStorage(\"origin\", props.origin);\n } else {\n setInLocalStorage(\"origin\", \"\");\n }\n await getExchangesID();\n })();\n }, []);\n\n const [selectedPostalCodeFinal, setSelectedPostalCodeFinal] = useState(\"\");\n const [inputDistributor, setInputDistributor] = useState(\"\");\n\n // const [productReferenceID,setProductReferenceID ] = useState('')\n if (selectedPostalCodeFinal === \"\") {\n if (content[\"FORM-NEW-WARRANTY-FINAL.STEP-PLACEHOLDER\"]) {\n setSelectedPostalCodeFinal(removeTags(`${content[\"FORM-NEW-WARRANTY-FINAL.STEP-PLACEHOLDER\"]}`));\n }\n }\n var [pageStatus, setPageStatus] = useState(1);\n\n //API STATE\n\n const [distributorssrray, setDistributorsArray] = useState([]);\n const [distributorsIdArray, setDistributorsIdArray] = useState([]);\n const [productsID, setProductID] = useState([]);\n const [customerID, setCustomerID] = useState([]);\n const [reasonForExchangesID, setReasonForExchangesID] = useState([]);\n const [exchangesArray, setExchangesArray] = useState([]);\n const [valueDistSelect, setValueDistSelect] = useState(\"\");\n const [valueDistSearch, setValueDistSearch] = useState(\"\");\n const [loading, setLoading] = useState(false);\n const [loadingLast, setLoadingLast] = useState(false);\n const [loadingEx, setLoadingEx] = useState(false);\n const [pictures, setPictures] = useState([]);\n const [loadingScroll, setLoadingScroll] = useState(false);\n\n const [hasNextPage, setgasNextPage] = useState(false);\n useEffect(() => {\n if (!valueDistSearch) return;\n\n const delayDebounceFn = setTimeout(() => {\n getDistributorsFunction();\n }, 500);\n\n return () => clearTimeout(delayDebounceFn);\n }, [valueDistSearch]);\n const getDistributorsFunction = async () => {\n if (valueDistSearch.slice(0, 1) !== \"*\") {\n if (valueDistSearch.length >= 2) {\n setgasNextPage(false);\n await getDistributor(valueDistSearch);\n }\n }\n if (valueDistSearch === \"*\") {\n await getAllDistributor(originPath);\n }\n };\n\n const getExchangesID = async () => {\n setLoadingEx(!loadingEx);\n try {\n const response = getAllExchangesById(props.id);\n const data = (await response).data;\n setExchangesArray(data);\n setProductID(data.result.product_id);\n setCustomerID(data.result.customer_id);\n setReasonForExchangesID(data.result.exchange_reason_id);\n setPictures(data.result.pictures);\n } catch (error) {\n console.log(\"error get exchange\");\n console.log(error);\n if (error?.request?.status !== 401 && error?.request?.status !== 403)\n handleCreateToast(removeTags(`${content[\"ALERT-ERROR-GET-EXCHANGES\"]}`), \"error\");\n } finally {\n console.log(\"end\");\n setLoadingEx(false);\n }\n };\n\n //!-------------------DISTRIBUTOR------------------------\n\n const [page, setPage] = useState(0);\n\n const getDistributor = async (value) => {\n setLoading(!loading);\n\n try {\n const handlePostalAndGroupCode = value.split(\":\");\n let arrayByPostalCodeAndGroupCode = [];\n let completeArray = [];\n if (handlePostalAndGroupCode.length > 1) {\n if (handlePostalAndGroupCode[1].length > 0) {\n if (handlePostalAndGroupCode[1] === \"*\") {\n const responseGroupAndPostal = getAllDistributorGroupCodeVisible(handlePostalAndGroupCode[0], originPath);\n const dataGroupAndPostal = (await responseGroupAndPostal).data;\n\n arrayByPostalCodeAndGroupCode = dataGroupAndPostal.result.items.map(function (items) {\n // return(items.reference)\n var rObj = {\n name: `${items.address?.postal_code} - ${items.name}`,\n id: items.id,\n };\n return rObj;\n });\n } else {\n const responseGroupAndPostal = getAllDistributorPostalCodeAndGroupCode(\n handlePostalAndGroupCode[1],\n handlePostalAndGroupCode[0],\n originPath\n );\n const dataGroupAndPostal = (await responseGroupAndPostal).data;\n\n arrayByPostalCodeAndGroupCode = dataGroupAndPostal.result.items.map(function (items) {\n // return(items.reference)\n var rObj = {\n name: `${items.address?.postal_code} - ${items.name}`,\n id: items.id,\n };\n return rObj;\n });\n }\n }\n } else {\n const responseByPostalCode = getAllDistributorPostalCode(value, originPath);\n const dataByPostalCode = (await responseByPostalCode).data;\n\n const fullArray = [...dataByPostalCode?.result?.items];\n completeArray = fullArray.map(function (items) {\n // return(items.reference)\n var rObj = {\n name: `${items.address?.postal_code} - ${items.name}`,\n id: items.id,\n };\n return rObj;\n });\n }\n let arrayOp = [...completeArray, ...arrayByPostalCodeAndGroupCode];\n let hash = {};\n arrayOp = arrayOp.filter((o) => (hash[o.id] ? false : (hash[o.id] = true)));\n\n setDistributorsArray(arrayOp);\n\n return arrayOp;\n } catch (error) {\n console.log(\"error get products\");\n console.log(error);\n // if (error?.request?.status !== 401 && error?.request?.status !== 403)\n // handleCreateToast(removeTags(`${content[\"ALERT-ERROR-GET-DISTRIBUTORS\"]}`), \"error\");\n } finally {\n console.log(\"end\");\n setLoading(false);\n }\n };\n\n const getAllDistributor = async () => {\n if (page === 0) setLoading(true);\n setLoadingScroll(true);\n try {\n setgasNextPage(true);\n const response = getAllDistributors(originPath, page);\n\n const data = (await response).data;\n\n // setProductsArray(data)\n const array1 = data.result.items.map(function (items) {\n // return(items.reference)\n var rObj = {\n name: `${items.address?.postal_code} - ${items.name}`,\n id: items.id,\n };\n return rObj;\n });\n\n if (array1.length === 0) {\n setgasNextPage(false);\n }\n setDistributorsArray([...distributorssrray, ...array1]);\n setPage((prev) => prev + 1);\n return data;\n } catch (error) {\n console.log(\"error get products\");\n console.log(error);\n // if (error?.request?.status !== 401 && error?.request?.status !== 403)\n // handleCreateToast(removeTags(`${content[\"ALERT-ERROR-GET-DISTRIBUTORS\"]}`), \"error\");\n } finally {\n console.log(\"end\");\n setLoading(false);\n setLoadingScroll(false);\n }\n };\n\n const [loadinDist, setLoadingDist] = useState(false);\n const getDistributorID = async (id) => {\n setLoadingDist(!loadinDist);\n try {\n if (id === \"0\" || id === \"undefined\") return;\n const response = getDistributorsById(id);\n const data = (await response).data;\n setDistributorsIdArray(data);\n return data;\n } catch (error) {\n console.log(\"error get products\");\n console.log(error);\n if (error?.request?.status !== 401 && error?.request?.status !== 403)\n handleCreateToast(removeTags(`${content[\"ALERT-ERROR-GET-ONE-EXCHANGE\"]}`), \"error\");\n } finally {\n console.log(\"end\");\n setLoadingDist(false);\n }\n };\n\n const handleChangeDist = (e, value) => {\n setValueDistSelect(value?.name);\n setValueDist(value?.name);\n setdistributorID(value?.id);\n getDistributorID(`${value?.id}`);\n };\n\n const handleChangeInputDist = (e) => {\n setValueDist(e?.target?.value);\n setValueDistSearch(e?.target?.value);\n setDistributorsArray([]);\n };\n\n //* MAPEO DE REASN FOR EXCHANGE EN OBJETO PARA DROPDOWN\n\n //!------------------------------EXCHANGES------------------------------------\n\n const updateToSpecificStatus = async (button) => {\n try {\n const response = await updateExchangesInfo();\n\n if (response) {\n await updateExchangesStatus(props.id, \"Submitted\");\n handleCreateToast(removeTags(`${content[\"ALERT-SUCCESS-CREATE-EXCHANGE-SUBMITTED\"]}`), \"success\");\n }\n } catch (error) {\n console.log(\"error updated\");\n console.log(error);\n if (error?.request?.status !== 401 && error?.request?.status !== 403)\n handleCreateToast(removeTags(`${content[\"ALERT-ERROR-UPDATE-STATUS\"]}`), \"error\");\n } finally {\n setLoading(false);\n console.log(\"end\");\n if (button) {\n history.push(`/historic/${originPath}`);\n } else {\n setInLocalStorage(\"recreate\", \"yes\");\n window.location.replace(`/demand/${originPath}`);\n }\n }\n };\n\n //UPDATE ALL INFO\n const updateExchangesInfo = async () => {\n setLoading(!loading);\n try {\n if (productsID && reasonForExchangesID && pictures.length >= 3) {\n const response = updateExchanges(props.id, customerID, distributorID, productsID, reasonForExchangesID);\n const data = (await response).data;\n return data;\n } else {\n throw Error(\"product_id or exchange_reason_id required\", { status: 400 });\n }\n // successUpdated()\n } catch (error) {\n console.log(\"error update info\");\n console.log(error);\n console.log(error.message);\n if (error.message) {\n if (error?.message.includes(\"product_id\") || error?.message.includes(\"exchange_reason_id\") || pictures.length < 3) {\n try {\n await updateExchangesStatus(props.id, \"Abandonned\");\n handleCreateToast(\n \"Votre demande était incomplète (photo, raison, ou commentaire) et nous devons la supprimer . \\nNous vous remercions de bien vouloir refaire votre demande.\",\n \"error\"\n );\n } catch {\n if (error?.request?.status !== 401 && error?.request?.status !== 403)\n handleCreateToast(removeTags(`${content[\"ALERT-ERROR-UPDATE-STATUS\"]}`), \"error\");\n }\n }\n } else {\n if (error?.request?.status !== 401 && error?.request?.status !== 403) {\n if (error?.request?.response.includes(\"product_id\") || error?.request?.response.includes(\"exchange_reason_id\")) {\n try {\n await updateExchangesStatus(props.id, \"Abandonned\");\n handleCreateToast(\n \"Votre demande était incomplète (photo, raison, ou commentaire) et nous devons la supprimer . \\nNous vous remercions de bien vouloir refaire votre demande.\",\n \"error\"\n );\n } catch {\n if (error?.request?.status !== 401 && error?.request?.status !== 403)\n handleCreateToast(removeTags(`${content[\"ALERT-ERROR-UPDATE-STATUS\"]}`), \"error\");\n }\n } else {\n if (error) handleCreateToast(removeTags(`${content[\"ALERT-ERROR-UPDATE-1\"]}`), \"error\");\n }\n }\n }\n } finally {\n setLoading(false);\n console.log(\"end\");\n }\n };\n\n const arrowLeft = \"< \";\n\n var ColorPage = false;\n if (pageStatus === 1 || pageStatus === 6) {\n ColorPage = true;\n } else {\n ColorPage = false;\n }\n\n return (\n \n \n \n
\n {!loadingLast ? (\n \n {arrowLeft}\n \n
\n \n\n {!loadingEx ? (\n\n
\n \n
\n \n \n
\n \n \n
\n
\n \n
\n )}\n \n\n \n
\n )}\n \n );\n };\n const RenderSuccess = () => {\n return (\n <>\n {successSendEmail && (\n \n
\n )}\n \n );\n };\n\n return (\n \n
\n );\n}\n","import useQuery from \"../helpers/getLocation\";\nimport { useContext, useEffect, useState } from \"react\";\nimport { ButtonClean, InputForm, LoadingFacom, LoadingPag, ValidationAlert } from \"../components\";\nimport AppContext from \"../context/AppContext\";\nimport \"../components/molecules/style/loginForm.css\";\nimport { resendVerificationEmailAPI, verifyEmailAPI } from \"../api/facom_services\";\nimport { LocalStorageKeys, getInLocalStorage, setInLocalStorage } from \"../helpers/local-storage-manager\";\nimport { removeTags } from \"../helpers/removeHtml\";\nimport { useSelector } from \"react-redux\";\nexport default function EmailValidation(props) {\n let query = useQuery();\n const { profile } = useSelector((state) => state.profileReducer);\n const { language } = profile;\n const { content } = useContext(AppContext);\n const [email, setEmail] = useState(\"\");\n\n const [error, setError] = useState(false);\n const [errorSendEmail, setErrorSendEmail] = useState(false);\n const [successSendEmail, setSuccessSendEmail] = useState(false);\n const [loading, setLoading] = useState(false);\n const [loadingSend, setLoadingSend] = useState(false);\n const [alertWrongMessage, setAlertWrongMessage] = useState(\"\");\n\n const origin = getInLocalStorage(\"origin\");\n useEffect(() => {\n validateEmail();\n }, []);\n const validateEmail = async () => {\n setLoading((prev) => !prev);\n try {\n setInLocalStorage(\"validate\", true);\n const response = verifyEmailAPI(query.get(\"verification_code\"));\n const data = (await response).data;\n\n //IF USER IS MIGRATED THEY HAVE NOT PASSWORD\n if (data.result?.first_time_password) {\n setInLocalStorage(LocalStorageKeys.EMAIL, data.result?.email_user);\n window.location.replace(`/forgot-password/validate`);\n } else {\n setInLocalStorage(\"expired\", false);\n window.location.replace(origin ? `/login/${origin}` : `/login`);\n }\n } catch (error) {\n console.log(\"error validating account\");\n console.log(error);\n setError(true);\n if (language === \"EN\") {\n setAlertWrongMessage(`${error?.response?.data?.message}`);\n } else {\n setAlertWrongMessage(\n `${error?.response?.data?.message}` === \"The token is expired, verify try send again\"\n ? \"Le jeton a expiré, vérifiez et réessayez d'envoyer le jeton.\"\n : \"Erreur de validation\"\n );\n }\n } finally {\n console.log(\"end\");\n setLoading(false);\n }\n };\n\n const resendValidationEmail = async (emailToSend) => {\n setLoadingSend((prev) => !prev);\n try {\n await resendVerificationEmailAPI(emailToSend);\n setSuccessSendEmail(true);\n setErrorSendEmail(false);\n } catch (error) {\n console.log(\"error sending email\");\n console.log(error);\n setSuccessSendEmail(false);\n setErrorSendEmail(true);\n setAlertWrongMessage(\n error?.response?.data?.message ? `${error?.response?.data?.message}` : \"Erreur lors de l'envoi du courrier électronique\"\n );\n } finally {\n console.log(\"end\");\n setLoadingSend(false);\n }\n };\n\n const RenderError = () => {\n return (\n <>\n {errorSendEmail && (\n \n \n \n \n
\n {loadingSend && \n {arrowLeft}\n \n
\n \n\n
\n \n
\n \n \n
\n\n \n
\n\n 
\n
\n \n \n
\n\n \n
\n \n {email}\n
\n \n 
\n
\n\n \n \n
\n\n resendValidationEmail(email)} />\n
\n \n
\n )}\n \n );\n };\n\n const RenderErrorVerify = () => {\n return (\n <>\n {error && (\n \n
\n )}\n \n );\n };\n const RenderSuccess = () => {\n return (\n <>\n {successSendEmail && (\n \n
\n )}\n \n );\n };\n\n const handleSubmit = () => {\n resendValidationEmail();\n };\n const arrowLeft = \"< \";\n return (\n \n {!error ? (\n <>\n {loading ? (\n
\n );\n}\n","import { useContext, useEffect, useState } from \"react\";\nimport { ButtonClean, InputForm, LoadingFacom, LoadingPag, ValidationAlert } from \"../components\";\nimport AppContext from \"../context/AppContext\";\nimport \"../components/molecules/style/loginForm.css\";\nimport useQuery from \"../helpers/getLocation\";\nimport { updatePassword, verifyResetPasswordEmailAPI } from \"../api/facom_services\";\nimport { LocalStorageKeys, getInLocalStorage, setInLocalStorage } from \"../helpers/local-storage-manager\";\nimport { removeTags } from \"../helpers/removeHtml\";\nimport { useSelector } from \"react-redux\";\nimport InputPassword from \"../components/atoms/InputPassword\";\n\nexport default function UpdatePassword(props) {\n let query = useQuery();\n\n const [password, setPassword] = useState(\"\");\n const [passwordConfirm, setPasswordConfirm] = useState(\"\");\n const [loading, setLoading] = useState(false);\n\n const [success, setSuccess] = useState(false);\n const [error, setError] = useState(false);\n const [isValidSamePass, setIsValidSamePass] = useState(false);\n const [isValid, setIsValid] = useState(true);\n\n const [errorMessage, setErrorMessage] = useState(null);\n const { content } = useContext(AppContext);\n const originPath = getInLocalStorage(\"origin\");\n const { profile } = useSelector((state) => state.profileReducer);\n const { language } = profile;\n\n // if (password === passwordConfirm) {\n // setIsValidSamePass(true);\n // } else {\n // setIsValidSamePass(false);\n // }\n\n const RenderError = () => {\n return (\n <>\n {error && (\n \n
\n ) : (\n <>\n )}\n \n ) : (\n \n
\n \n \n
\n )}\n\n {/* \n \n
\n {loadingSend && \n
\n \n \n
\n \n \n
\n \n\n
\n \n
\n \n \n
\n\n \n
\n \n \n \n resendValidationEmail(email)}\n width=\"60%\"\n />\n
\n \n \n
\n )}\n \n );\n };\n const RenderSuccess = () => {\n return (\n <>\n {success && (\n \n
\n )}\n \n );\n };\n\n const validateEmail = async () => {\n setLoading((prev) => !prev);\n try {\n if (query.get(\"code\")) {\n await verifyResetPasswordEmailAPI(password, query.get(\"code\"));\n setSuccess(true);\n setError(false);\n setInLocalStorage(\"updatePassword\", true);\n setInLocalStorage(\"updatePasswordMigrated\", false);\n setInLocalStorage(\"expired\", false);\n window.location.replace(originPath ? `/login/${originPath}` : `/login`);\n } else {\n const email = `${getInLocalStorage(LocalStorageKeys.EMAIL)}`;\n await updatePassword(password, email);\n setInLocalStorage(LocalStorageKeys.EMAIL, \"\");\n setInLocalStorage(\"updatePassword\", false);\n setInLocalStorage(\"updatePasswordMigrated\", true);\n setSuccess(true);\n setInLocalStorage(\"expired\", false);\n setInLocalStorage(\"updatePasswordMigrated\", true);\n window.location.replace(originPath ? `/login/${originPath}` : `/login`);\n }\n } catch (error) {\n console.log(\"error validating account\");\n console.log(error);\n if (error?.response?.data?.metadata?.invalid_fields?.newPassword) {\n setErrorMessage(\n language === \"EN\"\n ? `${error?.response?.data?.metadata?.invalid_fields?.registrationForm[0]}`\n : \"Mot de passe non valide. Effectuez une nouvelle demande de réinitialisation de mot de passe.\"\n );\n } else if (error?.response?.data?.message) {\n setErrorMessage(\"Mot de passe non valide. Effectuez une nouvelle demande de réinitialisation de mot de passe.\");\n } else {\n setErrorMessage(removeTags(`${content[\"ALERT-PASSWORD-CONTAIN\"]}`));\n }\n setError(true);\n setSuccess(false);\n } finally {\n console.log(\"end\");\n setLoading(false);\n }\n };\n\n const handleSubmit = (e) => {\n e.preventDefault();\n validateEmail();\n };\n const arrowLeft = \"< \";\n return (\n \n \n\n
\n );\n}\n","import { useContext, useState } from \"react\";\nimport { ButtonClean, InputForm, LoadingFacom, ValidationAlert } from \"../components\";\nimport AppContext from \"../context/AppContext\";\nimport \"../components/molecules/style/loginForm.css\";\nimport { updateMigratedUsers } from \"../api/facom_services\";\nimport { LocalStorageKeys, getInLocalStorage } from \"../helpers/local-storage-manager\";\nimport { removeTags } from \"../helpers/removeHtml\";\nimport { useSelector } from \"react-redux\";\n\nexport default function VerifyIdentity() {\n const { content } = useContext(AppContext);\n const { profile } = useSelector((state) => state.profileReducer);\n const { language } = profile;\n const [email, setEmail] = useState(\"\");\n\n const [error, setError] = useState(false);\n const [successSendEmail, setSuccessSendEmail] = useState(false);\n const [loading, setLoading] = useState(false);\n const [sendVerification, setSendVerification] = useState(false);\n const arrowLeft = \"< \";\n const [errorValidationMessage, setErrorValidationMessage] = useState(\"\");\n const origin = getInLocalStorage(\"origin\");\n const [isValid, setIsValid] = useState(false);\n\n const verifyIdentityFn = async () => {\n setLoading(true);\n setSendVerification(true);\n try {\n const emailRegex = /^\\w+([\\.-]?\\w+)*@\\w+([\\.-]?\\w+)*(\\.\\w{2,3})+$/;\n const validatedEmailRegex = emailRegex.test(email);\n setIsValid(validatedEmailRegex);\n if (validatedEmailRegex) {\n const uuid = `${getInLocalStorage(LocalStorageKeys.USER_ID)}`;\n await updateMigratedUsers(uuid, email);\n setSuccessSendEmail(true);\n }\n setError(false);\n } catch (error) {\n console.log(\"error validating code\");\n console.log(error);\n setErrorValidationMessage(`${error.response.data.message}`);\n if (error?.response?.data?.metadata?.error_description) {\n setErrorValidationMessage(\n `${error?.response?.data?.metadata?.error_description}` === \"Attempted to update a duplicate value\"\n ? language === \"EN\"\n ? \"The email is already in use\"\n : \"L'adresse e-mail est déjà utilisée.\"\n : `${error?.response?.data?.metadata?.error_description}`\n );\n } else {\n setErrorValidationMessage(`${error.response.data.message}`);\n }\n setError(true);\n } finally {\n console.log(\"end\");\n setLoading(false);\n }\n };\n const handleSubmit = (e) => {\n e.preventDefault();\n verifyIdentityFn();\n };\n\n const RenderError = () => {\n return (\n <>\n {error && (\n \n \n
\n {loading && \n
\n \n {/* \n
\n \n \n
\n\n \n
\n\n \n \n
\n \n
\n \n \n
\n\n \n
\n \n \n
\n \n \n
\n\n \n \n \n
\n\n \n \n {\n validateEmail();\n }}\n width=\"100%\"\n disabled={!isValid || password !== passwordConfirm || password === \"\"}\n />\n
\n \n
\n )}\n \n );\n };\n const RenderSuccess = () => {\n return (\n <>\n {successSendEmail && (\n \n
\n )}\n \n );\n };\n\n return (\n \n \n
\n );\n}\n","import { useContext, useEffect, useState } from \"react\";\nimport useQuery from \"../helpers/getLocation\";\nimport logoEval from \"../images/logo-eval.png\";\nimport { LoadingFacom } from \"../components\";\nimport { rateExchangeFromEmail } from \"../api/facom_services\";\nimport AppContext from \"../context/AppContext\";\nexport default function FacEval() {\n let query = useQuery();\n\n const { content } = useContext(AppContext);\n\n const [loading, setLoading] = useState(false);\n const [error, setError] = useState(false);\n const rateFromEmail = async () => {\n setLoading((prev) => !prev);\n try {\n if (query.get(\"c\") && query.get(\"e\")) {\n await rateExchangeFromEmail(query.get(\"c\"), +query.get(\"e\"));\n setError(false);\n } else {\n setError(true);\n }\n } catch (error) {\n console.log(\"error validating account\");\n console.log(error);\n setError(true);\n } finally {\n console.log(\"end\");\n setLoading(false);\n }\n };\n useEffect(() => {\n rateFromEmail();\n }, []);\n\n return (\n \n \n
\n\n {loading && \n
\n \n \n
\n \n \n
\n \n \n\n
\n \n
\n \n \n
\n\n \n
\n \n \n \n verifyIdentityFn(email)}\n width=\"60%\"\n />\n
\n\n \n \n {loading ? (\n 
\n {error ? (\n
\n );\n}\n","export default \"data:image/png;base64,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\"","import \"./style.css\";\n\nexport default function SureRoute() {\n return (\n \n \n
\n ) : (\n <>\n )}\n\n \n
\n \n \n
\n ) : (\n\n \n
\n )}\nLorem Ipsum
\n\nIpsum, Lorem
\n\n\n
\n \n );\n}\n","import \"./App.css\";\nimport { useContext, useEffect } from \"react\";\n\nimport { BrowserRouter, Switch, Route } from \"react-router-dom\";\n\nimport LoginPage from \"./pages/Login\";\nimport ProfessionalRegister from \"./pages/ProfessionalRegister\";\nimport ParticularRegister from \"./pages/ParticularRegister\";\nimport PersonalInfoForm from \"./pages/PersonalInfoForm\";\nimport WarrantyPage from \"./pages/WarrantyPage\";\nimport MainPage from \"./pages/MainPage\";\nimport TrackingState from \"./pages/TrakingState\";\nimport { Redirect } from \"react-router-dom\";\nimport { useSelector } from \"react-redux\";\n\nimport DetailsExchange from \"./pages/DetailsExchange\";\nimport FooterLogin from \"./components/molecules/FooterLogin\";\n// CSS\nimport \"./constants/global.css\";\nimport \"./pages/styles/login.css\";\nimport AppContext from \"./context/AppContext\";\nimport SelectDistributor from \"./pages/SelectDistributor\";\nimport { useWindowSize } from \"./hooks\";\nimport { LoadingFacom, NavMenuEnd } from \"./components\";\nimport VerifyEmail from \"./pages/VerifyEmail\";\nimport EmailValidation from \"./pages/EmailValidation\";\nimport UpdatePassword from \"./pages/UpdatePassword\";\nimport TestAlert from \"./components/atoms/TestAlert\";\nimport VerifyIdentity from \"./pages/VerifyIdentity\";\nimport FacEval from \"./pages/FacEval\";\nimport SureRoute from \"./pages/sureRoute/SureRoute\";\n\nconst Routes = (props) => {\n const { width } = useWindowSize();\n const { version } = useContext(AppContext);\n\n //Redux\n const { profile } = useSelector((state) => state.profileReducer);\n const { token } = profile;\n const { loading } = props;\n\n return (\n \n Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam massa enim, tincidunt non hendrerit eget, malesuada et nisi. In\n hac habitasse platea dictumst. Praesent nec laoreet ante. Aenean tempus nisi in erat tempus tempus. Vestibulum imperdiet lobortis\n sapien eu tempus. Vivamus volutpat quam sed eros molestie vitae dignissim nulla ultricies. Vivamus dictum elit velit. Pellentesque\n pellentesque ornare ornare. Mauris vel gravida sapien. Praesent eleifend tristique ipsum nec tempor. Vestibulum cursus eleifend\n tellus, a egestas lectus euismod sed.\n
\n\n Duis nec massa quam. Nulla porta, enim ut consequat tincidunt, quam tortor consequat enim, eu interdum eros lorem eu turpis. Cras\n vestibulum orci quis felis tristique quis semper sem imperdiet. Sed mattis tincidunt risus scelerisque scelerisque. Aliquam nisl\n quam, bibendum quis luctus eu, sodales ut felis. Integer id turpis nisi. Phasellus mattis nulla eu odio faucibus a auctor orci\n tristique. Nulla ullamcorper, risus nec semper accumsan, libero lacus aliquet elit, quis lacinia metus nunc vestibulum turpis.\n Suspendisse vel sapien vel magna auctor aliquam. Aenean fringilla fringilla metus non imperdiet. Aliquam nisl lacus, tempus vitae\n commodo non, accumsan ut lectus. Nam in urna eu neque pretium aliquam. Maecenas sit amet urna lectus. Donec vitae metus enim.\n
\n\n Sed lacus nulla, faucibus eget ullamcorper ut, mollis at metus. Vivamus tortor felis, tincidunt at tristique ut, tincidunt feugiat\n velit. Ut euismod felis non urna luctus luctus. Integer nec urna massa. Mauris vestibulum hendrerit auctor. Morbi at tellus nec\n arcu scelerisque rhoncus. Phasellus facilisis interdum lorem vulputate posuere. Nullam quis felis est. Aenean metus augue, tempus\n non ultricies et, dapibus vel felis. Pellentesque at augue velit. Nulla erat nisi, posuere eu pellentesque id, pretium ac libero.\n Phasellus tincidunt sollicitudin sapien at mollis. Nullam et libero velit, nec tincidunt eros. Aliquam et sem elit. Quisque\n suscipit orci enim, vel aliquam nisi. Suspendisse in enim a ligula blandit volutpat in id velit.\n
\n\n Nam tempor neque nec ligula sollicitudin rhoncus. Etiam et lorem vel odio pharetra interdum. Cum sociis natoque penatibus et\n magnis dis parturient montes, nascetur ridiculus mus. In imperdiet nisi sed diam rutrum gravida in vel massa. Nam ullamcorper\n ultrices diam, vitae consequat lacus consequat consequat. Curabitur laoreet leo sed tortor fringilla nec euismod libero lobortis.\n Donec non enim lectus. Suspendisse potenti. In hac habitasse platea dictumst. Fusce semper auctor neque nec lobortis. Praesent\n vitae mauris turpis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin sed pharetra odio. Suspendisse potenti. Cum\n sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Duis eget odio purus, quis dapibus massa.\n
\n\n Curabitur ut dapibus eros. Donec tempor, felis ac facilisis bibendum, nisi purus pellentesque sem, sollicitudin tempor lectus\n nulla at mi. Maecenas quis urna ut ante pulvinar pellentesque. Duis auctor imperdiet suscipit. Pellentesque dui nulla, volutpat\n quis posuere a, gravida ornare augue. Proin nec felis pharetra magna pellentesque facilisis. Curabitur lacus libero, malesuada sed\n tincidunt ac, aliquet ut tortor. Etiam gravida lorem nulla, consectetur eleifend risus. Donec facilisis, turpis laoreet imperdiet\n laoreet, purus justo egestas nulla, et hendrerit leo eros at orci. Nunc vulputate mauris sit amet sapien accumsan nec euismod orci\n volutpat. Sed ultricies velit ut lorem venenatis in convallis tellus imperdiet. Aenean auctor ultrices est ultricies rhoncus.\n Phasellus non magna a leo luctus fermentum nec fermentum erat.\n
\n\n Sed faucibus nisl quis diam mollis quis varius tortor tincidunt. Phasellus in turpis in tellus consectetur mollis. Donec a neque\n id metus condimentum dignissim. In hac habitasse platea dictumst. Pellentesque sem nisi, pulvinar nec sagittis vitae, lacinia non\n tellus. Aliquam dignissim dignissim volutpat. Pellentesque ut quam et mi tincidunt varius id vel quam. Duis consectetur elit ac\n ligula fringilla elementum. In elementum tellus viverra mi vehicula vitae tempus lectus laoreet. Nullam diam nibh, tincidunt vitae\n imperdiet a, luctus a felis. In posuere pulvinar volutpat. Pellentesque eget viverra justo.\n
\n\n Nullam nec sapien at felis molestie auctor. Sed dignissim erat eu nulla ullamcorper mattis. Curabitur felis sem, feugiat non\n semper ut, sollicitudin sed ipsum. Quisque cursus laoreet turpis, sit amet molestie neque consequat at. Vestibulum eu ligula quis\n nisl pulvinar rhoncus. Praesent faucibus, dolor in elementum ullamcorper, tellus ante mattis risus, ac imperdiet eros eros quis\n risus. Praesent luctus libero a diam pharetra eget placerat risus pulvinar. Donec sollicitudin pulvinar velit vel pellentesque.\n Quisque sagittis leo ac mauris congue adipiscing. In tempus facilisis facilisis. Aliquam erat volutpat. Suspendisse sagittis\n libero ipsum.\n
\n\n Aliquam at cursus ipsum. Vivamus purus mi, pretium at molestie id, dictum in quam. Proin egestas auctor iaculis. Maecenas sodales\n facilisis tellus eu bibendum. Vestibulum varius vehicula scelerisque. Praesent condimentum varius commodo. Class aptent taciti\n sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec sem nisl, sagittis eu euismod non, tempor nec magna.\n Fusce sed auctor nisl. Phasellus porttitor sagittis est, sit amet eleifend elit dignissim et. Nam consectetur elementum elit non\n egestas. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum a ultricies neque. Integer hendrerit nisi id dolor\n porta quis venenatis lacus dignissim. In vitae fringilla magna.\n
\n\n Fusce ultrices scelerisque felis, id semper quam posuere a. Sed nec erat eget velit euismod condimentum a in enim. Maecenas\n bibendum aliquam tincidunt. Mauris vestibulum neque at nulla sagittis id lacinia enim fermentum. Quisque adipiscing risus nec\n massa auctor condimentum. Mauris venenatis lacus justo, eu varius odio. Fusce commodo luctus felis, vitae lobortis lectus\n facilisis id. Nunc faucibus vestibulum urna et lacinia. Cras ornare quam neque, non gravida sapien. Cras porta, diam sit amet\n laoreet rutrum, massa erat commodo diam, eu rhoncus nisl massa ac metus. In sem mauris, venenatis nec euismod ac, suscipit\n condimentum neque. Quisque pretium blandit lectus, ut aliquet neque rhoncus eu. Vivamus ultrices porttitor tincidunt. Curabitur ut\n ipsum non ipsum ultrices tincidunt. Integer scelerisque augue nec nisl varius tristique. Morbi condimentum rutrum sodales.\n Pellentesque odio mauris, porttitor ac sollicitudin in, ultrices ut diam.\n
\n\n Sed congue adipiscing orci a pellentesque. Etiam quis neque eu nulla viverra egestas. Ut ultricies dui non enim rhoncus laoreet.\n Nulla molestie nibh non erat venenatis gravida. Pellentesque faucibus sem sit amet risus tincidunt non ultrices diam auctor.\n Praesent quis libero et tellus tempor molestie. Mauris ullamcorper feugiat libero sed elementum. Donec eget nunc eget diam\n hendrerit pulvinar. Ut ut imperdiet enim. Vestibulum sed quam lorem. Nunc ipsum massa, venenatis eget condimentum at, ornare id\n ante. Vestibulum ornare volutpat tincidunt. Etiam a eros erat. Curabitur lobortis, nisi a malesuada tincidunt, nisi enim congue\n eros, in dictum elit odio at nunc. Nam hendrerit porta velit a viverra.\n
\n\n Etiam vel velit urna. Donec commodo aliquet magna rhoncus pretium. Donec fermentum orci in diam dictum non pulvinar mi tristique.\n Morbi urna libero, sagittis vel facilisis nec, ornare vitae nunc. Pellentesque laoreet mi a mi condimentum sagittis. Donec\n eleifend, nisi sit amet tincidunt sollicitudin, leo magna accumsan elit, at adipiscing velit lacus id purus. Aenean nunc sapien,\n egestas vitae pretium viverra, bibendum vel tellus. Maecenas mattis dui ac justo facilisis sollicitudin. Proin in mi ac lacus\n hendrerit congue ac vitae elit. Aliquam erat volutpat. In hac habitasse platea dictumst. Phasellus dapibus diam vel velit\n consectetur tempor. Maecenas viverra suscipit bibendum. Sed non enim neque.\n
\n\n\n Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Phasellus at odio et odio volutpat egestas.\n Fusce non pellentesque felis. Nunc fermentum posuere sem quis egestas. Integer nec orci vel eros fringilla bibendum. Praesent\n placerat molestie elit at mattis. Nunc rutrum faucibus arcu non bibendum. Vestibulum at sapien sit amet sem iaculis congue. Morbi\n tempus, libero vitae interdum suscipit, lacus ipsum suscipit quam, non pretium nulla orci eget dui. Praesent et nisl turpis,\n ultricies convallis quam. In tempor urna et eros aliquet accumsan. Phasellus lobortis bibendum libero sit amet viverra. Aenean\n consectetur, neque eu cursus posuere, est leo molestie dui, sit amet vulputate mi erat eu tortor. Suspendisse arcu velit, porta\n sit amet adipiscing sed, ultrices id urna. In hendrerit iaculis massa in pretium. Vivamus eros augue, venenatis non hendrerit a,\n bibendum in tortor. Fusce et mauris lorem, vitae semper ligula. Nam iaculis, eros eu varius varius, orci sapien rhoncus arcu, et\n luctus urna lectus non quam. Donec gravida convallis justo at bibendum. Quisque non est velit, sed laoreet augue.\n
\n\n \n (\n \n ) : (\n \n \n )}\n \n ) : (\n
\n \n
\n <>\n {!loading ? (\n <>\n {token !== \"\" ? (\n \n
\n )}\n \n {width > 991 && {!window.location.pathname.includes(\"/ext/FacEval\") &&
}\n \n \n
\n );\n};\n\nexport default MainComponent;\n","import \"./App.css\";\nimport AppContext from \"./context/AppContext\";\nimport useglobalStates from \"./hooks/globalStates\";\nimport MainComponent from \"./MainComponent\";\nimport { Provider } from \"react-redux\";\nimport { STORE as store, PERSISTOR } from \"./redux\";\nimport { PersistGate } from \"redux-persist/integration/react\";\nimport { SetInterceptors } from \"./frameworks_and_drivers/Axios\";\nimport { SnackbarProvider } from \"notistack\";\nimport \"./constants/variables.css\";\nimport \"./constants/content.css\";\n\nSetInterceptors();\n\nconst App = () => {\n const globalState = useglobalStates();\n const loggedIn = true;\n\n return (\n \n \n
\n );\n}\n\nexport default Button;\n","import * as React from \"react\";\nimport { styled } from \"@mui/material/styles\";\nimport Box from \"@mui/material/Box\";\nimport CircularProgress, { circularProgressClasses } from \"@mui/material/CircularProgress\";\nimport LinearProgress, { linearProgressClasses } from \"@mui/material/LinearProgress\";\n\nconst BorderLinearProgress = styled(LinearProgress)(({ theme }) => ({\n height: 10,\n borderRadius: 5,\n [`&.${linearProgressClasses.colorPrimary}`]: {\n backgroundColor: theme.palette.grey[theme.palette.mode === \"light\" ? 200 : 600],\n },\n}));\n\n// Inspired by the former Facebook spinners.\nfunction FacebookCircularProgress(props) {\n return (\n \n \n
\n );\n}\n\nexport default ButtonTable;\n","import { useContext } from \"react\";\nimport \"bootstrap/dist/css/bootstrap.css\";\n\nimport \"../../constants/global.css\";\nimport Table from \"react-bootstrap/Table\";\nimport { getAllDistributorSet, updateExchangesStatus } from \"../../api/facom_services\";\nimport { Link } from \"react-router-dom\";\nimport AppContext from \"../../context/AppContext\";\nimport \"./styles/tablestyles.css\";\nimport useGlobalContent from \"../../hooks/useGlobalContent\";\nimport { removeTags } from \"../../helpers/removeHtml\";\nimport { getInLocalStorage } from \"../../helpers/local-storage-manager\";\nimport useToastMui from \"../../hooks/useToastMui\";\nimport ButtonTable from \"./ButtonTable\";\nimport ButtonAbandonned from \"./ButtonAbandonned\";\nimport { useMediaQuery } from \"@mui/material\";\nimport { useHistory } from \"react-router-dom\";\n\nfunction TableState(props) {\n const { content } = useContext(AppContext);\n const history = useHistory();\n const { handleCreateToast } = useToastMui();\n const matchesTable = useMediaQuery(\"(min-width:767px)\");\n //Call api\n\n const { replaceGlobalContents } = useGlobalContent();\n const originPath = getInLocalStorage(\"origin\");\n\n const handleRedirect = async (row) => {\n try {\n if (originPath) {\n const distributorsSet = await getAllDistributorSet();\n const distributorsSetCompare = distributorsSet.data.result.items.findIndex((item) => item.origin === originPath);\n if (distributorsSetCompare === -1) {\n history.push(`/demand-dist/${row._id}`);\n } else {\n history.push(originPath ? `/demand-dist/${originPath}/${row._id}` : `/demand-dist/${row._id}`);\n }\n } else {\n history.push(originPath ? `/demand-dist/${originPath}/${row._id}` : `/demand-dist/${row._id}`);\n }\n } catch (e) {\n history.push(originPath ? `/demand-dist/${originPath}/${row._id}` : `/demand-dist/${row._id}`);\n }\n };\n\n const updateStatus = async (id) => {\n try {\n const response = updateExchangesStatus(id, \"Abandonned\");\n const data = (await response).data;\n handleCreateToast(removeTags(`${content[\"ALERT-SUCCESS-ABANDONNED\"]}`), \"success\");\n return data;\n } catch (error) {\n console.log(\"error update\");\n console.log(error);\n if (error?.request?.status !== 401 && error?.request?.status !== 403)\n handleCreateToast(`${content[\"ALERT-ERROR-UPDATE-ABANDONNED\"]}`, \"error\");\n } finally {\n console.log(\"end\");\n props.reload();\n }\n };\n\n return (\n \n {props.list?.length != 0 ? (\n \n
\n ) : (\n \"\"\n )}\n
\n );\n}\n\nexport default TableState;\n","import { faEye, faEyeSlash } from \"@fortawesome/free-solid-svg-icons\";\nimport \"./styles/input.css\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { useState } from \"react\";\n\nfunction InputPassword(props) {\n const handleOnInputChange = (event) => {\n const cliendData = event.target.value;\n props.handleOnInputValue(cliendData);\n };\n\n const [showPassword, setShowPassword] = useState(false);\n\n const handleShowPassword = () => setShowPassword((prev) => !prev);\n\n return (\n | \n \n | \n\n \n | \n {matchesTable && (\n\n \n | \n )}\n\n \n | \n\n\n \n | \n
|---|---|---|---|---|
| {row?.number} | \n{`${row?.product_data?.name} (${row?.product_data?.reference})`} | \n {matchesTable &&{row?.exchange_reason_data?.label} | }\n{row.date} | \n\n {props.State === \"DRAFT\" ? (\n \n \n ) : (\n \n \n \n\n handleRedirect(row)}>\n \n \n \n \n )}\n | \n
\n handleOnInputChange(value)}\n value={props.currentValue}\n readOnly={props.readOnly}\n >\n
\n );\n}\nexport default InputPassword;\n","export const LocalStorageKeys = {\n REFRESH_TOKEN: \"refreshToken\",\n TOKEN: \"token\",\n EMAIL: \"email\",\n USER_ID: \"uuid\",\n USER_EMAIL: \"userEmail\"\n};\n\n/**\n *\n * @param {string} key\n * @param {string} value\n */\nexport const setInLocalStorage = (key, value) => {\n localStorage.setItem(key, value);\n};\n\n/**\n *\n * @param {string} key\n * @returns\n */\nexport const getInLocalStorage = (key) => {\n const result = localStorage.getItem(key);\n return result;\n};\n\nexport const clearLocalStorage = () => {\n localStorage.clear();\n};\n","import React, { useContext } from \"react\";\nimport \"./style/dropdownSku.css\";\nimport AppContext from \"../../context/AppContext\";\nimport { Autocomplete, Box, TextField } from \"@mui/material\";\nimport { createFilterOptions } from \"@mui/material/Autocomplete\";\nimport { removeTags } from \"../../helpers/removeHtml\";\nimport useInfiniteScroll from \"react-infinite-scroll-hook\";\nconst filter = createFilterOptions();\n\nconst DropDownDistributor = (props) => {\n // const [selectedItem, setSelectedItem] = useState(props.options[0]);\n const { loadingDist, hasNextPage, getDistributorsFunction } = props;\n const { content } = useContext(AppContext);\n const [sentryRef] = useInfiniteScroll({\n loadingDist,\n hasNextPage,\n onLoadMore: getDistributorsFunction,\n rootMargin: \"0px 0px 400px 0px\",\n });\n\n return (\n \n
\n {option.name}
\n \n option.reference}\n onChange={props.onChange}\n renderOption={(props, option) => (\n \n \n )}\n ListboxProps={{ style: { maxHeight: 200 } }}\n sx={{\n \"& input\": {\n padding: \"0 !important\",\n color: \"#000\",\n },\n }}\n renderInput={(params) => (\n
\n );\n};\n\nexport default DropDownProduct;\n","export default __webpack_public_path__ + \"static/media/check2.5e0d9af9.svg\";","import React, { useRef, useState, useEffect, useContext } from \"react\";\nimport debounce from \"lodash.debounce\";\nimport { Item, Menu, Label, Field, Dropdown, Select } from \"@zendeskgarden/react-dropdowns\";\nimport { Row, Col } from \"@zendeskgarden/react-grid\";\nimport checkSvg from \"../../images/check2.svg\";\nimport unCheck from \"../../images/uncheck.png\";\nimport AppConext from \"../../context/AppContext\";\nimport \"./style/dropdownReason.css\";\nimport { useSelector } from \"react-redux\";\nimport { useMediaQuery } from \"@mui/material\";\n\nconst DropDownReasonEx = (props) => {\n const { setReasonExchangeID, assetsMedia, elegibleExchange, setElegibleExchange } = useContext(AppConext);\n // const [selectedItem, setSelectedItem] = useState(props.options[0]);\n const matches = useMediaQuery(\"(min-width:991px)\");\n const [inputValue, setInputValue] = useState(\"\");\n const [matchingOptions, setMatchingOptions] = useState(props.options);\n\n const { profile } = useSelector((state) => state.profileReducer);\n const { language } = profile;\n /**\n * Debounce filtering\n */\n const filterMatchingOptionsRef = useRef(\n debounce((value) => {\n const matchedOptions = props.options?.filter(\n (option) => option?.label.trim().toLowerCase().indexOf(value.trim().toLowerCase()) !== -1\n );\n\n setMatchingOptions(matchedOptions);\n }, 300)\n );\n\n useEffect(() => {\n filterMatchingOptionsRef.current(inputValue);\n }, [inputValue]);\n\n const handleClick = (optionRefused, idRefused) => {\n setElegibleExchange(optionRefused);\n setReasonExchangeID(idRefused);\n };\n\n return (\n {option.reference}
\n {option.reference}
\n \n \n \n
\n );\n}"],"sourceRoot":""}