\n \n
\n )\n}\n\nexport default LoadingSura\n","import React from 'react'\nimport { Sidetab } from '@typeform/embed-react'\n\nexport default function TypeSidetab({id, buttonText, buttonColor}) {\n return \n \n \n
\n \n \n
\n\n \n { logos.map((pharmacy, index) => {\n if (showImage(index)) {\n return (\n
\n \n
\n )\n }\n })}\n \n { carouselControls() }\n
\n \n )\n}\n\nexport default Carousel","\n\nimport { useEffect, useState } from 'react'\n\nfunction InsuranceBenefits(props) {\n const [clientName, setClientName] = useState();\n const [check, setCheck] = useState();\n const [checkBg, setCheckBg] = useState();\n const [isMobile, setIsMobile] = useState(false);\n\n useEffect(() => {\n if (props) {\n setClientName(props.clientName);\n setCheck(props.check);\n setCheckBg(props.checkBg);\n setIsMobile(props.isMobile);\n } \n })\n \n return (\n <>\n \n
\n
\n \n Disfruta de estos beneficios\n
\n\n
\n { (clientName === 'Bice Vida' || clientName === 'Vida Cámara') && (\n <>\n
\n \n )\n}\n\nexport default InsuranceBenefits","import { useState, useEffect } from \"react\";\n\nconst useScreenSize = () => {\n const [width, setWidth] = useState(window.innerWidth);\n const [height, setHeight] = useState(window.innerHeight);\n\n useEffect(() => {\n window.addEventListener(\"resize\", handleResize);\n\n return () => {\n window.removeEventListener(\"resize\", handleResize);\n };\n }, []);\n\n const handleResize = () => {\n setWidth(window.innerWidth);\n setHeight(window.innerHeight);\n };\n\n return { width, height };\n};\n\nexport default useScreenSize;","import { useEffect, useState } from 'react'\nimport useScreenSize from '../../Hooks/useScreenSize'\nimport BenefitCards from './BenefitCards'\nimport './SectionBenefitCards.css'\n\nfunction SectionBenefitCards({ products }) {\n const {width, height} = useScreenSize()\n const [isMobile, setIsMobile] = useState()\n\n useEffect(() => {\n if (width > 768) {\n setIsMobile(false)\n } else if (width > 380 && width <= 768) {\n setIsMobile(false)\n } else {\n setIsMobile(true)\n }\n }, [width])\n\n return (\n process.env.REACT_APP_CLIENT_NAME === 'Sura' && (\n \n
\n \n \n
\n \n Reembolso en línea\n
\n\n
\n \n \n
\n \n Compara precios en diferentes farmacias\n
\n\n
\n \n )\n }\n { clientName === 'Vida Security' && (\n <>\n \n \n
\n \n Con despacho a domicilio\n
\n\n
\n \n 
\n
\n \n Reembolso en línea\n
\n\n
\n \n \n
\n \n Compara precios en diferentes farmacias\n
\n\n
\n \n )\n }\n { clientName === 'Sura' && (\n \n \n
\n \n Envío 50% gratis\n
\n\n
\n )\n }\n \n \n
\n Como asegurado Seguros Colectivos SURA:
\n\n \n Comparar precio online\n
\n \n Elegir la farmacia con mejor precio\n
\n \n Reembolsar 100% en línea\n
\n \n Envío gratuito de compra con receta médica\n
\n
\n Si tienes cualquier otro seguro en Seguros SURA:
\n\n \n Comparar precio online\n
\n \n Elegir la farmacia con mejor precio\n
\n \n Envío gratuito de compra con receta médica\n
\n
\n )\n )\n}\n\nexport default SectionBenefitCards","export default __webpack_public_path__ + \"static/media/pig.e78d1f13.png\";","export default __webpack_public_path__ + \"static/media/farmacia-facil.7f80926e.png\";","import {useEffect, useRef, useState} from 'react'\nimport {useDispatch, useSelector} from 'react-redux'\nimport {useHistory, useParams} from 'react-router-dom'\nimport {Button} from 'react-bootstrap'\nimport Modal from 'react-modal'\nimport {clearUserState} from '../redux/modules/user'\nimport {clearAppState} from '../redux/modules/app'\nimport { _formatRut, _validateMail, _validateRut } from '../Utils/tools'\nimport { existUserClient } from '../Utils/api'\n\nimport {\n changeInitialLoading,\n setIsPro,\n changeConfig,\n} from '../redux/modules/app'\nimport {setFreeShipping, setDeliveryCode} from '../redux/modules/delivery'\n\nimport {\n setBasicInfo,\n setDocumentsPending,\n setUserExtraInfo,\n} from '../redux/modules/user'\nimport icErrorServer from '../assets/img/error_server.svg'\nimport imgVidaCamaraHeart from '../assets/img/vida_camara_heart.png'\nimport DiscountCard from '../Components/Card/DiscountCard'\nimport Input from '../Components/Forms/Input'\nimport ButtonYapp from '../Components/Buttons/ButtonYapp'\nimport LoadingSura from '../Components/Loading/LoadingSura'\nimport { pharmaciesLogos, suraBenefitsPublicUrl } from '../Utils/constants'\nimport {logEvent} from '../Utils/utils'\nimport {getApiToken, signOut} from '../Utils/auth'\nimport TypeSidetab from '../Components/TypeForm/TypeSidetab'\nimport check from '../assets/img/checkblue.png'\nimport Carousel from '../Components/Carousel/Carousel'\n\nimport checkBg from '../assets/img/Shape.png'\nimport InsuranceBenefits from '../Components/BenefitCards/InsuranceBenefits'\nimport SectionBenefitCards from '../Components/BenefitCards/SectionBenefitCards'\n\nimport pig from '../assets/img/pig.png'\nimport biceVidaPet from '../assets/img/bice-vida-welcome.png'\nimport farmaciaFacil from '../assets/img/farmacia-facil.png'\nimport useScreenSize from '../Hooks/useScreenSize'\n\nconst apiLogin = process.env.REACT_APP_EXTERNAL_VALID_TYPE === 'API';\nconst clientName = process.env.REACT_APP_CLIENT_NAME || 'Pacientes';\nconst isInsurance = process.env.REACT_APP_PROFILE === 'INSURANCE';\nconst onLogin = process.env.REACT_APP_ON_LOGIN === 'TRUE';\nconst suraLoader = clientName === 'Sura';\nconst vidaCamaraLoader = clientName === 'Vida Cámara';\n\nconst skipLogin = process.env.REACT_APP_SKIP_LOGIN === 'TRUE';\nconst homePet = clientName === 'Bice Vida' ? biceVidaPet : pig;\nconst homePetAlt = clientName === 'Bice Vida' ? 'Mascota Bice Vida' : 'Chanchito ahorro';\n\nconst limitExceededMessage = 'Ha alcanzado el límite máximo permitido de consultas por RUT. ¿Deseas continuar sin validación?';\nconst errorValidationMessage = isInsurance\n ? clientName !== 'Vida Security'\n ? 'No podemos validarte como asegurado ' + clientName.toUpperCase() + ' en estos momentos. ¿Deseas continuar sin validación?'\n : 'Tu póliza no tiene reembolso en línea. ¿Deseas continuar?'\n : 'No hemos podido validarte como usuario.';\nconst webRedirectUrl = 'https://web.yapp.cl/';\nconst _ = require('lodash')\n\nfunction Home() {\n const {hash} = useParams()\n const history = useHistory()\n const dispatch = useDispatch()\n const themeColor = useSelector((state) => state.app.themeColor)\n const [appState, setAppState] = useState({\n email: '',\n identity: '',\n policies: false,\n valid: false,\n })\n const [sending, setSending] = useState(false)\n const [validType, setValidationType] = useState(null)\n const [subtitle, setSubtitle] = useState(null)\n const [showRegister, setShowRegister] = useState(null)\n const [showLimitExceededMessage, setShowLimitExceededMessage] = useState(false)\n const [modalErrorServerIsOpen, setModalErrorServerIsOpen] = useState(false)\n const [modalErrorValidation, setErrorValidation] = useState(false)\n const [modalNotRegistered, setModalNotRegistered] = useState(false)\n const [clientLoading, setClientLoading] = useState(false)\n const userInfo = useSelector((state) => state.user.userInfo)\n const {width} = useScreenSize()\n const [isDesktop, setIsDesktop] = useState()\n const [isTablet, setIsTablet] = useState()\n const [isMobile, setIsMobile] = useState()\n const [productsWithInsuranceBenefits, setProductsWithInsuranceBenefits] = useState([])\n\n useEffect(() => {\n if (width > 768) {\n setIsDesktop(true)\n setIsTablet(false)\n setIsMobile(false)\n } else if (width > 380 && width <= 768) {\n setIsTablet(true)\n setIsDesktop(false)\n setIsMobile(false)\n } else {\n setIsMobile(true)\n setIsDesktop(false)\n setIsTablet(false)\n }\n }, [width])\n\n useEffect(async () => {\n if ([undefined, null, 'NULL'].includes(process.env?.REACT_APP_EXTERNAL_VALID_TYPE)) {\n if (userInfo?.signInMethod) {\n return history.replace('/search')\n } else {\n return\n }\n }\n\n if (skipLogin && onLogin) {\n if (userInfo?.signInMethod) {\n return history.replace('/search')\n } else {\n dispatch(clearUserState())\n setValidationType(process.env.REACT_APP_EXTERNAL_VALID_TYPE)\n }\n } else {\n setValidationType(process.env.REACT_APP_EXTERNAL_VALID_TYPE)\n dispatch(changeInitialLoading(true))\n setClientLoading(true)\n try {\n try {\n sessionStorage.clear()\n let token = await getApiToken(false);\n if (!token) {\n localStorage.clear();\n }\n } catch (error) {\n console.log(error)\n }\n } catch (ignore) {\n dispatch(changeInitialLoading(false))\n setClientLoading(false)\n }\n dispatch(changeInitialLoading(false))\n setClientLoading(false)\n }\n getProductsWithInsuranceBenefits()\n }, [])\n\n const getProductsWithInsuranceBenefits= async () =>{\n try {\n if (productsWithInsuranceBenefits.length == 0) {\n let result = await fetch(suraBenefitsPublicUrl,{\n headers : { \n 'Content-Type': 'application/json',\n 'Accept': 'application/json'\n }\n })\n let data = await result.json();\n setProductsWithInsuranceBenefits(data)\n }\n }\n catch (error) {\n console.log('GetProductsWithInsuranceBenefits Error')\n }\n }\n\n function validEmail(e) {\n setAppState({email: e, valid: _validateMail(e)})\n }\n\n function validIdentity(e) {\n let newIdentity = e?.length > 0 ? e.replaceAll('-', '') : '';\n\n setAppState({\n identity: newIdentity ? _formatRut(newIdentity) : newIdentity,\n valid: newIdentity ? _validateRut(newIdentity) : false,\n })\n }\n\n async function nextAction(infoUser) {\n if (\n [undefined, null, 'NULL'].includes(\n process.env?.REACT_APP_EXTERNAL_VALID_TYPE,\n )\n ) {\n dispatch(changeInitialLoading(false))\n return history.push('/signin')\n }\n\n if (skipLogin && onLogin) {\n setSending(true)\n dispatch(changeInitialLoading(true))\n logEvent('Session Started')\n let client = await existUserClient(appState.identity)\n let clientData = _.get(client, 'data[0]', null)\n if (!clientData?.identity) {\n setSending(false)\n dispatch(changeInitialLoading(false))\n return setErrorValidation(true)\n } else {\n dispatch(changeInitialLoading(false))\n return history.push('/signin')\n }\n } else {\n setSending(true)\n dispatch(changeInitialLoading(true))\n if (process.env.REACT_APP_PROFILE !== 'INSURANCE') {\n logEvent('Session Started')\n }\n if (validType === 'identity') {\n try {\n let validation = [undefined, null].includes(infoUser)\n ? await existUserClient(appState.identity)\n : infoUser;\n let userData = _.get(validation, 'data[0]', null)\n setShowLimitExceededMessage(validation?.status === 429);\n\n if (userData?.identity) {\n dispatch(\n setDeliveryCode({\n code: userData?.delivery_code,\n value: userData?.delivery_value,\n }),\n )\n dispatch(\n setFreeShipping({\n code: userData?.free_shipping,\n value: userData?.free_shipping_value,\n }),\n )\n\n sessionStorage.setItem('USER_DATA', JSON.stringify(userData))\n } else {\n if (showRegister) {\n setModalNotRegistered(true)\n setSending(false)\n dispatch(changeInitialLoading(false))\n return\n }\n dispatch(changeInitialLoading(false))\n return setErrorValidation(true)\n }\n } catch (error) {\n console.log('Error:', error)\n return\n }\n }\n try {\n if (\n validType === 'identity' &&\n process.env.REACT_APP_PROFILE === 'INSURANCE'\n ) {\n await signOut()\n dispatch(clearUserState())\n dispatch(clearAppState())\n dispatch(changeInitialLoading(false))\n dispatch(setBasicInfo(appState.email, appState.identity))\n return history.push('/signin')\n }\n\n /*\n let uniqueHash = hash ? hash : process.env.REACT_APP_UNIQUE_HASH\n let result = await requestGenerateLink(uniqueHash, {\n email: appState.email,\n identity: appState.identity,\n })\n\n if (result?.data?.url) {\n dispatch(setBasicInfo(appState.email, appState.identity))\n\n let hash = _.last(result.data.url.split('/'))\n getConfigPage(hash)\n .then(async (res) => {\n if (!res) {\n return history.push('/error')\n }\n\n localStorage.setItem('JWT', res?.data?.token)\n localStorage.setItem(\n 'LOCAL_DATA',\n JSON.stringify({\n hash: hash,\n origin: process.env.REACT_APP_CLIENT_NAME.toLowerCase(),\n site: res?.data,\n client_config: {\n delivery_time: _.get(\n res?.data,\n 'config[0].config.delivery_time',\n ),\n },\n }),\n )\n\n try {\n let jwtData = getJWTdata()\n\n window.gtag('set', 'user_id', jwtData?.user_id)\n window.gtag(\n 'set',\n 'user_type',\n _.get(res, 'data.user_type', 'user'),\n )\n } catch (error) {\n console.log('Error set user gtag.')\n }\n\n dispatch(setUserExtraInfo(_.get(res?.data, 'info', {})))\n let route = res?.data?.route\n if (route === '/search') {\n if (location?.label && location?.nro) {\n route =\n '/search/shopping_bag/' +\n Math.floor(\n Math.random() * Math.floor(100000000000000000000),\n )\n return history.replace(route, {product: null, from: 'page'})\n }\n }\n\n let productId = localStorage.getItem('product')\n if (productId) {\n history.push(`/product/detail/${productId}`, {\n product_id: productId,\n external_vademecum: true,\n })\n localStorage.removeItem('product')\n } else {\n history.replace(route, {site: res?.data})\n }\n })\n .catch((ignore) => {})\n .finally(() => {\n dispatch(changeInitialLoading(false))\n })\n\n // window.location.replace(url)\n } else {\n setModalErrorServerIsOpen(true)\n dispatch(changeInitialLoading(false))\n }\n */\n } catch (error) {\n console.log(error)\n setModalErrorServerIsOpen(true)\n dispatch(changeInitialLoading(false))\n }\n }\n }\n\n function onKeyDown(e) {\n if (e.key === 'Enter' && appState.valid) {\n nextAction()\n e.preventDefault()\n }\n }\n\n function clickContinue() {\n let infoUser = {}\n infoUser.data = [\n {\n identity: appState.identity,\n email: null,\n name: null,\n address: null,\n address_additional: null,\n phone: null,\n latitude: null,\n longitude: null,\n },\n ]\n\n setModalNotRegistered(false)\n dispatch(setDocumentsPending(true))\n nextAction(infoUser)\n }\n\n function goTo(page) {\n if (page === 'policies') {\n return window.open('https://yapp.cl/privacidad')\n }\n if (page === 'terms') {\n return window.open('https://yapp.cl/terminos')\n }\n if (page === 'signin') {\n history.push('/signin', {hasOrigin: true})\n }\n }\n\n const onErrorButton = () => {\n setErrorValidation(false)\n setSending(false)\n logEvent('Session Started', {\n 'Validated Insurance Policy': 'FALSE',\n 'Insurance Type': 'External'\n })\n if (isInsurance)\n window.location.replace(webRedirectUrl)\n }\n\n return (\n <>\n {![null, undefined, false].includes(clientLoading) && suraLoader && (\n \n
\n
\n \n Medicamentos con beneficios SURA\n
\n\n
\n
\n \n Revisa la lista completa de medicamentos con descuento adicional{' '}\n \n aquí\n \n
\n\n {products.map((product, index) => {\n return(\n
\n \n
\n )\n })}\n \n
\n )}\n \n { clientName === 'Bice Vida' &&\n
\n\n {clientName === 'Vida Security' && (\n \n 
\n
\n }\n \n { clientName === 'Sura'\n ? <>\n
\n
\n \n : <>\n
\n \n Te ayudamos a encontrar los mejores precios en farmacias{' '}\n
\n\n
\n Aprovecha un 30% de descuento en categorías de productos no reembolsables{' '}\n
\n\n \n : <>\n
\n ¡Cotiza, compara y ahorra!{' '}\n
\n\n ¡Te ayudaremos a encontrar los mejores precios en farmacias,\n siempre!\n
\n \n }\n\n 
\n
\n \n \n
\n \n item.onlineShopping == true) }\n screen={width}\n controls={ isDesktop ? 3 : isTablet ? 4 : 7 }\n />\n
\n\n \n
\n
\n\n \n Farmacias para comprar\n
\n\n
\n item.onlineShopping == false) }\n screen={ width }\n controls={ isDesktop ? 2 : isTablet ? 2 : 4 }\n />\n
\n \n
\n
\n\n \n Farmacias para cotizar\n
\n\n
\n
\n Lo sentimos
\n\n No podemos conetar con los servidores de Yapp en este momento...\n
\n\n {\n setModalErrorServerIsOpen(false)\n setSending(false)\n }}>\n Volver a intentar\n \n
\n \n \n
\n \n\n \n { showLimitExceededMessage ? limitExceededMessage : errorValidationMessage }\n
\n\n \n { isInsurance ? 'Continuar' : 'Reintentar'}\n \n
\n \n
\n \n \n \n )\n}\n\nexport default Home\n","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAABGCAYAAACHZ2ccAAAG5klEQVRoge2ZDYwcZRnHf8/M7n14pdgCoUqgUO5MaS9V6rW5oi20CSE0RMA2AkWMKNZu72qw4B3UhnpoW3pGQWzvbMOHKEihiL2QNMaQiBjlQ/pFmyJRUQTpAdqCx+3d7e7MY965D3ZmZ2/3bm8LMfNLLpN53meeef77zvv1HBERERERERERERERER9upJTsdEXdFKpi1cR6NUNvMr7jP++WEi/VRlW8hsm4VFDNAJW8IytJjyfWmIQ9vRx7ITOnUVO5ipjThK1TsB2wAcsFO3MUO/0deo/tks7e48XE1B3EOUY9Nu1YLEawvawsrzmD8AQOm6jhiKwkOeHCMsvra+3KiqcQ9wxsBduFmBGTLcwBS8HKgDjt0v6v1lFFbWQ+Nk9jUTkiRob+rCGn4etgpk3STMeECdPPf/oH2NJE3K0cFFCEMCttfA6T6blY2pPdOTE3c6dJFIu4T8xowgbtB3FYKs28UZIwvXzeE9hc5gmJK2MSZmxW6g0YuFQ2Jl8cifldHsNimZd0UEwhYYMZv4nLAmnm7/nytvI1eAksnb8dlcsCVgX2I9qEOvNx+qbjWnW4zlJUtwJOIMzHsazf6belfkjUHoRlwVcBTwFfBuaS5kyUWSjLUB4EXJ+3cDo2vz/URixf7nl7LLlofm31SXIYWyuJDfVQXJPYzubOnx/ctDr4suEMv3FmHVXShaTPG+qxwd6TVB926nmEC0d6ZrDH+hBaaGGbDArMjdnBPJSfATOzes1cH2IV1wWfW3TttZNDhT0DduOSxsNU60zvszPCYm4/tnONPHxgd74fY5gOsBKt057E0sUjwsxV0kOf6shndQxYLuv4baGY2kYFp7EXqM8SlsZiuqzkaNA/9FNsbGg4FeVcf2T3R8WIMpjelC3dS8D99ShuPdhcVIwog2wghcMVCKksc5wMXw/zDx9jlnUJSDzL8k7nrv3riknAl8zmty9F+E1uAw4ZGqWVQ2OKt4a/odzjM9rcHDakwoXZ1uW+e1d/lW9MFeStniuBPT5RAyyQDRwZVzzl8cB9jf6YU4Nu4cKUBr/B3TuuJIyOHZkksQEzCz6HqIPLXLmdP403Hhb7cmwVfDTXLTyds/xe8t64E/HGR7q/+2hqIfAJ2cCLRTySP1aC3K2aS3XQlG8d6Aeq3n9QJ5WSjOFjO7zN7Culxum7K7d3sMjkmsIQPeizin1+qQlNFFVVzM0J5dBTnDB0l18YV763fEbFh0KZcpXvXkj3OLwVdMvTY7FfeEeG95lao1PuKFOqRaN3cTbKDQH/bZPXMBCMESrs2T/+wfwCr/mMtiR0xdzFH4Aej7Y27xywO5BzmjTfD/MPFbYAHNdJLTJjdcSoaiaT3briU5eUIe9RMaJuO8Xs9Pikz89lO8252ykKHVt0acM6YvI9YuZcO3RsETdDzLlaHjj0yxMhSts5iY94a1dt4OjyEglm59s4j3pskT0vbELkAb/RLBHWY/qV8z43oQpC0DuZSjX7UGoDra/Ry0X5RFFImEG6nr8e3J/ktsS69GvlE6ebvDPXs15P+XkVm8/KzbkzYTYFhRnk8b0JRHNrDWJ16epZV4U+VAJuG1Op4RmUukAUc3K+QFbyz0LRixLmaXh0XxO4W3Ma1N2pa2qvmShR/WuolJPZD5wTaOqjjzmFah3DFC3McOwIa1G9O6dBY/dpc13JPWdEVc5gL4p/ryokyTCr0OeXzZiEnXLgQLrzoYPfBHdboKkKS+7XG8/54ljiZaNG1Nm8gDI70HQci3PlRv4xlnjjrgTrV+s7sDXhr1JpBkldJz98deeYYpkpXTiAxYxAlep1UsyTb5FTvivEmHosG7n38GpEf+q3ujHEflhvml70bJncwsngrVMzAk2v0M9nxiOKUoQZZPuR64HcpcDSLr3l9C8Uel7vYEo1PBk6pQ9wobQWnv3yUZIwg3T+OeEVyHKyth7RW0/LO6FoG5NQr5YYOK3zJmkukBZeLyWvkoUZZOvLTUPF0mD4nbp+Us5SMLShfQ6Y42tQ+nCZIy3FTemjMSHCDN0Df1mLELIUxO/T2yZ/afjW29DGvMV3VsBzzFP6aJT0/7EgXqH0pul3Y2lTVu3eFEoHsJI3yO3ug2oKORYNWZVgk0UvGepkXfhO/QMXNoy2nNWBpBO+EreVyWD1H0I4P1DifhulUW4pvR6STVmEGbR1WieWrhq1xG15Y+liuXWcNcZRmLAxFkS2dCfACTkVjNCNw5JyiKKcwvBK3P9OAJ0hTe+SYaGs5+Vyvbuswgyy8fhqxAouBabE/ddyvrfswgzd3f9di+ij3o0yW9bz0ol47wnBrF+6njP+bwRFRERERERERERERESUAPA/M0VF+enwKRwAAAAASUVORK5CYII=\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAATCAYAAACKsM07AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAD/SURBVHgBtZK9EYJAEIXf6ZhjroEVaIiaaAWWIHZwhkZAZiYlUIIdSKSElsCMFkAHuAuDivwMwvFm7rjhlu+bW05AZZb7LaLIoZUGARcD2AKqksDdzDsBT42gCP52dAinBO0E1XDOrofu4DaujpucYCENmjfUsJD/PDwnQHu4xQtBcJOe1tdmSGNNBfe2cA63yPgp0GhcSDxrC08FWkFhXtIAzhGYS0nzqeSjpF1CTJvAEwFnIXnTRLOUwjn9eH74HsY6y1ZQCP8IUslIn9CZZlAEzwo4T/9cU1ILnhfUk9SGFwuqJX/BywWpZKwPaaWDr2uEA27OEcqzklo8GuYFv9lxBq+2XxYAAAAASUVORK5CYII=\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFzSURBVHgBlVJBTsJAFH3/N01YQuLGXd1hDGS4gdwAElF3wgnwBuAJPAKwM+ICT+ARHI0mLEzskoWJLJvUzjhTKEKphP5FM//Pf2/e/32EjPBEo1iA24Aiz+aKIRksp/LOT/fSFlC7t9BoZxGb7iHIuVknWhGUxaUHpZ4A7WF3+GCnnpBQTvCKJOCw5svJnONUR70cYBtePKpVsHg9+tzZTka2phFBdzVQTMpGRYkpCsVOLGFuFlefvt73NUGu3xUit8GaHLEJoInDqJmDb3MmxAsrV8975u+cptg9Tr+ooYvvcixBXDdJx56Pqxddc9NHlsJypdU2Mw42qxhOX8YdezwRLREpPGeCmZokjHkC5X5vXZpRIsLIUXqwvriNYOdo4YPq2dBArpAnlirjHRT45zpZ2p5g31o6FmE/0jgqXto+JAvwyspOUv+avc0PDiuP0KpkusR/sgMKmx/yYfZXygjrTkIotFp6hLUfIJxY76d7fwH6rZBZXzi8AgAAAABJRU5ErkJggg==\"","import React from 'react'\n\nfunction ButtonFalseInput(props) {\n return (\n \n )\n}\n\nexport default ButtonFalseInput\n","export default __webpack_public_path__ + \"static/media/remover.4fefab30.svg\";","export default __webpack_public_path__ + \"static/media/error_insurance.b489f77b.png\";","import React from 'react'\nimport Modal from 'react-modal'\nimport Remover from '../../assets/img/remover.svg'\nimport icErrorInsurance from '../../assets/img/error_insurance.png'\n\nfunction ModalNoValidInsurance(props) {\n const {\n modalNoValidInsurance,\n setModalNoValidInsurance,\n } = props\n\n return (\n <>\n \n ¡Ops! No estás registrado\n
\n\n {'Antes de finalizar tu compra, te pediremos que adjuntes la foto de tu carnet de identidad y algún documento que acredite que actualmente eres vecino de ' +\n clientName +\n '.'}\n
\n\n {\n clickContinue(false)\n }}>\n Continuar\n \n
\n \n
\n \n \n )\n}\n\nexport default ModalNoValidInsurance\n","import React, {useState, useEffect} from 'react'\n\nimport {changeLogo, setFormData} from '../../redux/modules/app'\nimport {connect, useDispatch, useSelector} from 'react-redux'\nimport ButtonFalseInput from '../../Components/Buttons/ButtonFalseInput'\nimport ModalNoValidInsurance from '../../Components/Modals/ModalNoValidInsurance'\nimport {useHistory} from 'react-router-dom'\nimport {getBeneficiaries} from '../../Utils/api'\nimport LoadingSura from '../../Components/Loading/LoadingSura'\nimport LoadingScreen from 'react-loading-screen'\nimport Modal from 'react-modal'\nimport {setCopayUserData} from '../../redux/modules/user'\nimport {encrypt} from '../../Utils/utils'\nimport * as Sentry from '@sentry/react'\nimport {setContext} from '@sentry/react'\nimport {\n _formatRut,\n _validateMail,\n _validateRut,\n _getDv,\n _capitalize,\n} from '../../Utils/tools'\nimport {logEvent} from '../../Utils/utils'\nimport {setDeliveryCode} from '../../redux/modules/delivery'\nimport TypeSidetab from '../../Components/TypeForm/TypeSidetab'\n\nconst clientName = process.env.REACT_APP_CLIENT_NAME || 'Pacientes'\n\nfunction Beneficiaries(props) {\n const dispatch = useDispatch()\n const [modalNoValidInsurance, setModalNoValidInsurance] = useState(false)\n const [benefit, setBenefit] = useState(null)\n const history = useHistory()\n const [showErrorLoginInsurance, setShowErrorLoginInsurance] = useState(false)\n const [errorLoginInsurance, setErrorLoginInsurance] = useState('')\n const [beneficiaryList, setBeneficiaryList] = useState([]);\n const [holderList, setHolderList] = useState([]);\n\n const [loading, setLoading] = useState(false)\n const deliveryCode = useSelector((state) => state?.delivery?.delivery_code)\n const freeShipping = useSelector((state) => state?.delivery?.free_shipping_code)\n\n useEffect(async () => {\n let userData = sessionStorage.getItem('USER_DATA');\n if (userData) {\n userData = JSON.parse(userData);\n showBeneficiaryList(userData);\n }\n else {\n setErrorLoginInsurance({ message: `No hemos podido validarte como usuario`});\n setShowErrorLoginInsurance(true);\n }\n }, []);\n\n async function showBeneficiaryList(userData) {\n setLoading(true);\n let beneficiaryList = await getBeneficiaryList(userData.identity);\n\n if (beneficiaryList.length > 0) {\n if (beneficiaryList[0].active === 1) {\n if (freeShipping?.code) {\n dispatch(setDeliveryCode(freeShipping));\n }\n\n let currentUser = beneficiaryList.filter((u) => u.identity === userData.identity);\n setClaimer(currentUser)\n\n logEvent('Session Started', {\n 'Validated Insurance Policy': 'TRUE',\n 'Insurance Type': 'Group'\n });\n }\n else {\n showExpiredInsurance();\n }\n }\n else {\n showIdentityNotFound(deliveryCode?.code);\n }\n setLoading(false);\n }\n\n async function getBeneficiaryList(claimerIdentity) {\n let beneficiaryList = [];\n try {\n let result = await getBeneficiaries(claimerIdentity);\n if (result?.data?.listBeneficiaries?.length > 0) {\n beneficiaryList = [...result.data.listBeneficiaries];\n }\n }\n catch (error) {\n setContext(`Error GetBeneficiaryList for ${claimerIdentity}`);\n Sentry.captureMessage(`GetBeneficiaryList`, error);\n }\n return beneficiaryList;\n }\n\n function setClaimer(userData, goBack = false) {\n if (goBack) {\n history.push('/')\n } else {\n if (userData) {\n let encryptedData = encrypt(userData)\n\n let identity = userData?.identity\n let titular_identity = userData?.holder_identity || userData?.identity_titular\n\n props.setFormData({\n ...props.formData,\n full_name: {\n ...props.formData.full_name,\n value: _capitalize(userData?.name || ''),\n },\n rut: {\n ...props.formData.rut,\n value: ![undefined, null, '', ' '].includes(identity)\n ? _validateRut(identity)\n ? _formatRut(identity)\n : null\n : null,\n },\n titular_identity: {\n ...props.formData.titular_identity,\n value: ![undefined, null, '', ' '].includes(titular_identity)\n ? _validateRut(titular_identity)\n ? _formatRut(titular_identity)\n : null\n : null,\n },\n email: {\n ...props.formData.email,\n value: ![undefined, null, '', ' '].includes(userData?.email)\n ? _validateMail(userData?.email)\n ? userData?.email?.toLowerCase()\n : null\n : null,\n },\n })\n\n dispatch(setCopayUserData(encryptedData))\n }\n history.push('/search')\n }\n }\n\n function getBeneficiariesByType(list, hasHolders) {\n if (hasHolders) {\n return list.filter((c) => c.relationship?.toUpperCase() === 'TITULAR'\n || c.relationship?.toUpperCase() === 'HOLDER'\n );\n }\n else {\n return list.filter((c) => c.relationship?.toUpperCase() !== 'TITULAR'\n && c.relationship?.toUpperCase() !== 'HOLDER'\n );\n }\n }\n\n function showExpiredInsurance() {\n setErrorLoginInsurance({\n message: `Tu póliza no se encuentra vigente. Puedes contactarte con tu compañía de seguro para mayor información.`,\n goBack: true,\n })\n setShowErrorLoginInsurance(true);\n }\n\n function showIdentityNotFound(deliveryCode) {\n if (deliveryCode) {\n logEvent('Session Started', {\n 'Validated Insurance Policy': 'FALSE',\n 'Insurance Type': 'External'\n })\n setErrorLoginInsurance({\n message:\n ['Sura', 'Vida Security'].includes(clientName)?\n 'No podemos validarte como asegurado ' + clientName.toUpperCase() + ' en estos momentos. ¿Deseas continuar sin validación?'\n : 'Tu rut no se encuentra registrado. Puedes contactarte con tu compañía de seguro para mayor información.',\n goBack: !['Sura', 'Vida Security'].includes(clientName),\n })\n setShowErrorLoginInsurance(true);\n }\n else {\n logEvent('Session Started', {\n 'Validated Insurance Policy': 'TRUE',\n 'Insurance Type': 'General'\n })\n setClaimer()\n }\n }\n\n return (\n <>\n {loading &&\n (clientName !== 'Sura' ? (\n \n setModalNoValidInsurance(false)}>\n 
\n \n 
\n
\n \n No tienes póliza de Sura vigente en estos momentos\n
\n\n {\n history.push('/')\n }}>\n \n \n \n Volver\n
\n \n )}\n \n
\n \n )}\n\n {clientName === 'Vida Security' && (\n \n
\n \n setClaimer(holder)} key={`h-${index}`} />\n ))}\n\n { beneficiaryList.length > 0 && (\n setClaimer(beneficiary)} key={`b-${index}`} />\n ))}\n\n
\n \n Selecciona para quien necesitas comprar medicamentos\n
\n\nTitular
\n\n { holderList.map((holder, index) => (\nBeneficiarios
\n )}\n\n { beneficiaryList.map((beneficiary, index) => (\n\n
\n \n \n )\n}\n\nconst mapStateToProps = (state) => {\n return {\n formData: state.app?.formData,\n }\n}\n\nconst mapDispatchToProps = (dispatch) => {\n return {\n changeLogo: (logo) => dispatch(changeLogo(logo)),\n setFormData: (formData) => dispatch(setFormData(formData)),\n }\n}\n\nexport default connect(mapStateToProps, mapDispatchToProps)(Beneficiaries)\n","import firebase from 'firebase/app'\nimport 'firebase/firestore'\nimport _, {now} from 'lodash'\nimport {getHash, getCurrentDate, getJWTdata} from '../Utils/tools'\nconst _get = require('lodash/get')\n\nconst PRE_ORDER_STATUS = {\n WAITING_FOR_PAYMENT: 'WAITING_FOR_PAYMENT',\n WAITING_FOR_CONFIRMATION: 'WAITING_FOR_CONFIRMATION',\n}\n\nfunction getClientId() {\n let clientId = null\n try {\n clientId = process.env.REACT_APP_CLIENT_ID\n } catch (error) {\n console.error('Failed to get client id')\n }\n return clientId\n}\n\nexport const saveShoppingCart = async (cart) => {\n try {\n let hash = getHash()\n let clientId = getClientId()\n\n return await firebase\n .firestore()\n .collection('web_app')\n .doc(clientId)\n .collection('shopping_bag')\n .doc(hash)\n .set({\n products: cart,\n updated_at: getCurrentDate(),\n })\n } catch (error) {\n console.log('saveShoppingCart Error', error)\n return false\n }\n}\n\nexport const getShoppingCart = async () => {\n try {\n let hash = getHash()\n let clientId = getClientId()\n let resp = await firebase\n .firestore()\n .collection('web_app')\n .doc(clientId)\n .collection('shopping_bag')\n .doc(hash)\n .get()\n let data = resp.data()\n let cart = Array.isArray(data?.products) ? data?.products : []\n return cart\n } catch (error) {\n console.log('getShoppingCart Error', error)\n return false\n }\n}\n\nexport const saveExamsCart = async (cart) => {\n try {\n let hash = getHash()\n let clientId = getClientId()\n return await firebase\n .firestore()\n .collection('web_app')\n .doc(clientId)\n .collection('exams_bag')\n .doc(hash)\n .set({\n exams: cart,\n updated_at: getCurrentDate(),\n })\n } catch (error) {\n console.log('saveExamsCart Error', error)\n return false\n }\n}\n\nexport const getExamsCart = async () => {\n try {\n let hash = getHash()\n let clientId = getClientId()\n let resp = await firebase\n .firestore()\n .collection('web_app')\n .doc(clientId)\n .collection('exams_bag')\n .doc(hash)\n .get()\n let data = resp.data()\n let cart = Array.isArray(data?.exams) ? data?.exams : []\n return cart\n } catch (error) {\n console.log('getExamsCart Error', error)\n return false\n }\n}\n\nexport const getRecentlyViewed = async () => {\n try {\n let products = []\n let hash = getHash()\n let clientId = getClientId()\n let resp = await firebase\n .firestore()\n .collection('web_app')\n .doc(clientId)\n .collection('web_app_user')\n .doc(hash)\n .collection('recently_viewed')\n .orderBy('updated_at', 'desc')\n .limit(10)\n .get()\n\n for (const doc of resp.docs) {\n products.push({...doc.data()})\n }\n\n products = _.orderBy(products, (product) => product.updated_at.seconds, [\n 'desc',\n ])\n\n return products\n } catch (error) {\n console.log('getShoppingCart Error', error)\n return false\n }\n}\n\nexport const saveRecentlyViewed = async (products) => {\n try {\n let cont = 0\n\n products = products.map((product) => {\n product.updated_at = new Date(new Date().setMilliseconds(cont++))\n return product\n })\n\n let hash = getHash()\n let clientId = getClientId()\n\n products.forEach(async (product) => {\n await firebase\n .firestore()\n .collection('web_app')\n .doc(clientId)\n .collection('web_app_user')\n .doc(hash)\n .collection('recently_viewed')\n .doc(product.product_id)\n .set(product)\n })\n } catch (error) {\n console.log('saveComplementaryCart Error', error)\n return false\n }\n}\n\nexport const saveComplementaryCart = async (complementaryCart) => {\n try {\n let hash = getHash()\n let clientId = getClientId()\n\n let currentBag = (\n await firebase\n .firestore()\n .collection('web_app')\n .doc(clientId)\n .collection('shopping_bag')\n .doc(hash)\n .get()\n ).data()\n if (currentBag) {\n let elementToUpdate = {\n products: currentBag?.products,\n complementary: complementaryCart,\n updated_at: getCurrentDate(),\n }\n\n await firebase\n .firestore()\n .collection('web_app')\n .doc(clientId)\n .collection('shopping_bag')\n .doc(hash)\n .update(elementToUpdate)\n } else {\n }\n } catch (error) {\n console.log('saveComplementaryCart Error', error)\n return false\n }\n}\n\nexport const getComplementaryCart = async () => {\n try {\n let hash = getHash()\n let clientId = getClientId()\n let resp = await firebase\n .firestore()\n .collection('web_app')\n .doc(clientId)\n .collection('shopping_bag')\n .doc(hash)\n .get()\n let data = resp.data()\n let complementary = Array.isArray(data?.complementary)\n ? data?.complementary\n : []\n return complementary\n } catch (error) {\n console.log('getComplementaryCart Error', error)\n return false\n }\n}\n\nexport const getCount = async () => {\n try {\n let hash = getHash()\n let clientId = getClientId()\n let resp = await firebase\n .firestore()\n .collection('web_app')\n .doc(clientId)\n .collection('shopping_bag')\n .doc(hash)\n .get()\n let data = resp.size\n let cart = Array.isArray(data?.products) ? data?.products : []\n return cart\n } catch (error) {\n console.log('getShoppingCart Error', error)\n return false\n }\n}\n\nexport const getCampaign = async (data) => {\n try {\n let campaign = await firebase\n .firestore()\n .collection('campaigns')\n .doc(data)\n .get()\n return campaign.data()\n } catch (error) {\n console.log('getCampaign Error', error)\n return false\n }\n}\n\nexport const createPreOrder = async (data, hasPaymentMehod) => {\n let status = hasPaymentMehod\n ? PRE_ORDER_STATUS.WAITING_FOR_CONFIRMATION\n : PRE_ORDER_STATUS.WAITING_FOR_PAYMENT\n\n try {\n let hash = getHash()\n let clientId = getClientId()\n await firebase\n .firestore()\n .collection('web_app')\n .doc(clientId)\n .collection('pre_order')\n .doc(hash)\n .set({\n data: data,\n status: status,\n updated_at: getCurrentDate(),\n })\n } catch (error) {\n console.log('createPreOrder Error', error)\n return false\n }\n}\n\nexport const getPreOrder = async () => {\n try {\n let hash = getHash()\n let clientId = getClientId()\n let resp = await firebase\n .firestore()\n .collection('web_app')\n .doc(clientId)\n .collection('pre_order')\n .doc(hash)\n .get()\n return resp.data()\n } catch (error) {\n console.log('getPreOrder Error', error)\n return false\n }\n}\n\nexport const removeShoppingCart = async () => {\n try {\n let hash = getHash()\n let clientId = getClientId()\n await firebase\n .firestore()\n .collection('web_app')\n .doc(clientId)\n .collection('shopping_bag')\n .doc(hash)\n .delete()\n } catch (error) {\n console.log('removeShoppingCart Error', error)\n return false\n }\n}\n\nexport const getUserInfo = async (clientId = null, jwtToken = null) => {\n try {\n const jwtData = getJWTdata(jwtToken)\n if (!clientId) clientId = getClientId()\n let resp = await firebase\n .firestore()\n .collection('web_app')\n .doc(clientId)\n .collection('web_app_user')\n .doc(jwtData?.user_id)\n .get()\n let data = resp.data()\n return data\n } catch (error) {\n console.log('getUserInfo Error', error)\n return false\n }\n}\n\nexport const getUser = async (uid) => {\n try {\n let resp = await firebase.firestore().collection('users').doc(uid).get()\n let data = resp.data()\n return data\n } catch (error) {\n console.log('getUserInfo Error', error)\n return false\n }\n}\n\nexport const saveLocation = async (location) => {\n try {\n const jwtData = getJWTdata()\n if (location && jwtData?.user_id) {\n let clientId = getClientId()\n if (\n (\n await firebase\n .firestore()\n .collection('web_app')\n .doc(clientId)\n .collection('web_app_user')\n .doc(jwtData?.user_id)\n .get()\n ).data()\n ) {\n await firebase\n .firestore()\n .collection('web_app')\n .doc(clientId)\n .collection('web_app_user')\n .doc(jwtData?.user_id)\n .update({location: location})\n } else {\n await firebase\n .firestore()\n .collection('web_app')\n .doc(clientId)\n .collection('web_app_user')\n .doc(jwtData?.user_id)\n .set({location: location})\n }\n\n try {\n let userData = JSON.parse(sessionStorage.getItem('USER_DATA'))\n userData.address = location.label\n sessionStorage.setItem('USER_DATA', JSON.stringify(userData))\n } catch (ignore) {}\n } else {\n console.log('Undefined location')\n }\n } catch (error) {\n console.log('saveLocation Error', error)\n return false\n }\n}\n","import {useEffect} from 'react'\nimport {useSelector, useDispatch} from 'react-redux'\nimport {useHistory, useParams} from 'react-router-dom'\n\nimport {getConfigPage} from '../Utils/api'\n\nimport {changeInitialLoading, changeConfig} from '../redux/modules/app'\n\nimport {getJWTdata} from '../Utils/tools'\nimport {fetchUser, setUserExtraInfo} from '../redux/modules/user'\nimport {loginAnonymoust, signOut} from '../Utils/auth'\nimport {getShoppingCart, saveShoppingCart} from '../Utils/service'\n\nconst _get = require('lodash/get')\n\nfunction Page() {\n const {hash} = useParams()\n const history = useHistory()\n const dispatch = useDispatch()\n\n const location = useSelector((state) => state.app.location)\n const userInfo = useSelector((state) => state.user.userInfo)\n\n const skipLogin =\n process.env.REACT_APP_ONBOARDING_REQUIRED === 'TRUE'\n ? 'TRUE'\n : process.env.REACT_APP_SKIP_LOGIN\n\n useEffect(() => {\n localStorage.setItem(\n 'fromYappApp',\n navigator.userAgent.search('YappApp') > -1,\n )\n\n dispatch(changeInitialLoading(true))\n getConfigPage(hash)\n .then(async (res) => {\n if (!res) {\n return history.push('/error')\n }\n\n let localData = {}\n let arrBag = null\n\n localStorage.setItem('JWT', res?.data?.token)\n localStorage.setItem(\n 'LOCAL_DATA',\n JSON.stringify({\n hash: hash,\n origin: process.env.REACT_APP_CLIENT_NAME.toLowerCase(),\n site: res?.data,\n client_config: {\n delivery_time: _get(res?.data, 'config[0].config.delivery_time'),\n },\n }),\n )\n\n if (skipLogin === 'TRUE') {\n if (!userInfo?.signInMethod) {\n arrBag = await getShoppingCart()\n await signOut()\n let response = await loginAnonymoust()\n dispatch(fetchUser())\n let user_id = response?.data?.uid\n\n localData = localStorage.getItem('LOCAL_DATA')\n localData = JSON.parse(localData)\n localData.hash = user_id\n localStorage.setItem('LOCAL_DATA', JSON.stringify(localData))\n\n if (arrBag?.length > 0) {\n await saveShoppingCart(arrBag)\n }\n }\n }\n\n try {\n let jwtData = getJWTdata()\n // if(userId !== null) {\n // jwtData.user_id = userId\n // }\n\n window.gtag('set', 'user_id', jwtData?.user_id)\n window.gtag('set', 'user_type', _get(res, 'data.user_type', 'user'))\n } catch (error) {\n console.log('Error set user gtag.')\n }\n\n await dispatch(changeConfig(res))\n dispatch(setUserExtraInfo(_get(res?.data, 'info', {})))\n let route = res?.data?.route\n if (route === '/search') {\n if (location?.label && location?.nro) {\n route =\n '/search/shopping_bag/' +\n Math.floor(Math.random() * Math.floor(100000000000000000000))\n return history.replace(route, {product: null, from: 'page'})\n }\n }\n\n let productId = localStorage.getItem('product')\n if (productId) {\n history.push(`/product/detail/${productId}`, {\n product_id: productId,\n external_vademecum: true,\n })\n localStorage.removeItem('product')\n } else {\n history.replace(route, {site: res?.data})\n }\n })\n .catch((err) => {\n dispatch(changeInitialLoading(false))\n console.log(err)\n })\n }, [])\n\n return \n}\n\nexport default Page\n","export default __webpack_public_path__ + \"static/media/i_error404.16857bd7.svg\";","import {useDispatch} from 'react-redux'\nimport imgError from '../../assets/img/i_error404.svg'\nimport {changeInitialLoading, changeNotFound} from '../../redux/modules/app'\n\nfunction NotFound() {\n const dispatch = useDispatch()\n dispatch(changeNotFound(true))\n dispatch(changeInitialLoading(false))\n return (\n \n {errorLoginInsurance.message}\n
\n\n {\n setShowErrorLoginInsurance(false)\n if (errorLoginInsurance.goBack)\n setClaimer(null, errorLoginInsurance.goBack)\n else\n window.location.replace(\"https://web.yapp.cl/\")\n }}>\n {errorLoginInsurance.goBack ? 'Entendido' : 'Continuar'}\n \n
\n \n
\n )\n}\n\nexport default NotFound\n","export default __webpack_public_path__ + \"static/media/error_hash.8cd33fd4.svg\";","import icErrorHash from '../../assets/img/error_hash.svg'\n\nfunction NoAccess() {\n return (\n Lo sentimos
\n\n 
\n
\n \n La página que busca no existe.\n
\n\n
\n )\n}\n\nexport default NoAccess\n","const _get = require('lodash/get')\n\nexport const getLocalData = () => {\n let current = localStorage.getItem('LOCAL_DATA')\n\n try {\n let currentParse = JSON.parse(current)\n return {\n hash: _get(currentParse, 'hash'),\n client_id: process.env.REACT_APP_CLIENT_ID,\n config_site: _get(currentParse, 'site.config[0].config'),\n info_site: _get(currentParse, 'site.info'),\n client_config: _get(currentParse, 'client_config'),\n }\n } catch (error) {\n console.log('Error al obtener llave en storage')\n }\n}\n\nexport const getKeyObject = (item, key) => {\n let current = localStorage.getItem(item)\n\n try {\n let newCurrent = JSON.parse(current)\n return _get(newCurrent, key)\n } catch (error) {\n console.log('Error al obtener llave en storage')\n }\n}\n\nexport const addKey = (item, key, value) => {\n let current = localStorage.getItem(item)\n\n try {\n let newCurrent = JSON.parse(current)\n newCurrent[key] = value\n localStorage.setItem(item, JSON.stringify(newCurrent))\n } catch (error) {\n console.log('Error al crear llave en storage')\n localStorage.setItem(item, JSON.stringify(current))\n }\n}\n\nexport const removeKey = (item, key) => {\n let current = localStorage.getItem(item)\n\n try {\n let newCurrent = JSON.parse(current)\n delete newCurrent[key]\n localStorage.setItem(item, JSON.stringify(newCurrent))\n } catch (error) {\n console.log('Error al crear llave en storage')\n localStorage.setItem(item, JSON.stringify(current))\n }\n}\n","export default __webpack_public_path__ + \"static/media/prescription.d7fbf409.png\";","import {useState} from 'react'\nimport {useLocation} from 'react-router-dom'\nimport LoadingScreen from 'react-loading-screen'\nimport {Container, Row, Col, Form, Button, Card} from 'react-bootstrap'\nimport ImageUploader from 'react-images-upload'\nimport GooglePlacesAutocomplete, {\n geocodeByAddress,\n} from 'react-google-places-autocomplete'\n\nimport {addKey} from '../../Utils/storage'\nimport {sendToPay} from '../../Utils/api'\n\nimport imgPrescription from '../../assets/img/prescription.png'\n\nconst _ = require('lodash')\n\nfunction AddPrescription() {\n const location = useLocation()\n\n const [toPayment, setToPayment] = useState(false)\n const [imgLoaded, setImage] = useState(null)\n const [locationInput, setLocation] = useState(null)\n const [formData, setFormData] = useState({\n name: null,\n phone: null,\n email: null,\n location: {},\n })\n\n async function clickSendToPay() {\n try {\n setToPayment(true)\n let payload = _.get(location.state, 'payload')\n let localData = JSON.parse(localStorage.getItem('LOCAL_DATA'))\n let hash = _.get(localData, 'hash')\n const returnUrl = `${window.location.href.replace(\n location.pathname,\n '',\n )}/result/checkout/${hash}`\n let respPay = await sendToPay(\n payload.amount + payload.delivery.cost,\n returnUrl,\n )\n addKey('LOCAL_DATA', 'paymentToken', respPay.data?.token)\n addKey('LOCAL_DATA', 'paymentElement', payload)\n window.location.href = respPay.data?.trx_response?.redirectUrl\n } catch (error) {\n console.log(error)\n }\n }\n\n function setLocationFromInput(el) {\n geocodeByAddress(el.label).then((res) => {\n let lat = res[0].geometry.location.lat()\n let lng = res[0].geometry.location.lng()\n let item = {\n label: el.label,\n lat: lat,\n lng: lng,\n }\n\n setFormData({...formData, location: item})\n })\n }\n\n function onDrop(files, pictures) {\n setImage(pictures)\n }\n\n return (\n <>\n \n
\n Lo sentimos
\n\n No puedes acceder a este sitio.\n
\nDatos de entrega
\n\n Necesitamos algunos datos para continuar\n
\n \nReceta médica
\n \n\n {!imgLoaded ? (\n
\n \n \n \n {![undefined, null, false].includes(onePharmacy) ? (\n <>\n
\n )}\n \n )\n}\n\nconst localStyle = {\n btnChangeLocation: {\n container: {},\n label: { color: '#6779e0', cursor: 'pointer', fontWeight: 'bold' },\n },\n}\n\nconst mapStateToProps = (state) => {\n return {\n location: state.app.location,\n communes: state.delivery.communes,\n globalCommune: state.app.commune,\n }\n}\n\nconst mapDispatchToProps = (dispatch) => {\n return {\n setLocation: (logo) => dispatch(setLocation(logo)),\n setCommune: (commune) => dispatch(setCommune(commune)),\n }\n}\n\nexport default connect(mapStateToProps, mapDispatchToProps)(memo(Location))\n","import {Button} from 'react-bootstrap'\nimport {useHistory} from 'react-router'\nimport Location from '../../Components/Location'\n\nfunction Page(props) {\n const history = useHistory()\n return (\n <>\n Lo sentimos...
\n\n
\n \n La farmacia que seleccionaste no tiene despacho a la nueva\n dirección.\n
\n\n { }}>\n Buscar farmacias nuevamente\n \n \n Usar la dirección anterior\n \n
\n \n\n Lo sentimos
\n\n Solo despachamos a vecinos de {listCommunes} que{' '}\n actualmente vivan en la comuna.\n
\n\n \n Oh... ok :(\n \n
\n \n ) : (\n <>\n {process.env.REACT_APP_CLIENT_NAME === 'Clínica Alemana'\n ?\n <>\n \n Mil disculpas... aún no tenemos despacho a tu comuna\n
\n\n
\n \n Comunas con despacho: \n
\n{listCommunes}.
\n\n \n Ok\n \n
\n \n :\n <>\n \n Lo sentimos...\n
\n\n
\n \n La farmacia seleccionada no tiene despacho para esta comuna.\n
\n\n \n Modificar dirección\n \n
\n \n }\n \n )}\n \n {!isLoadingRemoteLocation && (\n \n {!props.location?.label || requestLocation === true ? (\n \n {props.externalLabel && }\n
\n ) : (\n {'*Información necesaria para continuar con tu compra.'}
}\n\n {props.externalLabel && }\n changeLocation()}\n error={\n [undefined, null, ''].includes(locationInput?.label) && { message: '*Información necesaria para continuar con tu compra.' }\n }\n />\n
\n )}\n \n
\n \n \n history.goBack()}\n className=\"d-flex align-items-center\">\n \n
{' '}\n Cambiar dirección\n \n
\n \n )\n}\n\nexport default Page\n","import {useState, useImperativeHandle, forwardRef} from 'react'\nimport {Modal, Button} from 'react-bootstrap'\n\nconst ModalMessage = forwardRef((props, ref) => {\n const [show, setShow] = useState(false)\n const [payload, setPayload] = useState({\n title: null,\n message: null,\n })\n\n const handleClose = () => setShow(false)\n const handleShow = () => setShow(true)\n\n useImperativeHandle(ref, () => ({\n showAlert(payload) {\n setPayload(payload)\n handleShow()\n },\n }))\n return (\n <>\n \n
\n \n history.goBack()}>\n Volver\n \n
\n \n {data.label}\n {data.options.length}\n
\n )\n\n const promiseOptions = async (inputValue, callback) => {\n const parsedInputValue = inputValue.toUpperCase()\n if (inputValue.length > 1) {\n let products = []\n let resultId = '';\n\n if (isPatientProfile && props.commune?.id) {\n products = await autocomplete(\n parsedInputValue,\n props.vidal,\n props.request_from,\n props.commune.id\n )\n\n if (products.data.length > 0 && parsedInputValue?.length > 0) {\n resultId = products.result_id;\n products = addMetaData(products.data, parsedInputValue);\n }\n }\n else {\n products = await autocomplete(\n parsedInputValue,\n props.vidal,\n props.request_from\n )\n\n if (products?.data?.length > 0 && parsedInputValue?.length > 0) {\n resultId = products.result_id;\n products = addMetaData(products.data, parsedInputValue);\n }\n }\n\n if (products?.length > 0) {\n let options = []\n if (props?.onlyProducts === true) {\n options.push({\n label: 'Medicamentos',\n options: products.filter((item) => item.data?.is_product == true),\n })\n }\n else {\n options.push({\n label: 'Medicamentos genéricos',\n options: products.filter((item) => item.data?.is_product == false),\n })\n options.push({\n label: 'Medicamentos de marca',\n options: products.filter((item) => item.data?.is_product == true),\n })\n }\n \n let amplitude = options[0].options\n .map((c, index) => {\n return {\n product_id: c.value,\n lab_name: c.data.laboratory_name,\n position: index + 1,\n municipality_id: props.commune?.id ? props.commune?.id : ''\n }\n })\n logEvent('Product Found', {\n 'Product searched': parsedInputValue,\n Results: amplitude.slice(0, 10),\n })\n setResultSearch({\n result_id: resultId,\n request_from: props.request_from,\n })\n setAppState({groupedOptions: options});\n callback(options);\n } else {\n logEvent('Product Not Found', {\n 'Search Term': parsedInputValue\n })\n setResultSearch(null)\n callback([])\n }\n }\n }\n\n const addMetaData = (items, searchTerm) => {\n let products = [];\n\n if (items.length > 0 && searchTerm.length > 0) {\n products = items.map((c) => {\n let priceData = Object.assign({}, c);\n let priceLabel = c.minimal_price\n ? '(' + _formatPrice(c.minimal_price) + ') ' + c.product_name\n : c.product_name;\n\n if ((c.formula_name?.toUpperCase().includes(searchTerm.toUpperCase())\n && c.product_name?.toUpperCase().includes(searchTerm.toUpperCase()))\n || c.laboratory_name?.toUpperCase() === 'GENERICOS') {\n priceData.is_product = false;\n }\n else {\n priceData.is_product = true;\n }\n\n return {\n value: c.product_id,\n label: priceLabel,\n data: priceData\n }\n });\n }\n return products;\n }\n\n const localDebounce = debounce(\n (inputValue, callback) => promiseOptions(inputValue, callback),\n 200,\n )\n\n const loadSuggestions = (inputValue, callback) => {\n localDebounce(inputValue, callback)\n }\n\n const onChangeInput = (newValue) => {\n try {\n if (props?.onClickSearch && newValue)\n if (props.from === 'search') {\n addEventNameWithParams('quotation_select_product', {\n product_id: newValue?.value,\n product_name: newValue?.label,\n })\n }\n\n if (props.clearInput) {\n setAppState({...appState, groupedOptions: []})\n }\n\n dispatch(\n setResultSearchRdx({\n ...resultSearch,\n is_active_principle: newValue?.data?.is_product === 0,\n active_principle_id: newValue?.data?.active_principle_id,\n }),\n )\n\n if (newValue?.data) {\n newValue.data = {...newValue?.data, resultSearch}\n }\n return props.onClickSearch(newValue)\n } catch (ignore) {}\n }\n\n const searchProductsStyle = {\n control: (provided, {isFocused}) => ({\n ...provided,\n backgroundColor: '#fff',\n borderRadius: '8px',\n height: '38px',\n boxShadow: '2px 2px 10px rgba(0,0,0,.1)',\n paddingLeft: '44px',\n border: '1px solid #E9E6FE;',\n '&:hover': {\n border: isFocused ? '1px solid #E9E6FE;' : '1px solid #E9E6FE;',\n },\n ':before': {\n backgroundImage: `url(${icSearch})`,\n backgroundRepeat: 'no-repeat',\n backgroundSize: 'cover',\n content: '\" \"',\n display: 'block',\n marginRight: 8,\n height: '21px',\n width: '21px',\n position: 'absolute',\n left: '12px',\n overflow: 'visible',\n },\n }),\n singleValue: (provided) => ({\n ...provided,\n color: '#828282',\n fontSize: '12px',\n }),\n placeholder: (provided) => ({\n ...provided,\n color: '#BDBDBD',\n fontSize: '12px',\n }),\n valueContainer: (provided) => ({\n ...provided,\n paddingLeft: '0',\n fontSize: '12px',\n }),\n indicatorsContainer: (provided) => ({\n ...provided,\n display: 'none',\n }),\n menu: (provided) => ({\n ...provided,\n borderRadius: '0 0 8px 8px',\n boxShadow: '0 4px 10px rgba(0,0,0,.1)',\n borderWidth: '0',\n top: '23px',\n zIndex: 1051,\n border: '1px solid #E9E6FE',\n }),\n menuList: (provided) => ({\n ...provided,\n color: '#282E55',\n fontSize: '10px',\n }),\n menuPortal: (provided) => ({\n ...provided,\n }),\n noOptionsMessage: (provided) => ({\n ...provided,\n color: '#828282',\n fontSize: '12px',\n }),\n option: (provided, {isFocused}) => ({\n ...provided,\n backgroundColor: isFocused ? 'rgba(196, 196, 196, 0.3)' : null,\n ':active': {\n ...provided[':active'],\n backgroundColor: 'rgba(196, 196, 196, 0.3)',\n fontSize: '10px',\n },\n ':before': isFocused\n ? {\n backgroundImage: `url(${icEnter})`,\n backgroundRepeat: 'no-repeat',\n backgroundSize: '22px',\n backgroundPosition: 'right',\n content: '\"Seleccionar\"',\n color: '#828282',\n fontSize: '8px',\n display: 'flex',\n flexColumn: 'row',\n alignItems: 'center',\n marginRight: 8,\n height: '15px',\n width: '74px',\n position: 'absolute',\n right: '0',\n overflow: 'visible',\n }\n : {},\n }),\n }\n\n const borderColor = theme?.border_color\n ? `1px solid ${theme?.border_color}`\n : props.themeColor\n ? `1px solid var(${props.themeColor})`\n : '1px solid #6578FF'\n\n const searchProductsStyleSecondary = {\n control: (provided, {isFocused}) => ({\n ...provided,\n backgroundColor: '#fff',\n borderRadius: theme.border_radius,\n height: '42px',\n boxShadow: '0 rgba(0,0,0,.1)',\n paddingLeft: '21px',\n border: borderColor,\n '&:hover': {\n border: borderColor,\n },\n ':before': {\n backgroundColor: theme?.border_color\n ? theme?.border_color\n : props.themeColor\n ? `var(${props.themeColor})`\n : '#6578FF',\n borderRadius: '30px',\n content: '\"\\\\e901\"',\n fontFamily: 'icomoon',\n color: '#fff',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n fontSize: '20px',\n marginRight: 0,\n height: theme.size_icon_search,\n width: theme.size_icon_search,\n position: 'absolute',\n left: 'calc(100% - 40px)',\n overflow: 'visible',\n zIndex: 999,\n },\n }),\n singleValue: (provided) => ({\n ...provided,\n color: '#828282',\n fontSize: '12px',\n textOverflow: 'ellipsis',\n overflow: 'hidden',\n width: '75%',\n whiteSpace: 'nowrap',\n }),\n placeholder: (provided) => ({\n ...provided,\n color: '#282E55',\n fontSize: '12px',\n textOverflow: 'ellipsis',\n overflow: 'hidden',\n width: '75%',\n whiteSpace: 'nowrap',\n }),\n valueContainer: (provided) => ({\n ...provided,\n paddingLeft: '0',\n fontSize: '12px',\n }),\n indicatorsContainer: (provided) => ({\n ...provided,\n display: 'none',\n }),\n menu: (provided) => ({\n ...provided,\n borderRadius: '0 0 8px 8px',\n boxShadow: '0 4px 10px rgba(0,0,0,.1)',\n borderWidth: '0',\n top: '20px',\n zIndex: 1049,\n border: '1px solid #E9E6FE',\n paddingTop: '20px',\n }),\n menuList: (provided) => ({\n ...provided,\n color: '#282E55',\n fontSize: '12px',\n }),\n menuPortal: (provided) => ({\n ...provided,\n }),\n noOptionsMessage: (provided) => ({\n ...provided,\n color: '#828282',\n fontSize: '12px',\n }),\n option: (provided, {isFocused, isSelected}) => ({\n ...provided,\n backgroundColor: isFocused ? 'rgba(196, 196, 196, 0.3)' : null,\n color: isSelected ? 'var(--color-dark-blue-ds)' : '#828282',\n ':active': {\n ...provided[':active'],\n backgroundColor: 'rgba(196, 196, 196, 0.3)',\n fontSize: '10px',\n color: '#828282',\n },\n ':before': isFocused\n ? {\n backgroundImage: `url(${icEnter})`,\n backgroundRepeat: 'no-repeat',\n backgroundSize: '22px',\n backgroundPosition: 'right',\n content: '\"Seleccionar\"',\n color: '#828282',\n fontSize: '8px',\n display: 'flex',\n flexColumn: 'row',\n alignItems: 'center',\n marginRight: 8,\n height: '15px',\n width: '74px',\n position: 'absolute',\n right: '0',\n overflow: 'visible',\n }\n : {},\n }),\n }\n\n function onFocusInput(e) {\n addEvent('product_search_focus')\n }\n\n const placeholderSearch = props.placeholder\n ? props.placeholder\n : 'Busca tus medicamentos aquí'\n\n return (\n \n { props.commune?.name && clientName === 'Bice Vida' && !props.changingCommune && (\n 'Sin resultados...'}\n placeholder={placeholderSearch}\n controlShouldRenderValue={false}\n formatGroupLabel={formatGroupLabel}\n defaultOptions={appState.groupedOptions}\n loadOptions={loadSuggestions}\n styles={\n props.styleSecondary\n ? searchProductsStyleSecondary\n : searchProductsStyle\n }\n value={props.showValue ? null : appState.inputValue}\n />\n
\n )\n}\n\nconst groupStyles = {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'space-between',\n}\n\nconst dot = (color = '#ccc') => ({\n alignItems: 'center',\n display: 'flex',\n\n ':before': {\n backgroundImage: `url(${icSearch})`,\n backgroundRepeat: 'no-repeat',\n backgroundSize: 'cover',\n content: '\" \"',\n display: 'block',\n marginRight: 8,\n height: 22,\n width: 22,\n },\n})\n\nconst groupBadgeStyles = {\n backgroundColor: '#EBECF0',\n color: '#172B4D',\n display: 'inline-block',\n fontSize: '1em',\n fontWeight: 'normal',\n lineHeight: '1',\n minWidth: 1,\n padding: '0.16666666666667em 0.5em',\n textAlign: 'center',\n}\n\nconst colourStyles = {\n control: (styles) => ({\n ...styles,\n backgroundColor: 'white',\n borderRadius: '0.8rem',\n borderColor: 'transparent',\n fontFamily: 'var(--font-light)',\n boxShadow: '0px 4px 4px rgba(0, 0, 0, 0.25)',\n }),\n option: (styles, {data, isDisabled, isFocused, isSelected}) => {\n return {\n ...styles,\n backgroundColor: isDisabled\n ? null\n : isSelected\n ? data.color\n : isFocused\n ? null\n : null,\n color: '#282e55',\n cursor: isDisabled ? 'not-allowed' : 'default',\n ':active': {\n ...styles[':active'],\n backgroundColor: !isDisabled && (isSelected ? data.color : null),\n },\n }\n },\n input: (styles) => ({\n ...styles,\n ...dot(),\n fontSize: '1em',\n fontFamily: 'var(--font-light)',\n color: '#282e55',\n height: '3rem',\n }),\n placeholder: (styles) => ({\n ...styles,\n ...dot(),\n fontSize: '1.2em',\n fontFamily: 'var(--font-light)',\n color: '#BDBDBD',\n }),\n singleValue: (styles, {data}) => ({...styles, ...dot(data.color)}),\n}\n\nconst mapDispatchToProps = (dispatch) => {\n return {\n changeLogo: (logo) => dispatch(changeLogo(logo)),\n showButtonCart: (status) => dispatch(showButtonCart(status)),\n }\n}\n\nconst mapStateToProps = (state) => {\n return {\n commune: state.app.commune\n }\n}\n\nexport default connect(mapStateToProps, mapDispatchToProps)(Search)\n","import { useEffect, useState, memo } from 'react'\nimport { connect, useDispatch, useSelector } from 'react-redux'\nimport { useAlert } from 'react-alert'\nimport { useHistory } from 'react-router-dom'\nimport { Form, Button } from 'react-bootstrap'\nimport Geocode from 'react-geocode'\nimport Modal from 'react-modal'\nimport AsyncSelect from 'react-select/async'\nimport useScreenSize from '../../Hooks/useScreenSize'\n\nimport { getUserInfo, saveLocation } from '../../Utils/service'\nimport { setLocation, setCommune, changeInitialLoading } from '../../redux/modules/app'\nimport { getDeliveryCommunes } from '../../Utils/api'\n\nimport biceVidaPet from '../../assets/img/bice-vida-search.png'\nimport icSearch from '../../assets/img/ic_search.svg'\nimport icEnter from '../../assets/img/ic_enter_search.svg'\nimport icLocation from '../../assets/img/ic_location_blue.svg'\nimport { addEvent, logEvent } from '../../Utils/utils'\n\nconst _ = require('lodash')\nconst debounce = require('lodash/debounce')\nconst clientName = process.env.REACT_APP_CLIENT_NAME || 'Yapp Chile'\n\nfunction CommunesSearch(props) {\n const dispatch = useDispatch()\n const alert = useAlert()\n const history = useHistory()\n const { width } = useScreenSize()\n\n const [requestLocation, setRequestLocation] = useState(false)\n const [locationInput, setLocationInput] = useState(null)\n const [localCommune, setLocalCommune] = useState(null)\n const [communeDefault, setCommuneDefault] = useState(null)\n const [listCommunes, setCommunes] = useState(null)\n\n const [isLoadingRemoteLocation, setLoadingRemoteLocation] = useState(true)\n const [isCurrentLocation, setIsCurrentLocation] = useState(false)\n const [positionWatchId, setPositionWatchId] = useState(null)\n const [currentPosition, setCurrentPosition] = useState(null)\n const [isAppleDevice, setIsAppleDevice] = useState(false)\n const [modalIsOpen, setIsOpen] = useState(false)\n const [modalIsOpenIvalidLoc, setIsOpenIvalidLoc] = useState(false)\n\n const onePharmacy = useSelector((state) => state.app.one_pharmacy)\n const userExtraInfo = useSelector((state) => state.user.userExtraInfo)\n\n const [appState, setAppState] = useState({\n loading: false,\n inputValue: '',\n groupedOptions: [],\n communes: [],\n })\n\n function openModal() {\n setIsOpen(true)\n }\n\n function closeModal() {\n setIsOpen(false)\n }\n function closeModalInvalidLoc() {\n setIsOpenIvalidLoc(false)\n }\n\n useEffect(() => {\n Geocode.setApiKey('AIzaSyDvFBaWaotkeA0xuMSveqQ6VK-XJxAMNSw')\n Geocode.setLanguage('es-419')\n Geocode.setRegion('cl')\n Geocode.enableDebug()\n\n if (navigator.appVersion.indexOf('Mac') !== -1) {\n setIsAppleDevice(true)\n }\n return () => {\n positionWatchId && navigator.geolocation.clearWatch(positionWatchId)\n }\n }, [])\n\n useEffect(() => {\n\n setLoadingRemoteLocation(true)\n getUserInfo()\n .then((resp) => {\n if (props.commune?.name) {\n let commune = props.commune.name\n if (commune) {\n showLocation(false)\n setLoadingRemoteLocation(false)\n }\n } else {\n props.setLocation(null)\n showLocation(true)\n setLoadingRemoteLocation(false)\n }\n })\n .catch((err) => {\n setLoadingRemoteLocation(false)\n console.log(err)\n })\n }, [])\n\n useEffect(() => {\n if (\n currentPosition?.coords?.latitude &&\n currentPosition?.coords?.longitude\n ) {\n getLocationText(\n currentPosition.coords.latitude,\n currentPosition.coords.longitude,\n )\n }\n }, [currentPosition])\n\n useEffect(() => {\n dispatch(changeInitialLoading(true))\n getDeliveryCommunes()\n .then((el) => {\n if (el?.data) {\n if (el?.data?.length === 1) {\n setCommuneDefault(el?.data[0])\n }\n\n let communeFilter = []\n if (userExtraInfo?.patient?.address?.commune_id) {\n communeFilter = el.data.filter(\n (el) => el.id === userExtraInfo.patient?.address?.commune_id\n )\n }\n\n if (userExtraInfo?.patient?.address?.commune) {\n communeFilter = el.data.filter(\n (el) => el.name.toLowerCase() === userExtraInfo.patient?.address?.commune.trim().toLowerCase()\n )\n }\n\n setCommunes(el?.data.map((el) => el.name).join(', '))\n\n let comm = el?.data.filter((commune) => commune.name.toLowerCase())\n if (comm.length > 0) {\n let group = comm.map((c) => {\n return { value: c.id, label: c.name, data: c }\n })\n let options = []\n options.push({\n label: 'Comunas',\n options: group,\n })\n setAppState({ groupedOptions: options })\n }\n if (communeFilter?.length > 0) {\n let commune = communeFilter[0]\n commune = { name: commune.name, id: commune.id }\n logEvent('Location Selected', { Location: commune.name })\n dispatch(setCommune(commune))\n setLocalCommune(commune)\n showLocation(false)\n if (typeof props?.nextAction !== 'undefined') props?.nextAction()\n }\n }\n })\n .catch((err) => {\n console.log(err)\n return history.push('/error')\n }).finally(() => {\n dispatch(changeInitialLoading(false))\n })\n }, [])\n\n function afterOpenModal() {\n // references are now sync'd and can be accessed.\n }\n function afterOpenModalInvalidLoc() {\n // references are now sync'd and can be accessed.\n }\n\n const showLocation = (status) => {\n setRequestLocation(status)\n props?.setChangingCommune(status);\n }\n\n const setLocationComponent = (\n label,\n lat,\n lng,\n locality,\n communeId,\n nro = null,\n ) => {\n let item = {\n label: label,\n lat: lat,\n lng: lng,\n locality: locality,\n commune_id: communeId,\n nro: nro,\n }\n\n props.setLocation(item) // action\n saveLocation(item) // service\n setLocationInput(item) // localState\n }\n\n function onPress(element, item) {\n let communeFilter = props.communes.filter(\n (el) => el.name === element?.label,\n )\n if (communeFilter?.length === 0) {\n showLocation(false)\n } else {\n logEvent('Location Selected', { Location: element.data.name })\n dispatch(setCommune(element.data))\n setLocalCommune(element.data)\n showLocation(false)\n if (typeof props?.nextAction !== 'undefined') props?.nextAction()\n }\n }\n\n function getLocationText(latitude, longitude) {\n Geocode.fromLatLng(latitude, longitude).then(\n (response) => {\n const geoResp = _.get(response.results, '[0].address_components')\n let locality = null\n for (const key in geoResp) {\n if (geoResp.hasOwnProperty(key)) {\n const element = geoResp[key]\n let type = _.get(element, 'types')\n if (_.includes(type, 'administrative_area_level_3')) {\n locality = element.long_name\n }\n }\n }\n\n let item = {\n label: _.get(response.results, '[0].formatted_address'),\n lat: latitude,\n lng: longitude,\n locality: locality,\n }\n\n let communeFilter = props.communes?.filter((el) => el.name === locality)\n if (communeFilter?.length === 0) {\n showLocation(false)\n alert.show(\n 'La ubicación ingresada no esta entre las comunas que despachamos.',\n )\n } else {\n setLocationComponent(\n item.label,\n item.lat,\n item.lng,\n item.locality,\n _.get(communeFilter, '[0].id'),\n )\n showLocation(false)\n }\n },\n (error) => {\n console.error(error)\n },\n )\n }\n\n function getCurrentLocation() {\n navigator.geolocation.getCurrentPosition(\n function (resp) {\n setCurrentPosition(resp)\n },\n (err) => {\n console.log('Err', err)\n alert.error(\n 'Si no logramos obtener tu Ubicación revisa los permisos en tus preferencias de seguridad.',\n )\n if (isAppleDevice) {\n watchCurrentLocation()\n } else {\n setIsCurrentLocation(false)\n }\n },\n { timeout: 3000 },\n )\n }\n\n function watchCurrentLocation() {\n let id = navigator.geolocation.watchPosition(\n (resp) => {\n setCurrentPosition(resp)\n },\n (err) => {\n console.log('Err', err)\n },\n )\n setPositionWatchId(id)\n }\n\n async function onChangeInput(event) {\n let tmp = !isCurrentLocation\n setIsCurrentLocation(tmp)\n\n if (tmp) {\n if (navigator.geolocation) {\n getCurrentLocation()\n } else {\n console.log('Sin geo')\n }\n } else {\n positionWatchId && navigator.geolocation.clearWatch(positionWatchId)\n }\n }\n\n function openModalInvalidLoc() {\n setIsOpenIvalidLoc(true)\n }\n\n function onFocusInput(e) {\n addEvent('location_search_focus')\n }\n\n const formatGroupLabel = (data) => (\n \n 
\n
\n )}\n {!props.isNotShow && (\n { clientName === 'Bice Vida' ? 'Buscar medicamento' : 'Agregar medicamentos' }
\n )}\n\n {data.label}\n {data.options.length}\n
\n )\n\n const promiseOptions = async (inputValue, callback) => {\n if (inputValue.length > 1 && props.communes?.length >= 1) {\n let comm = props.communes.filter((commune) =>\n commune.name.toLowerCase().includes(inputValue.toLowerCase()),\n )\n if (comm.length > 0) {\n let group = comm.map((c) => {\n return { value: c.id, label: c.name, data: c }\n })\n let options = []\n options.push({\n label: 'Comunas',\n options: group,\n })\n setAppState({ groupedOptions: options })\n callback(options)\n }\n } else {\n setAppState({ groupedOptions: [] })\n }\n }\n\n const localDebounce = debounce(\n (inputValue, callback) => promiseOptions(inputValue, callback),\n 200,\n )\n\n const loadSuggestions = (inputValue, callback) => {\n localDebounce(inputValue, callback)\n }\n\n const searchProductsStyle = {\n control: (provided, { isFocused }) => ({\n ...provided,\n backgroundColor: '#fff',\n borderRadius: '8px',\n height: '38px',\n boxShadow: '2px 2px 10px rgba(0,0,0,.1)',\n paddingLeft: '44px',\n border: '1px solid #E9E6FE;',\n '&:hover': {\n border: isFocused ? '1px solid #E9E6FE;' : '1px solid #E9E6FE;',\n },\n ':before': {\n backgroundImage: `url(${icSearch})`,\n backgroundRepeat: 'no-repeat',\n backgroundSize: 'cover',\n content: '\" \"',\n display: 'block',\n marginRight: 8,\n height: '21px',\n width: '21px',\n position: 'absolute',\n left: '12px',\n overflow: 'visible',\n },\n }),\n singleValue: (provided) => ({\n ...provided,\n color: '#828282',\n fontSize: '12px',\n }),\n placeholder: (provided) => ({\n ...provided,\n color: '#BDBDBD',\n fontSize: '12px',\n }),\n valueContainer: (provided) => ({\n ...provided,\n paddingLeft: '0',\n fontSize: '12px',\n }),\n indicatorsContainer: (provided) => ({\n ...provided,\n display: 'none',\n }),\n menu: (provided) => ({\n ...provided,\n borderRadius: '0 0 8px 8px',\n boxShadow: '0 4px 10px rgba(0,0,0,.1)',\n borderWidth: '0',\n top: '23px',\n zIndex: 1051,\n border: '1px solid #E9E6FE',\n }),\n menuList: (provided) => ({\n ...provided,\n color: '#282E55',\n fontSize: '10px',\n }),\n menuPortal: (provided) => ({\n ...provided,\n }),\n noOptionsMessage: (provided) => ({\n ...provided,\n color: '#828282',\n fontSize: '12px',\n }),\n option: (provided, { isFocused }) => ({\n ...provided,\n backgroundColor: isFocused ? 'rgba(196, 196, 196, 0.3)' : null,\n ':active': {\n ...provided[':active'],\n backgroundColor: 'rgba(196, 196, 196, 0.3)',\n fontSize: '10px',\n },\n ':before': isFocused\n ? {\n backgroundImage: `url(${icEnter})`,\n backgroundRepeat: 'no-repeat',\n backgroundSize: '22px',\n backgroundPosition: 'right',\n content: '\"Seleccionar\"',\n color: '#828282',\n fontSize: '8px',\n display: 'flex',\n flexColumn: 'row',\n alignItems: 'center',\n marginRight: 8,\n height: '15px',\n width: '74px',\n position: 'absolute',\n right: '0',\n overflow: 'visible',\n }\n : {},\n }),\n }\n\n const searchProductsStyleSecondary = {\n control: (provided, { isFocused }) => ({\n ...provided,\n backgroundColor: '#fff',\n borderRadius: '8px',\n height: '48px',\n boxShadow: '0',\n paddingLeft: '16px',\n border: '1px solid #DDE0EC;',\n '&:hover': {\n border: isFocused ? '1px solid #DDE0EC;' : '1px solid #DDE0EC;',\n },\n\n }),\n singleValue: (provided) => ({\n ...provided,\n color: '#828282',\n fontSize: '12px',\n }),\n placeholder: (provided) => ({\n ...provided,\n color: '#A9ABBB',\n fontSize: '12px',\n }),\n valueContainer: (provided) => ({\n ...provided,\n paddingLeft: '0',\n fontSize: '12px',\n }),\n indicatorsContainer: (provided) => ({\n ...provided,\n display: 'none',\n }),\n menu: (provided) => ({\n ...provided,\n borderRadius: '0 0 8px 8px',\n boxShadow: '0 4px 10px rgba(0,0,0,.1)',\n borderWidth: '0',\n top: '23px',\n zIndex: 1051,\n border: '1px solid #E9E6FE',\n }),\n menuList: (provided) => ({\n ...provided,\n color: '#282E55',\n fontSize: '10px',\n }),\n menuPortal: (provided) => ({\n ...provided,\n }),\n noOptionsMessage: (provided) => ({\n ...provided,\n color: '#828282',\n fontSize: '12px',\n }),\n option: (provided, { isFocused }) => ({\n ...provided,\n backgroundColor: isFocused ? 'rgba(196, 196, 196, 0.3)' : null,\n ':active': {\n ...provided[':active'],\n backgroundColor: 'rgba(196, 196, 196, 0.3)',\n fontSize: '10px',\n },\n ':before': isFocused\n ? {\n backgroundImage: `url(${icEnter})`,\n backgroundRepeat: 'no-repeat',\n backgroundSize: '22px',\n backgroundPosition: 'right',\n content: '\"Seleccionar\"',\n color: '#828282',\n fontSize: '8px',\n display: 'flex',\n flexColumn: 'row',\n alignItems: 'center',\n marginRight: 8,\n height: '15px',\n width: '74px',\n position: 'absolute',\n right: '0',\n overflow: 'visible',\n }\n : {},\n }),\n }\n\n const newStyle = {\n control: (provided, { isFocused }) => ({\n ...provided,\n backgroundColor: '#fff',\n borderRadius: '12px',\n height: '48px',\n boxShadow: '0',\n paddingLeft: '16px',\n zIndex: 1052,\n border: props.themeColor ? `1px solid var(${props.themeColor})` : '1px solid #DDE0EC;',\n '&:hover': {\n border: isFocused\n ? props.themeColor ? `1px solid var(${props.themeColor})` : '1px solid #DDE0EC;'\n : props.themeColor ? `1px solid var(${props.themeColor})` : '1px solid #DDE0EC;',\n },\n\n }),\n singleValue: (provided) => ({\n ...provided,\n color: props.themeColor ? `var(${props.themeColor})` : '#828282',\n fontSize: '12px',\n paddingLeft: '16px',\n '&::before': {\n content: '\"\\\\e928\"',\n fontFamily: 'icomoon !important',\n width: '10px',\n height: '15px',\n color: 'var(--theme-color)',\n position: 'absolute',\n top: '0',\n left: '0'\n }\n }),\n placeholder: (provided) => ({\n ...provided,\n color: '#282E55',\n fontSize: '12px',\n }),\n valueContainer: (provided) => ({\n ...provided,\n paddingLeft: '0',\n fontSize: '12px',\n }),\n indicatorsContainer: (provided) => ({\n ...provided,\n display: 'none',\n }),\n menu: (provided) => ({\n ...provided,\n borderRadius: '0 0 8px 8px',\n boxShadow: '0 4px 10px rgba(0,0,0,.1)',\n borderWidth: '0',\n top: '23px',\n zIndex: 1051,\n border: '1px solid #E9E6FE',\n paddingTop: '20px'\n }),\n menuList: (provided) => ({\n ...provided,\n color: '#282E55',\n fontSize: '12px',\n }),\n menuPortal: (provided) => ({\n ...provided,\n }),\n noOptionsMessage: (provided) => ({\n ...provided,\n color: '#828282',\n fontSize: '12px',\n }),\n option: (provided, { isFocused, isSelected }) => ({\n ...provided,\n backgroundColor: isFocused ? 'rgba(196, 196, 196, 0.3)' : null,\n color: isSelected ? 'var(--color-primary-ds)' : '#828282',\n ':active': {\n ...provided[':active'],\n backgroundColor: 'rgba(196, 196, 196, 0.3)',\n fontSize: '10px',\n },\n ':before': isFocused\n ? {\n backgroundImage: `url(${icEnter})`,\n backgroundRepeat: 'no-repeat',\n backgroundSize: '22px',\n backgroundPosition: 'right',\n content: '\"Seleccionar\"',\n color: '#828282',\n fontSize: '8px',\n display: 'flex',\n flexColumn: 'row',\n alignItems: 'center',\n marginRight: 8,\n height: '15px',\n width: '74px',\n position: 'absolute',\n right: '0',\n overflow: 'visible',\n }\n : {},\n }),\n }\n\n return (\n \n \n \n {![undefined, null, false].includes(onePharmacy) ? (\n <>\n \n showLocation(false)}\n noOptionsMessage={() => 'Sin resultados...'}\n placeholder=\"Ingresa tu comuna\"\n formatGroupLabel={formatGroupLabel}\n defaultOptions={appState.groupedOptions}\n loadOptions={loadSuggestions}\n styles={\n props.styleSecondary\n ? searchProductsStyleSecondary\n : searchProductsStyle\n }\n />\n
\n \n ) : (\n Lo sentimos...
\n\n
\n \n La farmacia que seleccionaste no tiene despacho a la nueva\n dirección.\n
\n\n { }}>\n Buscar farmacias nuevamente\n \n \n Usar la dirección anterior\n \n
\n \n\n Lo sentimos
\n\n Solo despachamos a vecinos de {listCommunes} que{' '}\n actualmente vivan en la comuna.\n
\n\n \n Oh... ok :(\n \n
\n \n ) : (\n <>\n \n Mil disculpas... aún no tenemos despacho a tu comuna\n
\n\n
\n \n Comunas con despacho: \n
\n{listCommunes}.
\n\n \n Ok\n \n
\n \n )}\n \n\n {!isLoadingRemoteLocation && (\n \n {props.newStyle && <>\n \n showLocation(false)}\n noOptionsMessage={() => 'Sin resultados...'}\n placeholder=\"Ingresa tu comuna\"\n formatGroupLabel={formatGroupLabel}\n defaultOptions={appState.groupedOptions}\n loadOptions={loadSuggestions}\n styles={newStyle}\n defaultValue={props.commune?.name ? { label: props.commune?.name } : null}\n />\n
\n }\n\n {!props.newStyle && <>\n {!props.commune?.name || requestLocation === true ? (\n <>\n { clientName === 'Bice Vida' && (\n \n \n
\n )}\n\n {!props.isNotShow &&\n \n { clientName === 'Bice Vida'\n ? 'Elige la comuna en la cual deseas cotizar y recibir con despacho a domicilio'\n : 'Ingresa la comuna en donde recibirás tu medicamento'\n }\n
\n }\n\n
\n )}\n }\n \n )}\n <>\n Buscando para
\n\n \n showLocation(true)}>\n \n {props.commune?.name ? props.commune.name : '...'}\n \n \n
\n \n {!isAppleDevice && false && (\n <>\n
\n \n \n )\n}\n\nconst groupStyles = {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'space-between',\n}\n\nconst dot = (color = '#ccc') => ({\n alignItems: 'center',\n display: 'flex',\n\n ':before': {\n backgroundImage: `url(${icSearch})`,\n backgroundRepeat: 'no-repeat',\n backgroundSize: 'cover',\n content: '\" \"',\n display: 'block',\n marginRight: 8,\n height: 22,\n width: 22,\n },\n})\n\nconst groupBadgeStyles = {\n backgroundColor: '#EBECF0',\n color: '#172B4D',\n display: 'inline-block',\n fontSize: '1em',\n fontWeight: 'normal',\n lineHeight: '1',\n minWidth: 1,\n padding: '0.16666666666667em 0.5em',\n textAlign: 'center',\n}\n\nconst mapStateToProps = (state) => {\n return {\n location: state.app.location,\n commune: state.app.commune,\n communes: state.delivery.communes,\n }\n}\n\nconst mapDispatchToProps = (dispatch) => {\n return {\n setLocation: (logo) => dispatch(setLocation(logo)),\n }\n}\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps,\n)(memo(CommunesSearch))\n","export default __webpack_public_path__ + \"static/media/ic_location_blue.30e2a2ad.svg\";","export default __webpack_public_path__ + \"static/media/minsal-uso-racional.636c2946.png\";","export default __webpack_public_path__ + \"static/media/minsal_ventas_directas.64265e17.png\";","export default __webpack_public_path__ + \"static/media/ic_check.2c602e83.svg\";","import React, {useContext, useRef} from 'react'\nimport {\n Accordion,\n Card,\n useAccordionToggle,\n AccordionContext,\n} from 'react-bootstrap'\nimport './AccordionSelectProduct.css'\nimport productImg from '../../assets/img/prescription.png'\nimport icCheck from '../../assets/img/ic_check.svg'\n\nfunction ContextAwareToggle({formula, showError, eventKey, callback}) {\n const nodeRef = useRef(null)\n const activeEventKey = useContext(AccordionContext)\n\n const decoratedOnClick = useAccordionToggle(\n eventKey,\n () => callback && callback(eventKey),\n )\n\n const isCurrentEventKey = activeEventKey === eventKey\n\n return (\n <>\n \n onChangeInput(event)}\n />\n
\n \n
\n \n )}\n \n Buscar en mi ubicación actual{' '}\n
\n decoratedOnClick()}>\n
\n \n )\n}\n\nfunction AccordionSelectProduct({ alternatives, setAlternatives, showErrors }) {\n const nodeRef = useRef(null)\n\n const checkProduct = (product, index = 0) => {\n let newAlternatives = [...alternatives]\n newAlternatives[index].selectedProduct = product\n setAlternatives(newAlternatives)\n }\n\n return (\n <>\n { alternatives.length === 1 && (\n \n \n { formula }\n \n
\n { showError && (\n \n {false && !isCurrentEventKey && 
}\n \n
\n \n *Debes seleccionar una opción.\n
\n )}\n\n
\n )}\n { alternatives.length > 1 && (\n { alternatives[0].name }
\n { alternatives[0].selectedProduct === null &&\n\n *Debes seleccionar una opción.\n
\n }\n\n { alternatives[0].products.map((product, key) => (\n
\n \n
\n ))}\n \n \n
\n \n
\n { product.product_name }
\n{ alternatives[0].name }
\n{ product.presentation }
\n{ product.laboratory_name }
\n\n
\n \n
\n \n \n
\n \n
\n \n Ninguna de las anteriores\n
\n\n
\n ))}\n \n \n
\n \n
\n { product.product_name }
\n{ item.name }
\n{ product.presentation }
\n{ product.laboratory_name }
\n\n
\n \n
\n \n \n
\n \n
\n \n Ninguna de las anteriores\n
\n\n
\n \n \n )\n}\n\nexport default ModalTeledocSelectProduct\n","import React from 'react'\nimport Image from 'react-bootstrap/Image'\nimport {Modal} from 'react-bootstrap'\nimport '../../styles/modalPreview.css'\n\n\nconst ModalPreview = (props) => {\n const {show, onClose, img} = props\n return (\n <>\n {img && (\n \n
\n
\n \n Selecciona la/s opción/es de medicamentos que te gustaría cotizar\n para:\n
\n\n
\n
\n \n
\n \n
\n closeAlternatives()}\n title={'Agregar al carro'}\n />\n
\n \n
\n
\n \n \n \n
\n \n
\n \n
\n {caption}\n {step}
\n\n
\n \n {props.title}{' '}\n
\n\n {props.message}\n
\n\n closeModalAlertLocation()}\n />\n
\n \n \n )\n}\n\nexport default ModalAlertLocation\n","import { useEffect, useState, useRef } from 'react'\nimport { connect, useSelector, useDispatch } from 'react-redux'\nimport { useHistory, useLocation } from 'react-router-dom'\nimport Modal from 'react-modal'\nimport { getHash, _formatPrice } from '../../../Utils/tools'\nimport { setUserExtraInfo } from '../../../redux/modules/user'\nimport { getShoppingCart, saveShoppingCart } from '../../../Utils/service'\nimport ModalMessage from '../../../Components/Modal.Message'\nimport StepperLocal from '../../../Components/Stepper'\nimport ProductSearch from '../../../Components/ProductSearch'\nimport CommunesSearch from '../../../Components/CommunesSearch'\nimport ButtonYapp from '../../../Components/Buttons/ButtonYapp'\n\nimport { changeLogo, showLogo, setThemeColor } from '../../../redux/modules/app'\n\nimport loadingYapp from '../../../assets/img/yapp_loading.gif'\nimport productImg from '../../../assets/img/prescription.png'\nimport minsalUso from '../../../assets/img/minsal-uso-racional.png'\nimport minsalVenta from '../../../assets/img/minsal_ventas_directas.png'\n\nimport { IconTutorial } from '../icTutorial'\nimport { IconTutorialRefund } from '../icTutorialRefund'\nimport { IconTutorialMobile } from '../icTutorialMobile'\nimport { IconTutorialRefundMobile } from '../icTutorialRefundMobile'\nimport { addEventNameWithParams, cleanText, logEvent } from '../../../Utils/utils'\nimport { ENUM_MENU, suraBenefitsPublicUrl } from '../../../Utils/constants'\nimport parse from 'html-react-parser'\nimport ModalTeledocSelectProduct from '../../../Components/Modals/ModalTeledocSelectProduct'\nimport ModalPreview from '../../../Components/Modals/ModalPreview'\nimport BadgesRefundable from '../../../Components/Badges/BadgesRefundable'\nimport Tutorial from '../../../Components/Tutorial/Tutorial'\n\nimport firstStep from '../../../assets/img/tutorial_sura1(2).png'\nimport secondStep from '../../../assets/img/tutorial_sura2.png'\nimport thirdStep from '../../../assets/img/tutorial_sura3.png'\nimport firstInfoSura from '../../../assets/img/info-sura1.png'\nimport secondInfoSura from '../../../assets/img/info-sura2.png'\nimport thirdInfoSura from '../../../assets/img/info-sura3.png'\nimport ModalAlertLocation from '../../../Components/Modals/ModalAlertLocation'\nimport { fetchCommunes } from '../../../redux/modules/delivery'\nimport TypeSidetab from '../../../Components/TypeForm/TypeSidetab'\nimport SectionBenefitCards from '../../../Components/BenefitCards/SectionBenefitCards'\nimport farmaciaFacil from '../../../assets/img/farmacia-facil.png'\n\nconst clientName = process.env.REACT_APP_CLIENT_NAME || 'Pacientes'\nconst _ = require('lodash')\n\nfunction ShoppingBag(props) {\n const history = useHistory()\n const dispatch = useDispatch()\n const modalRef = useRef()\n\n const [appState, setAppState] = useState({ loading: true, data: [] })\n const [loadingProducts, setLoadingProducts] = useState(false)\n const [alternatives, setAlternatives] = useState([])\n const [show, setShow] = useState({ status: false })\n\n const [productDelete, setProductDelete] = useState(null)\n const [modalIsOpen, setIsOpen] = useState(false)\n const [visibleAlertLocation, setVisibleAlertLocation] = useState(false)\n\n const [modalTeledoc, setModalTeledoc] = useState(false)\n const [productsWithSuraBenefits, setProductsWithSuraBenefits] = useState([])\n const [changingCommune, setChangingCommune] = useState(false)\n\n const themeColor = useSelector((state) => state.app.themeColor)\n const onePharmacy = useSelector((state) => state.app.one_pharmacy)\n const isProHash = useSelector((state) => state.app.isPro)\n const refundElement = useSelector((state) => state.app.refund_element)\n const userExtraInfo = useSelector((state) => state.user.userExtraInfo)\n const [showPreview, setShowPreview] = useState(false)\n const handleClose = () => setShowPreview(false)\n const handleShow = () => setShowPreview(true)\n const enabledInsurance = useSelector((state) => state.app?.enabledInsurance)\n\n function openModal() {\n setIsOpen(true)\n }\n\n function closeModal() {\n setIsOpen(false)\n }\n\n function clickShowDetail(productId, product) {\n addEventNameWithParams('gtm-shopping-bag-show-detail', {\n product_id: product?.product_id,\n })\n history.push(`/product/detail/${productId}`, {\n product_id: productId,\n external_vademecum: 0,\n resultSearch: product?.resultSearch,\n })\n }\n\n const [isDesktopWidth, setIsDesktopWidth] = useState(null)\n\n // eslint-disable-next-line react-hooks/exhaustive-deps\n useEffect(async () => {\n try {\n setLoadingProducts(true)\n let arrFirestore = await getShoppingCart()\n setAppState({ loading: false, data: arrFirestore })\n setLoadingProducts(false)\n\n if (userExtraInfo?.alternatives?.products) {\n let alternatives = []\n let newAlternative\n\n for (let item of userExtraInfo.alternatives.products) {\n let foundIndex = -1\n if (alternatives.length > 0) {\n foundIndex = alternatives.findIndex((i) => i.id === item.formula_id)\n if (foundIndex >= 0) {\n alternatives[foundIndex].products.push(item)\n }\n }\n\n if (foundIndex === -1) {\n newAlternative = {\n id: item.formula_id,\n name: item.formula_name,\n selectedProduct: null,\n products: [item],\n }\n alternatives.push(newAlternative)\n }\n }\n\n setAlternatives(alternatives)\n setModalTeledoc(true)\n }\n } catch (error) {\n console.log(error)\n }\n }, [])\n\n useEffect(() => {\n if (props.disabledThemeCheckout === true) {\n dispatch(changeLogo(props.clientLogo))\n dispatch(showLogo(true))\n dispatch(setThemeColor(props.themeColor))\n }\n }, [])\n\n useEffect(() => {\n try {\n window.addEventListener('resize', handleWindowSizeChange)\n return () => {\n window.removeEventListener('resize', handleWindowSizeChange)\n }\n } catch (error) {\n console.log(error)\n }\n }, [isDesktopWidth])\n\n const handleWindowSizeChange = () => {\n setIsDesktopWidth(window.innerWidth < 768)\n }\n\n const clickUpdateCounter = async (element, value, confirm = false) => {\n let arrFirestore = await getShoppingCart()\n let newArr = []\n if (value === 0) {\n setProductDelete(element)\n openModal()\n if (confirm === true) {\n newArr = arrFirestore.filter((el) => {\n if (el.product_id !== element.product_id) {\n return el\n }\n })\n\n saveShoppingCart(newArr)\n setAppState({ data: newArr })\n closeModal()\n }\n } else {\n newArr = arrFirestore.map((el) => {\n if (el.product_id === element.product_id) {\n el.counter = value\n }\n\n return el\n })\n\n saveShoppingCart(newArr)\n setAppState({ data: newArr })\n }\n }\n\n const updateShoppingCart = async () => {\n let shoppingCart = await getShoppingCart()\n let currentUserInfo = Object.assign({}, userExtraInfo)\n currentUserInfo.alternatives = null\n\n for (const item of alternatives) {\n if (item.selectedProduct !== 'none')\n shoppingCart.push(item.selectedProduct)\n }\n\n saveShoppingCart(shoppingCart)\n setAppState({ data: shoppingCart })\n dispatch(setUserExtraInfo(currentUserInfo))\n }\n\n /* const toggleVisible = () => {\n const scrolled = document.documentElement.scrollTop;\n if (scrolled > 300){\n setVisible(true)\n } \n else if (scrolled <= 300){\n setVisible(false)\n }\n }; */\n\n async function actionNext() {\n await saveShoppingCartTag()\n\n window.scrollTo({\n top: 0,\n behavior: 'smooth',\n /* you can also use 'auto' behaviour\n in place of 'smooth' */\n })\n\n // let enableBeneficiaries = process.env.REACT_APP_PROFILE === 'INSURANCE'\n\n // if (enableBeneficiaries) {\n // history.push('/cia/beneficiaries')\n // } else {\n history.push('/shopping_bag/quotation')\n // }\n }\n\n const onClickSearch = async (newValue) => {\n if (newValue?.value) {\n // let path =\n // '/search/shopping_bag/' +\n // Math.floor(Math.random() * Math.floor(100000000000000000000))\n // history.replace(path, { product: newValue, from: 'shopping_bag' })\n setLoadingProducts(true)\n let arrFirestore = await getShoppingCart()\n let product = newValue\n\n if (Array.isArray(arrFirestore) && product) {\n if (\n arrFirestore.find((el) => el.product_id === product.value) ===\n undefined\n ) {\n product.data.counter = 1\n arrFirestore.push(product.data)\n saveShoppingCart(arrFirestore)\n }\n }\n\n setAppState({ loading: false, data: arrFirestore })\n setLoadingProducts(false)\n } else {\n console.log('Error value')\n }\n }\n\n function bioequivalentReplace(props) {\n let path =\n '/search/bioequivalent/' +\n Math.floor(Math.random() * Math.floor(100000000000000000000))\n history.push(path, { productSelect: props })\n }\n\n async function saveShoppingCartTag() {\n let shoppingCart = await getShoppingCart()\n if (shoppingCart) {\n let productQuantity = 0\n\n for (const product of shoppingCart) {\n productQuantity += product.counter\n }\n\n logEvent('Product Added', {\n 'Total Cart Size': productQuantity,\n })\n }\n }\n\n useEffect(() => {\n if (getHash()) {\n dispatch(fetchCommunes())\n }\n getProductsWithSuraBenefits()\n }, [])\n\n const [direction, setDirection] = useState(window.innerWidth)\n useEffect(() => {\n if (direction !== window.innerWidth) {\n setDirection(window.innerWidth)\n }\n }, [direction])\n\n const listener = () => setDirection(window.innerWidth)\n window.addEventListener('resize', listener)\n\n const getProductsWithSuraBenefits = async () => {\n try {\n if (productsWithSuraBenefits.length == 0) {\n let result = await fetch(suraBenefitsPublicUrl, {\n headers: {\n 'Content-Type': 'application/json',\n 'Accept': 'application/json'\n }\n })\n let data = await result.json();\n setProductsWithSuraBenefits(data)\n }\n }\n catch (error) {\n console.log('GetProductsWithSuraBenefits Error')\n }\n }\n\n const showProductBadge = (product) => {\n let badge = null\n\n if (![null, undefined].includes(product?.id)\n && (process.env.REACT_APP_PROFILE === 'INSURANCE' || enabledInsurance)\n ) {\n if (clientName === 'Vida Security') {\n badge = \n ¿Deseas eliminar este producto de tu carrito?\n
\n\n
\n \n {productDelete?.product_name}\n
\n\n clickUpdateCounter(productDelete, 0, true)}\n color={'--theme-color'}\n title=\"Eliminar\"\n />\n {/* clickUpdateCounter(productDelete, 0, true)}>\n Eliminar\n */}\n \n Dejar en el carrito\n */}\n
\n \n )}\n \n\n {isProHash && (\n <>\n \n history.push('/pro/menu')}>\n \n \n \n Volver\n
\n \n \n )}\n \n { clientName === 'Bice Vida' && (\n
\n \n\n {/** Mobile */}\n \n \n
\n )}\n\n \n {process.env.REACT_APP_PROFILE === 'INSURANCE' ? (\n = 415 ? 'flex-row mt-3 mb-4' : 'flex-column mt-3'\n }`}>\n = 766\n ? 'tutorial-item'\n : direction > 415\n ? 'tutorial-item-tablet'\n : 'tutorial-item-mobile'\n }`}\n src={firstStep}\n alt={'Primer paso, cotizar medicamentos'}\n step={1}\n caption={'Cotiza tus medicamentos en distintas farmacias'}\n />\n = 766\n ? 'tutorial-item'\n : direction > 415\n ? 'tutorial-item-tablet'\n : 'tutorial-item-mobile'\n }`}\n src={secondStep}\n alt={'Segundo paso, compra con reembolso en linea'}\n step={2}\n caption={'Compra con reembolso en línea'}\n />\n = 766\n ? 'tutorial-item'\n : direction > 415\n ? 'tutorial-item-tablet'\n : 'tutorial-item-mobile'\n }`}\n src={thirdStep}\n alt={'Tercer paso, recibir en casa'}\n step={3}\n caption={'Recíbelos en tu casa'}\n />\n
\n ) : (\n \n {![null, undefined, false].includes(refundElement) ? (\n <>\n
\n )}\n \n
\n \n {/*
\n \n {appState.data.length > 0 && !loadingProducts && (\n
\n { clientName === 'Bice Vida' ? 'Tus medicamentos para cotizar' : 'Tu carrito' }
\n )}\n\n {appState.data && !loadingProducts ? (\n appState.data?.map((el, key) => {\n return (\n \n {showProductBadge(el)}\n clickShowDetail(el.product_id)}\n className=\"\">\n clickShowDetail(el.product_id)}>\n
\n \n setShowPreview(true)}\n />\n
\n \n {cleanText(el.product_name)}\n
\n\n {cleanText(el.presentation)}\n
\n\n {cleanText(el.laboratory_name)}\n
\n\n bioequivalentReplace(el)}>\n Ver alternativas similares\n \n
\n \n )\n })\n ) : (\n \n 
\n
\n )}\n \n {!loadingProducts && appState.data?.length > 0 && (\n \n {\n if (!props.commune) {\n setVisibleAlertLocation(true)\n } else {\n actionNext()\n }\n }}\n />\n
\n )}\n \n\n = 415\n ? 'flex-row align-items-start'\n : 'flex-column align-items-center'\n }`}>\n = 766\n ? 'info-sura-container mt-5 mb-5'\n : direction >= 415\n ? 'info-sura-container mt-3 mb-5'\n : 'info-sura-container-mobile'\n }`}>\n \n \n
\n \n Seguros {clientName + ' '}\n \n reembolsará máximo 3 unidades de tu medicamento\n {' '}\n por mes a través de Yapp. Para comprar más unidades debes\n solicitar tu reembolso post compra.\n
\n\n El porcentaje de reembolso de tu medicamento es el mismo en\n todas las farmacias,{' '}\n \n solo debes elegir la alternativa de farmacias más\n económica.\n \n
\n\n Tu receta tiene una{' '}\n \n vigencia máxima de 6 meses\n {' '}\n desde la fecha de emisión.\n
\n\n *El beneficio de Seguros SURA podrá consistir en reembolsos correspondiente al\n monto bonificado por Seguros SURA según su plan de seguro complementario que tenga contratado,\n o al descuento otorgado por SEGUROS SURA para sus clientes, según corresponda.\n
\n }\n\n \n {clientName === 'UC Christus' && (\n \n history.push('/legal')}>\n Más Información\n \n
\n )}\n\n \n {pharmacyEl.quotation_detail?.map((bag) => {\n return (\n <>\n
\n \n )\n }\n\n return (\n <>\n \n
\n\n { bag.client_discount > 0 && (\n \n \n
\n {bag.product.name}
\n\n \n {_formatPrice(bag.price * bag.quantity)}\n \n
\n \n
\n )}\n \n )\n })}\n \n
\n \n {process.env.REACT_APP_CLIENT_BENEFIT}\n
\n\n
\n \n - {bag.client_benefit}%\n
\n\n \n - {_formatPrice(bag.quantity * bag.client_discount)}\n \n
\n \n Ver detalles{' '}\n \n
\n \n {firstKey === 0 && keyValue === 0 && !withSubscription && (\n
\n \n )\n}\n\nexport default PharmacyCard\n","import React from 'react'\nimport ButtonYapp from '../../../../Components/Buttons/ButtonYapp'\nimport {useHistory} from 'react-router'\nimport { productsUrl } from '../../../../Utils/constants'\nimport { saveShoppingCart } from '../../../../Utils/service'\n\n\n\nconst ProductCard = (props) => {\n const {product, small} = props\n const history = useHistory()\n\n async function handleProductSelected(){\n await saveShoppingCart([\n {\n ...product,\n product_logo: `${removeSlashAtTheEnd(productsUrl)}/${product.picture}`,\n active_principle_id: null,\n active_principle_name: null,\n is_product: 1,\n reference_price: null,\n benefit_price: null,\n url_benefit: null,\n info_benefit: null,\n benefit_percentage: null,\n counter: 1,\n origin: null\n }\n ])\n history.push('/shopping_bag/quotation')\n }\n\n function getNumberAsCurrency(amount){\n return new Intl.NumberFormat('es-cl', {\n style: 'currency',\n currency: 'CLP',\n })\n .format(amount);\n }\n\n function removeSlashAtTheEnd(url) \n { \n if (url) { return url.replace(/\\/$/, \"\"); }\n return null;\n } \n\n const minPrice = getNumberAsCurrency( product.min_price );\n const maxPrice = getNumberAsCurrency( product.max_price );\n\n return (\n\n \n \n
\n )}\n Tu opción más conveniente
\n\n
\n \n
\n \n {pharmacyEl.pharmacy_chain_name}\n
\n\n
\n \n {_formatPrice(subtotal)}\n
\n \n \n \n \n \n \n \n \n \n \n \n {pharmacyEl.sell === 1 ? (\n \n \n \n \n ) : (\n \n )}\n
\n\n Medicamentos
\n {pharmacyEl.quotation_detail?.map((item, key) => {\n return (\n\n \n onClickShowPreview(item.product.logo)\n }\n />\n
\n )\n })}\n \n
\n \n
\n {item.quantity}
\n\n
\n \n {item.product.name}\n
\n\n {item.product.formula_name}\n
\n {/*35 Comprimidos recubiertos
*/}\n\n {item.product.lab}\n
\n\n\n {_formatPrice(item.price)}\n
\n\n {'Precio fraccionado ' +\n _formatPrice(item.fractional_price)}\n
\n {item.bioequivalent === 0 && (\n\n No hay bioequivalentes para este producto\n
\n )}\n\n {item.bioequivalent === 1 && (\n goToBioequivalent(item.product)}\n title={'Ver alternativas similares'}\n color={'--theme-color-secondary'}\n small\n stroke\n />\n )}\n
\n \n
\n \n {!deliveryTime && (\n
\n \n \n
\n )}\n {showQuotationDeliveryCost && (\n \n {pharmacyEl.delivery.message}\n
\n\n + {_formatPrice(pharmacyEl.delivery?.cost)}\n
\n )}\n {deliveryTime && (\n\n {pharmacyEl.delivery.message}
\n Beneficio para pacientes {clientName}\n
\n {pharmacyEl.sell === 0 ? (\n null}\n title=\"No disponible para la compra en Yapp\"\n />\n ) : (\n sendData(pharmacyEl)}\n color={'--theme-color'}\n title=\"Comprar\"\n />\n )}\n
\n \n
\n )\n}\n\n export default ProductCard","export default __webpack_public_path__ + \"static/media/img_modal_login.c0fe37e8.svg\";","import React from 'react'\nimport Modal from 'react-modal'\nimport imgModalLogin from '../../assets/img/img_modal_login.svg'\nimport ButtonYapp from '../Buttons/ButtonYapp'\nimport { useHistory } from 'react-router-dom'\nimport { logEvent } from '../../Utils/utils'\n\n\nfunction ModalLogin(props) {\n\n const history = useHistory()\n\n const { modalLoginVisible, setModalLoginVisible } = props\n\n const closeModalLogin = () => {\n setModalLoginVisible(false)\n }\n\n function goTo(page) {\n if (page === 'register') {\n logEvent('Create Account Started')\n history.push('/register', { requiredValidate: true })\n } else {\n history.push('/signin', { requiredValidate: true })\n }\n }\n\n return (\n \n
\n\n { !small && (\n \n 
\n
\n \n
\n \n {product.product_name}\n
\n\n {product.formula_name}\n
\n\n {product.presentation}\n
\n\n { !small && (\n <>\n\n Desde: {minPrice}\n
\n\n Hasta: {maxPrice}\n
\n \n )}\n\n 
\n goTo('register')}\n title={'Crear cuenta'}\n />\n goTo('signin')}\n stroke\n title={'Iniciar sesión'}\n />\n
\n\n \n )\n}\n\nexport default ModalLogin\n","export default __webpack_public_path__ + \"static/media/default-medication.d7fbf409.png\";","export default __webpack_public_path__ + \"static/media/ic_yapp_approved.33aed5f1.svg\";","export default __webpack_public_path__ + \"static/media/extreme_radius_base.450ad1c1.svg\";","import { useContext, useEffect, useState } from 'react'\nimport { Col, Accordion, Card, AccordionContext, useAccordionToggle } from 'react-bootstrap'\nimport { useSelector } from 'react-redux'\nimport { useHistory } from 'react-router-dom'\n\nimport parse from 'html-react-parser'\nimport './SubscriptionCard.css'\nimport ButtonYapp from '../Buttons/ButtonYapp'\nimport ModalPreview from '../../Components/Modals/ModalPreview'\nimport defaultMedication from '../../assets/img/default-medication.png'\nimport icYappApproved from '../../assets/img/ic_yapp_approved.svg'\nimport extremeRadiusBase from '../../assets/img/extreme_radius_base.svg'\nimport { _formatPrice } from '../../Utils/tools'\nimport { logEvent } from '../../Utils/utils'\n\n\nfunction SubscriptionCard(props) {\n const history = useHistory()\n const subscriptionSpecialPrice = 'Precio convenio'\n const subscriptionStandardPrice = 'Precio normal'\n\n const [cardType, setCardType] = useState(1)\n const [subscriptionInfo, setSubscriptionInfo] = useState(props.data)\n const [prices, setPrices] = useState([])\n const [isCurrentEventKey, setIsCurrentEventKey] = useState(null)\n const [totalProducts, setTotalProducts] = useState(props.totalProducts)\n const [showPreview, setShowPreview] = useState(false)\n const [modalImage, setModalImage] = useState([])\n\n const textSubscriptionTitle = useSelector((state) => state.app.text_subscription_title)\n const textSubscriptionContent1 = useSelector((state) => state.app.text_subscription_content1)\n const textSubscriptionContent2 = useSelector((state) => state.app.text_subscription_content2)\n const textSubscriptionContent3 = useSelector((state) => state.app.text_subscription_content3)\n const textSubscriptionContent4 = useSelector((state) => state.app.text_subscription_content4)\n const textSubscriptionPrice1 = useSelector((state) => state.app.text_subscription_price1)\n const textSubscriptionPrice2 = useSelector((state) => state.app.text_subscription_price2)\n const textSubscriptionPrice3 = useSelector((state) => state.app.text_subscription_price3)\n const textSubscriptionPrice4 = useSelector((state) => state.app.text_subscription_price4)\n const textSubscriptionDetail1 = useSelector((state) => state.app.text_subscription_detail1)\n const textSubscriptionDetail2 = useSelector((state) => state.app.text_subscription_detail2)\n const textSubscriptionDetail3 = useSelector((state) => state.app.text_subscription_detail3)\n const textSubscriptionDetail4 = useSelector((state) => state.app.text_subscription_detail4)\n const showQuotationDeliveryCost = useSelector((state) =>\n state?.app?.config.show_quotation_delivery_cost\n ? state.app.config.show_quotation_delivery_cost\n : false\n )\n\n useEffect(() => {\n if (props?.data?.prices?.length > 0) {\n let prices = []\n let cardType = 0\n\n for (const item of props.data.prices) {\n if ((prices.length === 0) || (prices[prices.length - 1].price !== item.price)) {\n prices.push(item)\n }\n }\n\n if (prices.length > 1) {\n cardType = 1\n }\n else if (prices[0].discount > 0) {\n cardType = 2\n }\n else {\n cardType = 3\n }\n\n setPrices(prices)\n setCardType(cardType)\n }\n }, [subscriptionInfo])\n\n const handleClose = () => {\n setShowPreview(false)\n setModalImage({})\n }\n\n function onClickShowPreview(product_logo) {\n setModalImage(product_logo)\n setShowPreview(true)\n }\n\n const onCheckout = () => {\n let initialPrice = subscriptionInfo.prices[0].price\n let initialDelivery = subscriptionInfo.delivery[0].cost\n\n let subscription = {\n default_code: subscriptionInfo.default_code ?? \"\",\n is_subscription: true,\n products_complementary: [],\n delivery: subscriptionInfo.delivery[0],\n pharmacy_chain_id: subscriptionInfo.pharmacy_chain_id,\n quantity_products: subscriptionInfo.product.counter,\n quantity_results: 1,\n quotation: 0,\n sell: 1,\n total: subscriptionInfo.product.counter * initialPrice,\n total_amount: initialPrice,\n total_order: (subscriptionInfo.product.counter * initialPrice) + initialDelivery,\n quotation_detail: [{\n product: subscriptionInfo.product,\n subscription_product_id: subscriptionInfo.subscription_product_id,\n identity_card_type: subscriptionInfo.identity_card_type,\n max_quantity: subscriptionInfo.max_quantity,\n prescription_id: subscriptionInfo.prescription_type,\n name: subscriptionInfo.product.product_name,\n price: initialPrice\n }]\n }\n\n logEvent('Checkout Started', {\n 'Total Cart Size': subscription.quantity_products,\n 'Total Cart Value': subscription.total,\n 'Total Discounts': 0,\n 'Pharmacy Id': subscriptionInfo.pharmacy_chain_id,\n 'Pharmacy Name': subscriptionInfo.pharmacy_chain_name,\n 'Purchase Type': 'Benefit Yapp'\n })\n\n localStorage.setItem('selectedQuotationItem', JSON.stringify(subscription))\n props.sendDataSubscription()\n }\n\n function ContextAwareToggle({ eventKey, callback }) {\n const currentEventKey = useContext(AccordionContext)\n const decoratedOnClick = useAccordionToggle(\n eventKey,\n () => callback && callback(eventKey),\n )\n const isCurrentEventKey = currentEventKey === eventKey\n\n setIsCurrentEventKey(currentEventKey)\n\n return (\n Para continuar con tu compra crea una cuenta o inicia sesión.
\n¿Ya tienes una cuenta en Yapp?
\n\n
\n \n )\n }\n\n return (\n \n
\n \n \n
\n {subscriptionInfo.product.product_name}
\n\n \n {_formatPrice(subscriptionInfo.prices[0].price * subscriptionInfo.product.counter)}\n \n
\n \n Ver detalles\n \n
\n \n
\n )\n}\n\nexport default SubscriptionCard\n","function EmptyView({ title, children, image, extraInfo, type }) {\n return (\n <>\n \n \n 
\n
\n {textSubscriptionTitle}
\n\n { subscriptionInfo.summary_title &&
\n {subscriptionInfo.summary_title}
}\n\n {(cardType === 1 || cardType === 2) && (\n <>\n { !subscriptionInfo.summary_title &&\nObtén hasta un {subscriptionInfo.max_discount}% de descuento
\n }\n { !subscriptionInfo.summary_text &&\n{cardType === 1 ? textSubscriptionContent1 : textSubscriptionContent2}
\n }\n \n )}\n {(cardType === 3 || cardType === 4) && (!subscriptionInfo.summary_title || !subscriptionInfo.summary_text) &&(\n\n { cardType === 3 ? textSubscriptionContent3 : parse(textSubscriptionContent4)}\n
\n )}\n\n { subscriptionInfo.summary_text &&{ parse(subscriptionInfo.summary_text)}
}\n\n { subscriptionInfo.professional_discount &&\n\n Además, al compartir tu código con tus pacientes obtendrán un { subscriptionInfo.professional_discount }% de descuento por sobre este precio.\n
\n }\n\n
\n\n { props.isProfessional &&\n \n
\n\n \n { props.isProfessional ? subscriptionSpecialPrice :\n subscriptionInfo.program_title ? subscriptionStandardPrice :\n cardType === 1 ? textSubscriptionPrice1 :\n cardType === 2 ? textSubscriptionPrice2 :\n cardType === 3 ? textSubscriptionPrice3 :\n textSubscriptionPrice4\n }\n
\n\n
\n 0)\n || (subscriptionInfo.professional_discount) ? \"content-price bg-light\" : \"content-price\"\n }>\n \n
\n {_formatPrice(subscriptionInfo.prices[0].price * subscriptionInfo.product.counter)}
\n\n
\n }\n\n { subscriptionInfo.professional_discount &&\n Por caja
\n\n
\n }\n \n { subscriptionInfo.program_title && subscriptionInfo.program_price.length > 0 &&\n \n
\n\n Precio con tu código de Convenio
\n\n
\n \n
\n\n \n
\n
\n\n \n \n
\n \n { subscriptionInfo.professional_discount + '% dcto ' + _formatPrice(subscriptionInfo.professional_discount_price) }\n
\n\n
\n }\n\n { !props.isProfessional &&\n \n
\n\n { subscriptionInfo.program_price.map((item) =>\n { subscriptionInfo.program_title}
\n\n
\n )\n }\n \n
\n\n {item.purchase_count}
\n\n
\n\n \n \n
\n {_formatPrice(item.purchase_price)}
\n\n \n \n \n \n \n \n \n \n \n \n { subscriptionInfo.delivery?.length > 0 &&\n \n \n \n \n }\n
\n }\n\n \n \n onClickShowPreview(subscriptionInfo?.product?.product_logo || defaultMedication)}\n />\n
\n \n
\n \n
\n {subscriptionInfo.product.counter}x
\n\n
\n \n {subscriptionInfo.product.product_name}\n
\n {subscriptionInfo.product.formula_name &&\n\n {subscriptionInfo.product.formula_name}\n
\n }\n\n {subscriptionInfo.product.laboratory_name &&\n\n {subscriptionInfo.product.laboratory_name}\n
\n }\n\n {(cardType === 1) && (\n <>\n\n \n
\n\n {prices.map((item) =>\n {cardType === 1 ? textSubscriptionDetail1 : textSubscriptionDetail2}
\n\n
\n )\n }\n \n )}\n {(cardType === 2 || cardType === 3 || cardType === 4) && (\n \n 
\n
\n \n {item.delivery_count === 1\n ?
\n 1º compra
\n : <>\n{item.delivery_count}° compra
\nen adelante
\n \n }\n\n
\n {item.discount}% de dcto.
\nPagas {_formatPrice(item.price)}
\n\n \n
\n )}\n {cardType === 3 ? textSubscriptionDetail3 : textSubscriptionDetail4}
\n{_formatPrice(subscriptionInfo.min_price * subscriptionInfo.product.counter)}
\n\n
\n \n
\n \n \n
\n { showQuotationDeliveryCost && (\n \n Despacho en {subscriptionInfo.delivery[0].message}\n
\n\n + {_formatPrice(subscriptionInfo.delivery[0].cost)}\n
\n )}\n\n { props.sendDataSubscription &&\n
\n \n {\n logEvent('Item Share Opened', {\n 'Shared Type': 'Yapp Benefit Code',\n 'Element Shared': subscriptionInfo.professional_discount_code,\n 'Lab Name': subscriptionInfo.product.laboratory_name,\n 'Product Id': subscriptionInfo.product.product_id,\n 'Product Name': subscriptionInfo.product.product_name,\n 'Category Id': subscriptionInfo.product.category_id\n })\n props.setSendDiscountIsOpen(true)\n }}\n title={ subscriptionInfo.share_button_text }\n />\n
\n }\n \n {image && type === 1 && (\n
\n \n );\n}\n\nexport default EmptyView;","import { useEffect, useState } from 'react'\nimport { connect, useSelector, useDispatch } from 'react-redux'\nimport { useHistory, useLocation } from 'react-router-dom'\nimport { _formatPrice } from '../../../Utils/tools'\nimport { getLocalData } from '../../../Utils/storage'\nimport {\n getGenerateQuotation,\n getSubscriptionInfoByProductId,\n} from '../../../Utils/api'\nimport { isMaxScreenResposive } from '../../../Utils/constants'\nimport { getShoppingCart, saveRecentlyViewed } from '../../../Utils/service'\nimport {\n changeLogo,\n showLogo,\n setThemeColor,\n setGoRouter,\n} from '../../../redux/modules/app'\nimport { addEventNameWithParams, logEvent } from '../../../Utils/utils'\nimport Modal from 'react-modal'\nimport loadingYapp from '../../../assets/img/yapp_loading.gif'\nimport icErrorProducts from '../../../assets/img/error_products.svg'\nimport pillSeeking from '../../../assets/img/pill_seeking.svg'\nimport PharmacyCard from '../../../Components/PharmacyCard/PharmacyCard'\nimport ButtonYapp from '../../../Components/Buttons/ButtonYapp'\nimport ProductCard from '../../Category/LandingByCategory/components/ProductCard'\n\nimport ModalLogin from '../../../Components/Modals/ModalLogin'\nimport SubscriptionCard from '../../../Components/Card/SubscriptionCard'\n\nimport LoadingSura from '../../../Components/Loading/LoadingSura'\nimport TypeSidetab from '../../../Components/TypeForm/TypeSidetab'\nimport EmptyView from '../../../Components/EmptyView/EmptyView'\nimport useScreenSize from '../../../Hooks/useScreenSize'\n\nimport biceVidaPet from '../../../assets/img/bice-vida-result.png'\nimport biceVidaBandAid from '../../../assets/img/bice-vida-empty-result.png'\n\nconst clientName = process.env.REACT_APP_CLIENT_NAME || 'Pacientes';\nconst allowSubscriptions = clientName === 'Pacientes';\nconst showNotFoundProducts = clientName === 'Vida Security';\nconst suraLoader = clientName === 'Sura';\n\nconst isInsurance = process.env.REACT_APP_PROFILE === 'INSURANCE';\nconst patientProfile = process.env.REACT_APP_PROFILE === 'PATIENT';\nconst _ = require('lodash')\n\nfunction ShoppingBagQuotation(props) {\n const history = useHistory()\n const location = useLocation()\n const dispatch = useDispatch()\n const { width } = useScreenSize()\n\n const [appQuotationState, setAppQuotationState] = useState({ data: null })\n const [loading, setLoading] = useState(true)\n const [deliveryTime, setDeliveryTime] = useState(null)\n const [isDesktopWidth, setIsDesktopWidth] = useState(null)\n const [modalErrorProductIsOpen, setModalErrorProductIsOpen] = useState(false)\n const [bioequivalentList, setBioequivalentList] = useState([])\n const [modalLoginVisible, setModalLoginVisible] = useState(false)\n const [subscriptionProductList, setSubscriptionProductList] = useState([])\n\n const userInfo = useSelector((state) => state.user.userInfo)\n const locationStorage = useSelector((state) => state.app.commune)\n const onePharmacy = useSelector((state) => state.app.one_pharmacy)\n const themeColor = useSelector((state) => state.app.themeColor)\n const textSubscriptionSection = useSelector(\n (state) => state.app.text_subscription_section,\n )\n\n useEffect(() => {\n try {\n if (clientName === 'UC Christus') {\n let router = []\n router.push(\n {\n go: 'https://www.ucchristus.cl/yapp',\n target: '_blank',\n description: 'Red de Salud UC CHRISTUS',\n },\n {\n go: '/search',\n title: 'Cotizador',\n description: 'Buscador de medicamentos',\n },\n )\n dispatch(props.setGoRouter(router))\n }\n } catch (ignore) { }\n\n if (props.disabledThemeCheckout === true) {\n dispatch(changeLogo(props.clientLogo))\n dispatch(showLogo(true))\n dispatch(setThemeColor(props.themeColor))\n }\n }, [])\n\n useEffect(async () => {\n let arrBag = await getShoppingCart()\n let auxArraBag = [...arrBag]\n\n try {\n if (arrBag?.length > 0) {\n let auxArr = auxArraBag.splice(0, 9)\n saveRecentlyViewed(auxArr)\n }\n } catch (error) { }\n\n if (!arrBag) history.replace('/search/shopping_bag/000000')\n\n searchData(arrBag)\n let data = getLocalData()\n setDeliveryTime(_.get(data?.client_config, 'delivery_time', null))\n if (arrBag?.length > 0 && allowSubscriptions) {\n await getSubscriptionInfo(arrBag)\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [])\n\n useEffect(() => {\n handleWindowSizeChange()\n window.addEventListener('resize', handleWindowSizeChange)\n return () => {\n window.removeEventListener('resize', handleWindowSizeChange)\n }\n }, [isDesktopWidth])\n\n function goBack() {\n history.push('/search')\n }\n\n const getSubscriptionInfo = async (productList) => {\n let subscriptionProductList = []\n let products = []\n let promises = []\n\n try {\n for (const product of productList) {\n if (product.is_product) {\n products.push(product)\n promises.push(\n getSubscriptionInfoByProductId(\n product.product_id,\n locationStorage.id,\n ),\n )\n }\n }\n\n const response = await Promise.all(promises)\n for (let index = 0; index < response.length; index++) {\n let result = response[index]\n let product = products[index]\n if (result?.data?.length > 0 && result.data[0].prices) {\n product.name = product.product_name\n if (result?.data?.length > 0 && result.data[0].prices) {\n result.data[0].prices = JSON.parse(result.data[0].prices)\n result.data[0].program_price = JSON.parse(\n result.data[0].program_price,\n )\n result.data[0].delivery = JSON.parse(result.data[0]?.delivery)\n result.data[0].product = product\n\n if (result.data[0].program_price?.length > 0) {\n result.data[0].program_price.sort(\n (a, b) => parseFloat(a.priority) - parseFloat(b.priority),\n )\n }\n\n subscriptionProductList.push(result.data[0])\n }\n }\n }\n } catch (error) {\n console.log('Error:', error)\n }\n\n setSubscriptionProductList(subscriptionProductList)\n }\n\n const handleWindowSizeChange = () => {\n setIsDesktopWidth(window.innerWidth > 1024)\n }\n\n function searchData(arrBag) {\n let productList = [];\n let productIds = arrBag.map((el) => {\n productList.push(el.product_id)\n return { id: el.product_id, result_id: el?.resultSearch?.result_id }\n })\n\n getGenerateQuotation(productIds, locationStorage)\n .then((resp) => {\n if (!resp) {\n arrBag.map((product) => {\n let refundableProduct = isInsurance && ![null, undefined].includes(product.id)\n let refundType = refundableProduct\n ? 'Refundable'\n : ![null, undefined].includes(product.client_benefit)\n ? 'Benefit'\n : 'None'\n\n logEvent('Product Checked', {\n 'Product Name': product?.product_name,\n 'Product Id': product?.product_id,\n 'Lab Name': product?.laboratory_name,\n 'Category Name': product?.category,\n 'Active Principle Id': product?.formula_id,\n 'Active Principle Name': product?.formula_name,\n 'Product Quantity': product?.counter,\n Origin: product?.origin,\n 'Purchase Enabled': 'False',\n 'Min Price': null,\n Found: 'False',\n 'Refundable Type': refundType,\n 'Refundable Product': refundableProduct ? 'True' : 'False',\n })\n })\n return history.push('/error')\n }\n\n let results = resp.data\n arrBag.map((product) => {\n let found = 'False'\n try {\n found = results?.find((p) => {\n return p.quotation_detail?.find(\n (c) => c.product.product_id === product.product_id,\n )\n })\n } catch (ignore) { }\n\n let deliveryResults = results?.filter(\n (result) => result.delivery.cost !== null,\n )\n let purchaseEnabled = 'False'\n let minPrice = null\n\n if (deliveryResults?.length > 0) {\n purchaseEnabled = 'True'\n\n for (const data of deliveryResults) {\n if (minPrice === null || data.total < minPrice) {\n minPrice = data.total\n }\n }\n }\n\n let refundableProduct = isInsurance && ![null, undefined].includes(product.id)\n let refundType = refundableProduct\n ? 'Refundable'\n : ![null, undefined].includes(product.client_benefit)\n ? 'Benefit'\n : 'None'\n\n logEvent('Product Checked', {\n 'Product Name': product?.product_name,\n 'Product Id': product?.product_id,\n 'Lab Name': product?.laboratory_name,\n 'Category Name': product?.category,\n 'Active Principle Id': product?.formula_id,\n 'Active Principle Name': product?.formula_name,\n 'Product Quantity': product?.counter,\n 'Purchase Enabled': purchaseEnabled,\n 'Min Price': minPrice,\n Origin: product?.origin,\n Found: [undefined, null, false].includes(found) ? 'False' : 'True',\n 'Refundable Type': refundType,\n 'Refundable Product': refundableProduct ? 'True' : 'False',\n })\n })\n\n for (let index = 0; index < results?.length; index++) {\n const elements = results[index].quotation_detail\n\n for (let indexQuotation = 0; indexQuotation < elements.length; indexQuotation++) {\n const element = elements[indexQuotation]\n\n let product = arrBag.find(\n (el) =>\n el.product_id === element?.product.product_id ||\n el.product_id === element?.product_id_old,\n )\n if (product) {\n let remoteQuantity = element.quantity\n results[index].quotation_detail[indexQuotation].quantity = remoteQuantity * product.counter\n\n let clientBenefit = product.client_benefit_pharmacy === 0 ||\n results[index].pharmacy_chain_id === product.client_benefit_pharmacy\n ? product.client_benefit\n : 0\n\n let regularPrice = element.price\n let clientDiscount = clientBenefit > 0 && clientBenefit < 100\n ? Math.floor(remoteQuantity * regularPrice * clientBenefit / 100)\n : 0\n let clientPrice = clientDiscount > 0\n ? regularPrice - clientDiscount\n : regularPrice\n\n if (product.id && results[index].sell && element.product?.prescription_id === 0) {\n results[index].quotation_detail[indexQuotation].product.prescription_id = 1\n results[index].quotation_detail[indexQuotation].product.prescription = 'Receta Simple'\n }\n\n results[index].quotation_detail[indexQuotation].client_benefit = clientBenefit\n results[index].quotation_detail[indexQuotation].client_discount = clientDiscount\n results[index].quotation_detail[indexQuotation].client_price = clientPrice\n\n }\n }\n\n let subTotal = _.sumBy(\n resp.data[index].quotation_detail,\n (pharmacyEl) => pharmacyEl.client_price * pharmacyEl.quantity,\n )\n\n resp.data[index]['total'] = subTotal\n resp.data[index]['total_order'] = subTotal + (resp.data[index]?.delivery?.cost || 0)\n }\n\n if (resp?.data) {\n orderByFilterQuotation(resp?.data, arrBag, productList)\n } else {\n setModalErrorProductIsOpen(true)\n }\n setLoading(false)\n })\n .catch((err) => {\n arrBag.map((product) => {\n let refundableProduct = isInsurance && ![null, undefined].includes(product.id)\n let refundType = refundableProduct\n ? 'Refundable'\n : ![null, undefined].includes(product.client_benefit)\n ? 'Benefit'\n : 'None'\n\n logEvent('Product Checked', {\n 'Product Name': product?.product_name,\n 'Product Id': product?.product_id,\n 'Lab Name': product?.laboratory_name,\n 'Category Name': product?.category,\n 'Active Principle Id': product?.formula_id,\n 'Active Principle Name': product?.formula_name,\n 'Product Quantity': product?.counter,\n 'Purchase Enabled': 'False',\n 'Min Price': null,\n Origin: product?.origin,\n Found: 'False',\n 'Refundable Type': refundType,\n 'Refundable Product': refundableProduct ? 'True' : 'False',\n })\n })\n setModalErrorProductIsOpen(true)\n })\n }\n\n function orderByFilterQuotation(data, bag, productIds = []) {\n let presentKeys = []\n let newArr = [] //=_.chain(data).groupBy(\"quantity_results\").value()\n newArr.push(data)\n\n for (const key in newArr) {\n if (Object.hasOwnProperty.call(newArr, key)) {\n const element = newArr[key]\n presentKeys.push(Number(key))\n newArr[key] = _.orderBy(\n element,\n ['quantity_results', 'sell', 'total_order'],\n ['desc', 'desc', 'asc'],\n )\n }\n }\n\n presentKeys = presentKeys\n .sort()\n .reverse()\n .map((el) => newArr[el])\n\n for (let i = 0; i < presentKeys.length; i++) {\n for (let j = 0; j < presentKeys[i].length; j++) {\n presentKeys[i][j].quotation_detail.sort((a, b) =>\n a.product.name.localeCompare(b.product.name),\n )\n }\n }\n\n let fullResults = presentKeys[0].filter(\n (pharmacy) =>\n pharmacy.quantity_products === pharmacy.quantity_results &&\n pharmacy.sell === 1,\n )\n fullResults = _.orderBy(\n fullResults,\n ['quantity_results', 'total'],\n ['desc', 'asc'],\n )\n\n let someResults = presentKeys[0].filter(\n (pharmacy) =>\n pharmacy.quantity_products !== pharmacy.quantity_results &&\n pharmacy.quantity_results > 0 &&\n pharmacy.sell === 1,\n )\n\n someResults = _.orderBy(\n someResults,\n ['quantity_results', 'total'],\n ['desc', 'asc'],\n )\n\n let otherResults = presentKeys[0].filter((pharmacy) => pharmacy.sell === 0)\n let productsNotFound = []\n \n if (showNotFoundProducts && fullResults.length === 0) {\n productsNotFound = [...productIds];\n for (let quote of someResults) {\n if (quote.quotation_detail?.length > 0) {\n for (let item of quote.quotation_detail) {\n if (item?.product?.product_id && productsNotFound.includes(item.product.product_id)) {\n productsNotFound = productsNotFound.filter(x => x !== item.product.product_id)\n }\n }\n }\n }\n\n if (productsNotFound.length > 0) {\n productsNotFound = bag.filter((item) => productsNotFound.includes(item.product_id))\n }\n }\n\n otherResults = _.orderBy(\n otherResults,\n ['quantity_results', 'total'],\n ['desc', 'asc'],\n )\n\n setAppQuotationState({\n loading: false,\n fullResults: fullResults?.length > 0 ? [fullResults] : [],\n someResults: someResults?.length > 0 ? [someResults] : [],\n otherResults: otherResults?.length > 0 ? [otherResults] : [],\n notFound: productsNotFound,\n })\n }\n\n function sendData(item) {\n logEvent('Checkout Started', {\n 'Total Cart Size': item.quantity_results,\n 'Total Cart Value': item.total,\n 'Total Discounts': 0,\n 'Pharmacy Id': item.pharmacy_chain_id,\n 'Pharmacy Name': item.pharmacy_chain_name,\n 'Purchase Type': 'Spot',\n })\n\n try {\n addEventNameWithParams('click_selected_quotation', {\n pharmacy_chain_id: item?.pharmacy_chain_id,\n pharmacy_chain_name: item?.pharmacy_chain_name,\n products: item?.quotation_detail?.map((el) => {\n return {\n product_id: el?.product?.product_id,\n name: el?.product?.name,\n lab: el?.product?.lab,\n formula_name: el?.product?.formula_name,\n quantity: el?.quantity,\n price: el?.price,\n }\n }),\n })\n } catch (ignore) { }\n\n localStorage.setItem('selectedQuotationItem', JSON.stringify(item))\n\n history.push('/shopping_bag/checkout')\n }\n\n function sendDataSubscription() {\n history.push('/shopping_bag/checkout')\n }\n\n const SlickArrowLeft = ({ currentSlide, slideCount, ...props }) => (\n \n 
\n
\n )}\n {title && (\n \n {children}\n
\n )}\n {image && type !== 1 && (\n \n \n
\n )}\n {extraInfo && (\n \n
\n )}\n {extraInfo}
\n\n
\n )}\n \n \n \n Volver\n \n
\n \n \n
\n \n {loading && !suraLoader ? (\n 0\n ? 'd-flex justify-content-between py-3'\n : 'd-none'\n }`}>\n {[undefined, null, false].includes(onePharmacy) &&\n !patientProfile && (\n \n \n \n \n
\n \n \n
\n {subscriptionProductList?.length > 0 && (\n \n
\n \n Tus opciones de compra\n
\n\n
\n )}\n\n \n
\n\n \n
\n \n Programa tu tratamiento y ahorra con Convenio Yapp\n
\n\n Medicamentos con Convenio Yapp\n
\n\n
\n \n
\n \n {subscriptionProductList.map((subscriptionInfo) => {\n return (\n
\n \n 0 ? 'mt-3' : ''\n }`}>\n Lista de farmacias\n \n
\n )}\n \n {(appQuotationState.fullResults?.length > 0 ||\n appQuotationState.someResults?.length > 0 ||\n appQuotationState.otherResults?.length > 0) ? (\n \n {(appQuotationState.fullResults?.length > 0 ||\n appQuotationState.someResults?.length > 0) && (\n \n\n { clientName === 'Bice Vida' && (\n \n {appQuotationState.fullResults &&\n appQuotationState.fullResults.map((e, i) => {\n return (\n \n {e.length > 0 && (\n 0 ? 'container-results' : ''\n }\n `}\n key={i}>\n {e.map((pharmacyEl, key) => {\n let subtotal = _.sumBy(\n pharmacyEl.quotation_detail,\n (pharmacyEl) =>\n pharmacyEl.client_price * pharmacyEl.quantity,\n )\n let total =\n subtotal + pharmacyEl.delivery.cost\n\n //bioequivalent === 0\n return (\n
\n \n )\n })}\n {appQuotationState.someResults &&\n appQuotationState.someResults.map((e, i) => {\n return (\n \n \n
\n )}\n\n { clientName === 'Pacientes' &&\n \n Compra tu medicamento una vez\n
\n }\n\n { clientName === 'Bice Vida' &&\n\n Solo puedes comprar en 1 farmacia a la vez\n
\n }\n\n\n Farmacias con todos los productos que buscas\n
\n )}\n\n Farmacias con algunos de los productos que\n buscas\n
\n )}\n {e.map((pharmacyEl, key) => {\n let subtotal = _.sumBy(\n pharmacyEl.quotation_detail,\n (pharmacyEl) =>\n pharmacyEl.client_price * pharmacyEl.quantity,\n )\n let total = subtotal + pharmacyEl.delivery.cost\n\n //bioequivalent === 0\n return (\n\n {e.length > 0 && (\n
\n )\n })}\n\n { appQuotationState.notFound.length > 0 && (\n \n Farmacias solo disponibles para cotizar\n
\n )}\n {e.map((pharmacyEl, key) => {\n let subtotal = _.sumBy(\n pharmacyEl.quotation_detail,\n (pharmacyEl) =>\n pharmacyEl.price * pharmacyEl.quantity,\n )\n let total = subtotal + pharmacyEl.delivery.cost\n\n //bioequivalent === 0\n return (\n\n \n })}\n
\n )}\n\n \n ) : (\n \n Medicamentos sin stock en la comuna seleccionada\n
\n { appQuotationState.notFound.map((e, i) => {\n return¡Lo sentimos!
Los medicamentos que buscaste no tienen stock en farmacias.
\n \n )}\n \n \n )}\n \n \n\n {clientName === 'Vida Security' && (\n \n
\n Lo sentimos
\n {![undefined, null, false].includes(onePharmacy) ? (\n <>\n\n No hemos encontrado los productos que buscas en\n
\n\n {clientName}\n
\n \n ) : (\n\n No hemos encontrado resultados para tu búsqueda.\n
\n )}\n\n goBack()}\n color={'--theme-color'}\n title=\"Volver atrás\"\n />\n
\n \n\n \n
\n \n Selecciona la comuna donde deseas recibir tu medicamento\n
\n\n {}}\n setChangingCommune={() => {}}\n />\n
\n \n
\n \n \n )\n}\n\nexport default ModalSelectComune","import React, {useEffect, useState} from 'react'\nimport {useHistory, useParams, useLocation} from 'react-router-dom'\nimport {useDispatch, useSelector} from 'react-redux'\nimport {setHeaderName, setCommune} from '../../../redux/modules/app'\nimport {fetchCommunes} from '../../../redux/modules/delivery'\nimport ProductCard from './components/ProductCard'\nimport ButtonYapp from '../../../Components/Buttons/ButtonYapp'\nimport ModalSelectComune from './components/ModalSelectComune'\nimport { getProductsByCategoryFromApi, getConfigSite } from '../../../Utils/api'\nimport { loginAnonymoust } from '../../../Utils/auth'\nimport {fetchUser} from '../../../redux/modules/user'\nconst _get = require('lodash/get')\n\n\nfunction LandingByCategory() {\n\n const [products, setProducts] = useState([])\n const [isLoading, setIsLoading] = useState(true)\n const {category_id} = useParams()\n const dispatch = useDispatch()\n const communeInStore = useSelector((state) => state?.app?.commune)\n const [modalIsOpen, setModalIsOpen] = useState(true)\n const [categoryName, setCategoryName] = useState('Medicamentos')\n\n if ( !communeInStore ) {\n dispatch(setCommune({\n id: 13101,\n name: \"Santiago\"\n }))\n }\n\n useEffect(() => {\n dispatch(setHeaderName('Compra tus medicamentos'))\n }, []);\n\n useEffect(() => {\n const singInAnonymously = async () => {\n let response = await loginAnonymoust()\n dispatch(fetchUser())\n let localData = {}\n let res = null\n res = await getConfigSite()\n localData = {\n hash: response?.data?.uid,\n origin: process.env.REACT_APP_CLIENT_NAME.toLowerCase(),\n site: res?.data,\n client_config: {\n delivery_time: _get(\n res?.data,\n 'config[0].config.delivery_time',\n ),\n },\n }\n localStorage.setItem('LOCAL_DATA', JSON.stringify(localData))\n dispatch(fetchCommunes())\n\n }\n singInAnonymously().catch(console.error);\n\n\n getProductsByCategoryFromApi(category_id, communeInStore?.id)\n .then((response) => {\n let productos = response?.data ?? []\n setProducts(productos)\n setCategoryName(productos?.[0]?.category_name ?? \"Medicamentos\")\n setIsLoading(false)\n })\n .catch((err) => {\n console.log('Error in api getProductsByCategoryFromApi()')\n })\n .finally(() => {\n setIsLoading(false)\n })\n\n }, [communeInStore]);\n\n\n return (\n \n {\n isLoading && (\n
\n )\n}\n\n\n \nexport default LandingByCategory","import Modal from 'react-modal'\nimport {useDispatch} from 'react-redux'\nimport {useState, forwardRef, useImperativeHandle} from 'react'\nimport {Button} from 'react-bootstrap'\nimport ImageUploader from 'react-images-upload'\nimport Remover from '../../assets/img/remover.svg'\n\nconst ModalUploadHome = forwardRef((props, ref) => {\n const [personalDocument, setPersonalDocument] = useState([])\n const [otherDocument, setOtherDocument] = useState([])\n\n const onDropPersonalDocument = (personalDocument) => {\n setPersonalDocument(personalDocument)\n }\n const onDropOtherDocument = (otherDocument) => {\n setOtherDocument(otherDocument)\n }\n\n function nextAction() {\n let tmp = personalDocument.concat(otherDocument)\n let documents = []\n\n for (const key in tmp) {\n const element = tmp[key]\n documents.push({\n product_id: null,\n image: element,\n })\n }\n\n props.setDocuments(documents)\n }\n\n const fileContainerStyle = {\n boxShadow: 'none',\n padding: 0,\n margin: 0,\n transition: 'none',\n borderRadius: 0,\n alignItems: 'start',\n display: 'block',\n }\n\n const fileButtonStyles = {\n background: 'var(--color-white)',\n border: '1px solid var(--color-primary)',\n color: 'var(--color-primary)',\n textAlign: 'center',\n borderRadius: '2rem',\n fontSize: 'var(--font-12)',\n lineHeight: '19px',\n margin: '0',\n paddingLeft: '1rem',\n paddingRight: '1rem',\n }\n\n return (\n Cargando...
\n )\n }\n\n {\n !isLoading && (\n <>\n \n {categoryName} para ti\n
\n\n
\n \n )\n }\n\n\n\n \n {products.length < 1 && (\n <>\n
\n \n No se encontraron productos para la comuna seleccionada...\n
\n \n setModalIsOpen(true)}\n color={'--theme-color'}\n title=\"Seleccione otra comuna\"\n />\n
\n \n )}\n { products.map((e, i) => \n \n \n \n
\n \n )\n})\n\nexport default ModalUploadHome\n","import React from 'react'\nimport Modal from 'react-modal'\n\nfunction ModalSelectPaymentMethod(props) {\n const { creditCards, showModal, setPaymentMethod, setShowModal } = props\n\n function selectPaymentMethod(selectedCard) {\n setPaymentMethod(selectedCard)\n setShowModal(false)\n }\n\n return (\n <>\n \n
\n \n ¡Inscríbete como vecino/a\n
\n\n de {process.env.REACT_APP_CLIENT_NAME} !\n
\n\n 1.{' '}\n \n Agrega una foto de tu cédula de identidad.{' '}\n \n En caso del paciente ser un{' '}\n menor de edad, se deben\n agregar cédulas del menor y de su madre/padre.\n
\n\n
\n \n 2. Agrega una foto de documento que acredite que paciente vive en{' '}\n {process.env.REACT_APP_CLIENT_NAME}\n
\n\n Ej: Foto cuenta de luz o tarjeta de vecino\n
\n\n
\n \n \n Continuar\n \n
\n \n
\n Seleciona un método de pago
\n\n
\n\n {creditCards && creditCards.map((card, index) => (\n
\n \n \n )\n}\n\nexport default ModalSelectPaymentMethod\n","import React from 'react'\nimport Select, { components } from 'react-select'\n\nfunction SimpleSelect(props) {\n const CustomSelectStyle = {\n control: (provided, { isFocused }) => ({\n ...provided,\n backgroundColor: '#fff',\n borderRadius: '8px',\n height: '48px',\n zIndex: 99,\n boxShadow: '0 rgba(0,0,0,0)',\n border: '1px solid #DDE0EC;',\n display: 'flex',\n fontFamily: 'var(--font-regular)',\n fontSize: 'var(--font-12)',\n lineHeight: 'var(--font-16)',\n color: 'var(--color-darkblue-ds)',\n '&:hover': {\n border: isFocused ? '1px solid #E9E6FE;' : '1px solid #E9E6FE;',\n }\n }),\n singleValue: (provided) => ({\n ...provided,\n color: '#282E55',\n fontSize: '12px',\n width: '100%',\n paddingTop: '8px',\n marginLeft: '0px',\n }),\n valueContainer: (provided) => ({\n ...provided,\n paddingLeft: '16px',\n fontSize: '10px',\n position: 'unset',\n color: '#A9ABBB',\n }),\n indicatorsContainer: (provided) => ({\n ...provided,\n display: 'block',\n }),\n menu: (provided) => ({\n ...provided,\n borderRadius: '8px',\n boxShadow: '0 4px 10px rgba(0,0,0,.1)',\n borderWidth: '0',\n top: '31px',\n zIndex: 999,\n border: '1px solid #E9E6FE',\n }),\n menuList: (provided) => ({\n ...provided,\n color: '#282E55',\n fontSize: '12px',\n padding: 0,\n overflowY: 'auto',\n maxHeight: '10rem',\n borderRadius: '0.5rem',\n }),\n menuPortal: (provided) => ({\n ...provided,\n }),\n noOptionsMessage: (provided) => ({\n ...provided,\n color: '#828282',\n fontSize: '12px',\n }),\n placeholder: (provided) => ({\n ...provided,\n color: '#282E55',\n fontSize: '12px',\n width: '100%',\n }),\n option: (provided, { isFocused }) => ({\n ...provided,\n backgroundColor: isFocused ? 'rgba(77, 186, 182, 0.2)' : null,\n borderBottom: '1px solid #DDE0EC',\n color: '#282E55',\n padding: 0,\n fontFamily: 'var(--font-regular)',\n fontSize: 'var(--font-12)',\n lineHeight: 'var(--font-16)',\n color: 'var(--color-darkblue-ds)',\n height: '2.5rem',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n ':active': {\n ...provided[':active'],\n backgroundColor: 'rgba(77, 186, 182, 0.2)',\n fontSize: '12px',\n }\n }),\n }\n\n const DropdownIndicator = (props) => {\n return (\n components.DropdownIndicator && (\n selectPaymentMethod(card.id)} className={\"d-flex justify-content-between py-2 hr-bottom-gray-2\" + (card.used ? \" payment-method-active\" : \"\")} key={index.toString()}>\n
\n ))\n }\n\n \n
\n \n 
\n
\n {card.last_four}
\n\n \n
\n \n {/* {props?.value && props?.placeholder && (
\n )\n}\n\nexport default SimpleSelect\n","import React from 'react'\nimport Modal from 'react-modal'\nimport { deliveryFrequencies } from '../../Utils/constants'\n\nfunction ModalBottomSimple(props) {\n const {showModal, setShowModal, onChange, currentFrequency} = props\n\n function setFrequency(frequency) {\n setShowModal(false)\n onChange(frequency)\n }\n\n return (\n <>\n \n {props?.placeholder}\n
)} */}\n \n
\n Recibir cada
\n\n
\n { deliveryFrequencies.map((frequency, index) => (\n
\n \n \n )\n}\n\nexport default ModalBottomSimple\n","export default __webpack_public_path__ + \"static/media/error_internet.2c40959d.svg\";","export default __webpack_public_path__ + \"static/media/ic_alert.f151cf40.svg\";","export default __webpack_public_path__ + \"static/media/alert-error.9c0ab5a4.svg\";","import React from 'react'\nimport Modal from 'react-modal'\nimport icErrorServer from '../../assets/img/error_server.svg'\nimport icErrorInternet from '../../assets/img/error_internet.svg'\nimport icAlert from '../../assets/img/ic_alert.svg'\nimport icAlertError from '../../assets/img/alert-error.svg'\nimport ButtonYapp from '../../Components/Buttons/ButtonYapp'\nimport Remover from '../../assets/img/remover.svg'\nfunction ModalServerError(props) {\n const {isOpen, setIsOpen, imgName, title, text, btnText, className, onClick} = props\n\n function closeModal () {\n setIsOpen(false)\n }\n\n return (\n setFrequency(frequency)} style={{height: '2.5rem'}} key={ index.toString() }\n className={ \"d-flex justify-content-center py-2 hr-bottom-gray-2\" + (frequency?.value === currentFrequency?.value ? \" modal-selection-active\" : \"\")}>\n
\n ))}\n \n
\n { frequency?.label || '' }
\n\n \n {text}\n \n
\n {title}
\n\n
\n \n )\n}\n\nexport default ModalServerError\n","import React, {useEffect, useState} from 'react'\nimport Modal from 'react-modal'\nimport ButtonYapp from '../../Components/Buttons/ButtonYapp'\nimport ButtonFalseInput from '../../Components/Buttons/ButtonFalseInput'\n\nfunction ModalBeneficiaries(props) {\n const {\n isOpen,\n setIsOpen,\n title,\n btnText,\n className,\n beneficiaries,\n onClaimer,\n claimer,\n setClaimer,\n } = props\n\n const [beneficiaryList, setBeneficiaryList] = useState([]);\n const [holderList, setHolderList] = useState([]);\n\n useEffect(() => {\n let currentBeneficiaries = [];\n let currentHolders = [];\n\n if (beneficiaries?.length > 0) {\n currentBeneficiaries = getBeneficiariesByType(beneficiaries, false);\n currentHolders = getBeneficiariesByType(beneficiaries, true);\n }\n\n setBeneficiaryList(currentBeneficiaries);\n setHolderList(currentHolders);\n },[beneficiaries]);\n\n function getBeneficiariesByType(list, hasHolders) {\n if (hasHolders) {\n return list.filter((c) => c.relationship?.toUpperCase() === 'TITULAR'\n || c.relationship?.toUpperCase() === 'HOLDER'\n );\n }\n else {\n return list.filter((c) => c.relationship?.toUpperCase() !== 'TITULAR'\n && c.relationship?.toUpperCase() !== 'HOLDER'\n );\n }\n }\n\n function isSelected(item) {\n return claimer?.identity === item.identity && claimer?.name === item.name;\n }\n\n return (\n \n
\n\n { holderList.length > 0 && (\n \n {title}\n
\n\n
\n )}\n\n { beneficiaryList.length > 0 && (\n Titular
\n { holderList.map((holder, key) => (\n setClaimer(holder)} key={`h-${key}`}>\n \n
\n ))}\n \n
\n )}\n\n Beneficiarios
\n { beneficiaryList.map((beneficiary, key) => (\n setClaimer(beneficiary)} key={`b-${key}`}>\n \n
\n ))}\n \n onClaimer(claimer)}\n title={btnText}\n />\n
\n \n )\n}\n\nexport default ModalBeneficiaries\n","import { useState, useImperativeHandle, forwardRef } from 'react'\nimport { Modal, Button } from 'react-bootstrap'\nimport ImageUploader from 'react-images-upload'\nimport check from '../assets/img/ic_check.svg'\n\nimport productImg from '../assets/img/prescription.png'\n\n\nconst ModalUploader = forwardRef((props, ref) => {\n const [show, setShow] = useState(false)\n const [showSelectProductos, setSelectProducts] = useState(false)\n\n const [payload, setPayload] = useState({})\n const [filesSaved, setFiles] = useState({})\n\n const [productsChecked, setProductsChecked] = useState([])\n const [productsWithOther, setProductsWithOther] = useState([])\n\n const handleShow = () => setShow(true)\n const handleClose = () => setShow(false)\n\n useImperativeHandle(ref, () => ({\n showAlert(payload) {\n setSelectProducts(false)\n\n let tmpCheck = []\n let tmpWithOter = []\n\n payload.products.map((item) => {\n if (payload.productId === item.product?.product_id) {\n tmpCheck.push(item.product?.product_id)\n } else {\n if (\n payload.prescriptionProduct.some(\n (el) => el.product_id === item.product?.product_id,\n )\n ) {\n tmpWithOter.push(item.product?.product_id)\n }\n }\n })\n\n setProductsChecked(tmpCheck)\n setProductsWithOther(tmpWithOter)\n setPayload(payload)\n handleShow()\n },\n }))\n\n function onDrop(files, images) {\n let leftPrescription = payload?.products?.length - payload.prescriptionProduct?.length === 1\n\n if (payload?.products?.length > 1 && !leftPrescription && files.length > 0) {\n setSelectProducts(true)\n setFiles({ images, files })\n } else if (images.length > 0) {\n props.onSelect({ images, files, productsChecked })\n handleClose()\n }\n }\n\n function clickSelectProduct() {\n setSelectProducts(false)\n props.onSelect({\n images: filesSaved?.images,\n files: filesSaved?.files,\n productsChecked,\n })\n handleClose()\n }\n\n function checkProduct(status, item) {\n let statusCheck = status.target.checked\n let productId = item.product.product_id\n if (statusCheck) {\n if (!productsChecked.includes(productId)) {\n setProductsChecked([...productsChecked, productId])\n }\n } else {\n setProductsChecked([...productsChecked.filter((el) => el !== productId)])\n }\n }\n\n return (\n <>\n \n
\n Debes considerar:
\n- \n
- \n \n
- \n \n
- \n \n
\n
\n * Por favor agrega un archivo en jpg, png, pdf o jpge.
\n* Peso máximo por imagen es de 5 MB.
\n\n
\n )}\n \n Selecciona los productos para los que aplica esta receta:\n
\n {payload?.products.map((item) => {\n if (productsWithOther.includes(item.product?.product_id)) return\n return (\n\n \n
\n )\n })}\n\n \n
\n \n
\n {item.product?.name}
\n\n clickSelectProduct()}>\n GUARDAR\n \n
\n \n \n props.onClickLoadPrescription(\n props.product.product_id,\n props.products,\n )\n }\n color={'--color-green-3'}\n noWrap\n id={`gtm-webapp-checkout-product-prescription${props.product}`}\n className=\"mw-100 tooltip-hover\"\n small\n chip\n dataTip\n dataFor=\"tootip-prescription-desktop\"\n dataMultiline\n dataPlace=\"right\"\n />\n \n
\n {/* {props.product.name}
\n {!props.prescriptionProduct?.find(\n (product) =>\n product?.product_id == props.product?.product_id ||\n product?.product_id == props.product?.client_product_id,\n ) ? (\n <>\nDebes considerar:
\n- \n
- \n \n
- \n \n
- \n \n
\n \n props.onClickLoadPrescription(\n props.product.product_id,\n props.products,\n )}\n color={'--color-green-3'}\n noWrap\n stroke\n className=\"mw-100\"\n small\n chip\n dataTip\n dataFor=\"tootip-prescription-desktop\"\n dataMultiline\n dataPlace=\"right\"\n />\n {/* */}\n
\n )}\n \n \n {!props.prescriptionProduct.find(\n (product) => product.product_id === props.product.product_id,\n ) ? (\n \n props.onClickLoadPrescription(\n props.product.product_id,\n props.products,\n )\n }>\n \n + Agregar receta\n
\n \n ) : (\n \n \n {props.product.name}\n \n
\n \n \n
\n )}\n \n */}\n \n )\n}\n\nexport default ProductPrescription\n","import React from 'react'\n\nfunction InfoCard(props) {\n var styles = {\n container: {\n color: `var(${props.borderColor})`,\n backgroundColor: `var(${props.bgColor})`\n }\n };\n \n return (\n ¡Receta agregada!
\n\n {props.text}\n
\n \n )\n}\n\nexport default InfoCard\n","export default __webpack_public_path__ + \"static/media/alert-icon.ffdcd543.svg\";","export default __webpack_public_path__ + \"static/media/no-refund-icon.efd26a07.svg\";","import react from 'react'\nimport alertIcon from '../../assets/img/alert-icon.svg'\n\nfunction PrescriptionAlert({alt, text}) {\n return(\n\n
\n )\n}\n\nexport default PrescriptionAlert","import {_formatPrice} from '../../Utils/tools'\nimport InfoCard from '../Card/InfoCard'\nimport alertIcon from '../../assets/img/alert-icon.svg'\nimport noRefundIcon from '../../assets/img/no-refund-icon.svg'\nimport PrescriptionAlert from '../Alerts/PrescriptionAlert'\nimport ReactTooltip from 'react-tooltip'\nimport {useSelector} from 'react-redux'\n\nfunction ProductSummary({\n title,\n buttonText,\n products,\n totalCart,\n onClickAction,\n className,\n clientDiscountBenefits,\n refundElement,\n applyRefund,\n insurancePolicyLimit,\n applyDeductible,\n deductible,\n insuranceError,\n onClickApplyRefund,\n discountRefund,\n modifyCart,\n refund,\n show,\n pressedButton,\n showAlert,\n isSubscription,\n deleteProduct,\n}) {\n const enabledInsurance = useSelector((state) => state.app?.enabledInsurance);\n const isInsurance = process.env.REACT_APP_PROFILE === 'INSURANCE';\n const insuranceName = isInsurance ? ' ' + process.env.REACT_APP_CLIENT_NAME.toUpperCase() : '';\n const productList = products\n\n function handleDelete(item) {\n deleteProduct(item)\n }\n\n return (\n \n
{title}
\n { productList?.map((product, key) => {\n let quantity = product.counter\n ? product.counter\n : product?.quantity\n ? product?.quantity\n : null\n let show = isInsurance || (enabledInsurance && !isSubscription);\n\n return (\n\n
\n )\n })}\n\n {[null, undefined, 0].includes(productList?.length) && (\n \n {product.loadedPrescription && show && product?.product?.client_product_id && (\n <>\n
\n { (applyRefund && !product.loadedPrescription && product.refund)\n ? ( {product?.name}
\n\n
\n x{quantity}
\n{_formatPrice(product.price * quantity)}
\n handleDelete(product)}\n >\n \n
\n \n
\n )\n : ( product.product_discount > 0 &&\n \n
\n \n Aporte Seguro{insuranceName}\n
\n\n
\n \n {([undefined, null, 0].includes(refund?.value) ? '' : '-') + _formatPrice(product.refund)}\n
\n\n
\n\n )\n\n }\n \n
\n \n {process.env.REACT_APP_CLIENT_BENEFIT}\n
\n\n
\n \n - {product.client_benefit}%\n
\n\n
\n \n {('-' + _formatPrice(product.product_discount))}\n
\nSin productos
\n )}\n\n\n {modifyCart && (\n \n {' '}\n {buttonText}\n
\n )}\n\n {(productList?.some(\n (c) => show && !isSubscription && c?.product?.client_product_id,\n ) ||\n (enabledInsurance && !isSubscription)) && (\n <>\n {productList?.some(\n (c) => c?.loadedPrescription && c?.product?.client_product_id,\n ) &&\n showAlert && (\n \n \n Calcular reembolso\n \n
\n \n )}\n\n {insurancePolicyLimit && (\n \n { deductible > 0 && (\n <>\n
\n
\n Deducible póliza
\n{_formatPrice(deductible)}
\n\n \n )}\n
\n
\n \n \n )\n}\n\nexport default ProductSummary\n","import Modal from 'react-modal'\nimport { useState, forwardRef, useImperativeHandle, useEffect } from 'react'\nimport { Button } from 'react-bootstrap'\nimport StepperLocal from '../../Components/Stepper'\nimport { _formatPrice } from '../../Utils/tools'\nimport { getComplementary } from '../../Utils/api'\nimport _get from 'lodash/get'\n\nimport loadingYapp from '../../assets/img/yapp_loading.gif'\nimport { getComplementaryCart, saveComplementaryCart } from '../../Utils/service'\n\nconst ProductSupplementary = forwardRef((props, ref) => {\n const [loading, setLoading] = useState(false)\n const [modalIsOpen, setIsOpen] = useState(false)\n const [products, setProducts] = useState([])\n const [productsSelected, setProductsSelected] = useState([])\n const [isShowedPdf, setIsShowed] = useState(false)\n\n useEffect(() => {\n setLoading(true)\n getComplementary(props.commune?.id).then(async (resp) => {\n if (resp.data) {\n let quotation = _get(resp, 'data[0].quotation_detail', null)\n let delivery = _get(resp, 'data[0].delivery', null)\n setProducts(quotation)\n props.setHasComplementary(quotation ? true : false)\n props.setComplementaryDelivery(delivery ? delivery : null)\n }\n\n await refreshCheckbox()\n setLoading(false)\n }).catch(err => {\n console.log(err)\n setLoading(false)\n })\n\n }, [])\n\n async function refreshCheckbox() {\n let dataComplementary = await getComplementaryCart()\n setProductsSelected(dataComplementary)\n }\n\n function openModal() {\n setIsOpen(true)\n }\n\n function closeModal() {\n setIsOpen(false)\n }\n\n useImperativeHandle(ref, () => {\n return {\n openModal: openModal,\n closeModal: closeModal\n }\n })\n\n const selectProduct = async (action, item, quantity) => {\n if (action === true) {\n if (!productsSelected.some(el => el.product_id === item?.product.product_id)) {\n let newArray = productsSelected\n newArray.push({\n ...item?.product,\n price: item?.price_with_discount,\n price_id: item?.price_id,\n fractional_price: item?.fractional_price,\n quantity: quantity ? quantity : 1\n })\n setProductsSelected([...newArray])\n } else {\n let newArray = productsSelected\n if (quantity > 0) {\n newArray = newArray.map(el => {\n if (el.product_id === item?.product.product_id) {\n return {\n ...item?.product,\n price: item?.price_with_discount,\n price_id: item?.price_id,\n fractional_price: item?.fractional_price,\n quantity: quantity ? quantity : 1\n }\n }\n return el\n })\n setProductsSelected([...newArray])\n } else {\n setProductsSelected(productsSelected.filter(el => el.product_id !== item?.product.product_id))\n }\n }\n } else {\n setProductsSelected(productsSelected.filter(el => el.product_id !== item?.product.product_id))\n }\n }\n\n async function saveComplementary() {\n setLoading(true)\n await saveComplementaryCart(productsSelected)\n props.closeModal(productsSelected)\n setLoading(false)\n closeModal()\n }\n\n return (\n Subtotal
\n{_formatPrice(totalCart)}
\n\n
\n Productos complementarios
\n\n
\n \n )\n})\n\nexport default ProductSupplementary","import Modal from 'react-modal'\nimport {useState, forwardRef, useImperativeHandle} from 'react'\nimport Remover from '../../assets/img/remover.svg'\n\nconst ModalLegal = forwardRef((props, ref) => {\n const [modalIsOpen, setIsOpen] = useState(false)\n function openModal() {\n setIsOpen(true)\n }\n\n function closeModal() {\n setIsOpen(false)\n }\n\n useImperativeHandle(ref, () => {\n return {\n openModal: openModal,\n }\n })\n\n return (\n ¿Quieres agregar alguno de estos productos a tu compra?
\nPrecio preferencial para pacientes Clínica Alemana
\n\n {loading && }\n {\n products?.map(item => {\n let currentItemSelected = productsSelected.filter(el => el.product_id === item?.product.product_id).shift()\n return (\n
\n \n \n
\n )\n })\n }\n\n {\n [undefined, null].includes(products) && {\n if(![undefined, null, ''].includes(item?.product?.data_sheet)){\n setIsShowed(true)\n props.clickShowPdf(item?.product?.data_sheet)\n }\n }}>\n 
\n
\n \n
\n {item?.product?.name}
\n{_formatPrice(item?.price)}
\n{_formatPrice(item?.price_with_discount)}
\n\n {\n selectProduct((counter > 0), item, counter)\n }} />\n
\n Sin productos.
\n }\n\nCosto de despacho extra: $3.990
\n(Llegará en un pedido separado al de tus medicamentos)
\n\n \n \n
\n \n \n \n }\n { props.insurance &&\n
\n \n )\n})\n\nexport default ModalLegal\n","import React from 'react'\nimport loadingYapp from '../../assets/img/yapp_loading.gif'\n\nfunction LoadingCheckout(props) {\n return (\n \n \n
\n { props.src && \n \n
\n }\n \n Mandato Compañía de Seguros\n
\n\n Servicios de Información YAPP SpA\n
\n\n 
\n
\n \n \n El suscrito otorga mandato a {props.insurance} para que esta, en su nombre y representación, procese el \n siniestro de salud correspondiente a la compra de los medicamentos detallados en este documento y entregue a \n Servicios de Información YAPP SpA (“YAPP”), \n en representación de su aseguradora, el monto del deducible indicado en este documento,\n liberándola de rendir cuenta de dicho mandato.\n
\n\n Asimismo, el suscrito autoriza a YAPP a procesar su siniestro de salud y sus datos personales de acuerdo\n con los términos y condiciones y políticas de privacidad contenidas en\n Términos & Condiciones\n
\n\n
\n )\n}\n\nexport default LoadingCheckout\n","import React from 'react'\nimport {connect} from 'react-redux'\nimport ButtonYapp from '../Buttons/ButtonYapp'\n\nconst InputButtonDiscount = ({\n btnText,\n error,\n onApply,\n onRemove,\n setDiscountCode,\n discountCode,\n titleButton,\n defaultCodeForDiscount,\n formData,\n ...props\n}) => {\n\n if ( !(formData?.discount) && defaultCodeForDiscount ) {\n setDiscountCode(defaultCodeForDiscount) \n onApply()\n }\n\n return (\n <>\n \n
\n \n
\n \n {loadingYapp && (\n
\n \n {props.prePay\n ? 'Te estamos redirigiendo a la plataforma de pago... Solo demorará unos segundos.'\n : 'Estamos revisando tu pedido para enviarlo a la farmacia... Solo demorará unos segundos.'}\n
\n\n
\n \n )\n}\n\nconst mapStateToProps = (state) => {\n return {\n formData: state.app?.formData ?? null,\n }\n}\n\nexport default connect(mapStateToProps)(InputButtonDiscount)\n\n","import React, {useRef, useState, useEffect} from 'react'\nimport ButtonYapp from '../Buttons/ButtonYapp'\n\nconst InputButton = ({\n classData,\n btnText,\n error,\n onButtonClick,\n onChange,\n discountCode,\n externalLabel,\n id,\n hideButton,\n label,\n placeholder,\n ...props\n}) => {\n const inputText = useRef(null)\n\n return (\n <>\n {externalLabel && (\n \n )}\n \n setDiscountCode(inputText.target.value)}\n {...props}\n />\n
\n {error && (\n \n // {/* Remove discount\n // */}\n // \n //
\n // ) : (\n // {error.message}
\n )}\n\n
\n \n )\n}\n\nexport default InputButton\n","import React from 'react'\nimport Select, {components} from 'react-select'\n\nfunction SelectPaymentMethod(props) {\n const CustomSelectStyle = {\n control: (provided, {isFocused}) => ({\n ...provided,\n backgroundColor: '#fff',\n borderRadius: '8px',\n height: '40px',\n zIndex: 99,\n boxShadow: '0 rgba(0,0,0,0)',\n border: '1px solid #DDE0EC;',\n '&:hover': {\n border: isFocused ? '1px solid #E9E6FE;' : '1px solid #E9E6FE;',\n },\n display: 'flex'\n }),\n singleValue: (provided) => ({\n ...provided,\n color: '#282E55',\n fontSize: '12px',\n width: '100%'\n }),\n placeholder: (provided) => ({\n ...provided,\n color: '#A9ABBB',\n paddingLeft: '1rem',\n fontFamily: 'var(--font-bold)',\n fontSize: 'var(--font-12)',\n lineHeight: 'var(--font-16)',\n color: 'var(--color-gray1-ds)',\n margin: 0\n }),\n valueContainer: (provided) => ({\n ...provided,\n paddingLeft: '0',\n fontSize: '12px',\n position: 'unset',\n }),\n indicatorsContainer: (provided) => ({\n ...provided,\n display: 'block',\n }),\n menu: (provided) => ({\n ...provided,\n borderRadius: '8px',\n boxShadow: '0 4px 10px rgba(0,0,0,.1)',\n borderWidth: '0',\n top: '31px',\n zIndex: 99,\n border: '1px solid #E9E6FE',\n }),\n menuList: (provided) => ({\n ...provided,\n color: '#282E55',\n fontSize: '12px',\n padding: 0,\n overflowY: 'auto',\n height: '10.7rem',\n borderRadius: '0.5rem',\n }),\n menuPortal: (provided) => ({\n ...provided,\n }),\n noOptionsMessage: (provided) => ({\n ...provided,\n color: '#828282',\n fontSize: '12px',\n }),\n option: (provided, {isFocused}) => ({\n ...provided,\n backgroundColor: isFocused ? 'rgba(77, 186, 182, 0.2)' : null,\n borderBottom: '1px solid #DDE0EC',\n color: '#282E55',\n padding: 0,\n ':active': {\n ...provided[':active'],\n backgroundColor: 'rgba(77, 186, 182, 0.2)',\n fontSize: '12px',\n },\n }),\n }\n\n const DropdownIndicator = (props) => {\n return (\n components.DropdownIndicator && (\n \n onChange(inputText.target.value)}\n value={props.value || ''}\n placeholder={placeholder ? placeholder : ''}\n readOnly={props.disabled}\n {...props}\n />\n {props.discount ? (\n onButtonClick(inputText.current.value)}\n color={'--theme-color'}\n className=\"z-index-99 mw-115 position-absolute input-btn-position\"\n noWrap\n small\n />\n )\n )}\n
\n {error && (\n \n \n
\n ) : (\n !hideButton && (\n {error.message}
\n )}\n\n \n
\n \n \n
\n \n
\n ),\n value: insurance.id,\n }))\n }\n return options\n }\n\n function showPaymentOptions() {\n let options = null\n if (creditCards?.length > 0) {\n options = creditCards.map((card, i) => ({\n label: (\n \n {insurance.logo ? (\n 
\n ) : (\n
\n \n {insurance.name}\n
\n )}\n\n
\n {card.last_four}
\n \n ),\n value: card.id,\n }))\n }\n return options\n }\n\n function showDefaultPaymentOption() {\n let option = null\n if (selectedPaymentMethod) {\n option = {\n label: (\n\n
\n \n {selectedPaymentMethod.last_four}\n
\n \n ),\n value: selectedPaymentMethod.id,\n }\n }\n\n return option\n }\n\n const checkDeliveryDate = (newDate) => {\n if (_isWeekEnd(newDate)) {\n setInvalidDateMessage(\n 'Lo sentimos, no contamos con despacho los fines de semana.',\n )\n setInvalidDate('weekend')\n } else if (\n props.holidayList.some((holiday) => holiday === formatDate(newDate))\n ) {\n setInvalidDateMessage('Lo sentimos, debes seleccionar un día hábil.')\n setInvalidDate('holiday')\n } else {\n setInvalidDateMessage('')\n setDate(newDate)\n setInvalidDate(false)\n }\n }\n\n function showDefaultInsuranceOption() {\n let option = null\n if (props?.insurance) {\n option = {\n label: (\n\n {props?.insurance.logo ? (\n
\n \n ),\n value: props?.insurance.id,\n }\n }\n return option\n }\n\n async function clickNextAction() {\n if (isSubscription) {\n if ([undefined, null, ''].includes(frequency)) {\n setInvalidFrequency(true)\n return\n } else {\n setInvalidFrequency(false)\n }\n }\n setLoadingGlobal(true)\n\n if (\n Object.values(getStatusform()).some((el) => el.valid === false) ||\n !validatePrescription() ||\n errorPhoneEmpty ||\n errorPhoneFormat ||\n sending ||\n loading ||\n disabledButtonPay\n ) {\n setLoadingGlobal(false)\n /* */\n let data = {}\n\n for (var key in props.formData) {\n data[key] = false\n }\n\n setFormError({...formError, ...data})\n return\n }\n\n if (props.documents_pending === true && otherDocuments.length <= 0) {\n setLoadingGlobal(false)\n return setModalDocument(true)\n }\n\n if (productsComplementary?.length > 0) {\n setLoadingGlobal(false)\n clickGenerateLink()\n } else if (hasComplementary) {\n setLoadingGlobal(false)\n modalSupplement.current.openModal()\n } else if (isSubscription) {\n setLoadingGlobal(false)\n let validForm = checkForm()\n validForm && onCreateSubscription()\n } else {\n setLoadingGlobal(false)\n clickGenerateLink()\n }\n }\n\n const clickGenerateLink = async () => {\n try {\n setPurchase(true)\n let hash = await getHash()\n modalSupplement.current.closeModal()\n\n if (\n _.get(locationStorage, 'label', '') === '' ||\n _.get(props.formData, 'location_number.value', '') === ''\n ) {\n setPurchase(false)\n return props.setFormData({\n ...props.formData,\n location_name: {\n ...props.formData.location_name,\n value: locationStorage?.label,\n valid: false,\n },\n })\n }\n\n let validationFormData = getStatusform()\n props.setFormData(validationFormData)\n\n if (Object.values(validationFormData).some((el) => el.valid === false)) {\n } else {\n // Email validation\n if (!_validateMail(props.formData.email.value)) {\n setPurchase(false)\n return setErrorEmail(true)\n }\n // Phone value validation\n if (props.formData.phone.value.length === 0) {\n setPurchase(false)\n return setErrorPhoneEmpty(true)\n }\n // Phone format validation\n if (!_validPhone(props.formData.phone.value)) {\n setPurchase(false)\n return setErrorPhoneFormat(true)\n }\n // Products prescription validation\n if (!validatePrescription()) {\n setPurchase(false)\n }\n\n const jwtData = getJWTdata()\n\n setSending(true)\n setLoadingConfirmBuy(true)\n\n let productsObj = products.map((el) => {\n return {\n product_id: el.product.product_id,\n product_refund: el?.product?.refund || null,\n product_discount: el?.product_discount || 0,\n benefit: el?.benefit || 0,\n discount_id: el?.discount_id || 0,\n price_id: el.price_id,\n price: el.price,\n quantity: el.counter,\n }\n })\n\n let productsComplementaryObj = productsComplementary.map((el) => {\n return {\n product_id: el.product_id,\n product_refund: null,\n product_discount: 0,\n benefit: 0,\n discount_id: 0,\n price_id: el.price_id,\n price: el.price,\n quantity: el.quantity,\n }\n })\n\n let paymentCard = null\n if (selectedPaymentMethod) {\n paymentCard = {\n token: selectedPaymentMethod.id,\n last_four: selectedPaymentMethod.last_four,\n card_type: selectedPaymentMethod.type,\n }\n }\n\n let copayData = decryptData(props.userData);\n let prescriptions = await uploadPrescription();\n\n let region = props?.location?.region\n let address = _.get(locationStorage, 'label', '') + (region && `, ${region}`)\n let locationNumber = _.get(props.formData, 'location_number.value', '')\n locationNumber = locationNumber === '' ? locationNumber : `. Nº: ${locationNumber}`\n let additionalNumber = _.get(props.formData, 'address_additional.value', '')\n additionalNumber = additionalNumber === '' ? additionalNumber : `, Otro: ${additionalNumber}`\n\n let currentAddress = `${address}${locationNumber}${additionalNumber}`\n let currentDelivery = {\n delivery_discount_code: deliveryCode?.code || null,\n address: {\n description: (currentAddress).trim(),\n lat: locationStorage?.lat,\n lng: locationStorage?.lng,\n },\n commune_id: locationStorage?.commune_id,\n delivery_at: formatDate(date),\n }\n\n let sendData = {\n hash: hash,\n user: {\n user_id: jwtData?.user_id,\n identity: props.formData.rut.value,\n name: props.formData.full_name.value,\n phone: props.formData.phone.value,\n email: props.formData.email.value,\n },\n products: productsObj,\n products_complementary: productsComplementaryObj,\n pharmacy_chain_id: item.pharmacy_chain_id,\n payment_card: paymentCard,\n payment_token: '',\n delivery: currentDelivery,\n prescriptions: prescriptions,\n refundId: refund?.id ? encrypt(refund?.id) : null,\n refund: refund?.value ? encrypt(refund.value) : null,\n deductible: deductible,\n insurance_discount_id: insuranceDiscountId,\n holder_identity: copayData?.identity_titular\n ? normalizeRut(copayData?.identity_titular)\n : null,\n beneficiary_identity: copayData?.identity\n ? normalizeRut(copayData?.identity)\n : null,\n relationship: copayData?.relationship ? copayData?.relationship : null,\n policy: copayData?.policy_id ? encrypt(copayData?.policy_id) : null,\n alternative_code: copayData?.alternative_code\n }\n\n addEventNameWithParams('checkout_product_to_pay', {\n ...sendData,\n hash: hash,\n product_cart_price: totalCart,\n complementary_product_cart_price: totalComplementaryCart,\n delivery_cost: delivery?.cost,\n complementary_delivery_cost:\n totalComplementaryCart > 0 ? complementaryDelivery?.cost : 0,\n })\n\n await createPreOrder(sendData, selectedPaymentMethod)\n\n let respPay = null\n let returnUrl = base_url + `/shopping_bag/checkout/${hash}`\n\n if (!selectedPaymentMethod) {\n try {\n respPay = await sendToPay(hash, returnUrl)\n if (respPay) {\n if (respPay?.data?.return_url) {\n returnUrl = respPay?.data?.return_url\n } else {\n returnUrl = respPay.data?.trx_response?.redirectUrl\n }\n }\n } catch (ignore) {\n logEvent('Payment Method Redirected', {\n Redirected: 'FALSE',\n })\n setLoadingConfirmBuy(false)\n setPurchase(false)\n }\n }\n\n if (selectedPaymentMethod || respPay) {\n logEvent('Payment Method Redirected', {\n Redirected: 'TRUE',\n })\n window.location.href = returnUrl\n } else {\n setPurchase(false)\n setModalErrorPayIsOpen(true)\n }\n }\n } catch (error) {\n setLoadingConfirmBuy(false)\n setPurchase(false)\n }\n }\n\n function validatePrescription() {\n let requiredPrescriptionProducts = products.filter(\n (el) => el.product?.prescription_id > 0,\n )\n let productWithPrescriptions = requiredPrescriptionProducts.filter((el) => {\n let product = prescriptionProduct.find(\n (p) =>\n p?.product_id == el?.product?.product_id ||\n p?.product_id == el?.product?.client_product_id,\n )\n if (![undefined, null, ''].includes(product)) {\n return (\n el?.product?.product_id == product?.product_id ||\n el?.product?.client_product_id === product?.product_id\n )\n } else {\n return false\n }\n })\n\n if (\n requiredPrescriptionProducts?.length !== productWithPrescriptions?.length\n ) {\n setErrorPrescription(true)\n return false\n }\n return true\n }\n\n async function onCreateSubscription() {\n let formData = getStatusform()\n let result = false\n\n try {\n setLoadingConfirmBuy(true)\n let prescriptions = await uploadPrescription()\n const jwtData = getJWTdata()\n\n let selectedProducts = products.filter(\n (productItem) => productItem.counter > 0,\n )\n let subscriptionAddress = locationStorage.label\n let subscriptionInfo = Object.assign({}, item)\n let productList = []\n let discountList = []\n\n for (const productItem of selectedProducts) {\n let product = {\n type: subscriptionTypes.special,\n product_id: productItem.product.product_id,\n subscription_product_id: productItem.subscription_product_id,\n pharmacy_chain_id: subscriptionInfo.pharmacy_chain_id,\n quantity: productItem.counter,\n }\n productList.push(product)\n }\n\n if (discount?.discount_value) {\n discountList.push(discount)\n }\n\n if (\n formData?.location_number?.value &&\n formData.location_number.value !== ''\n ) {\n subscriptionAddress += ', N°' + formData.location_number.value\n }\n if (\n formData?.address_additional?.value &&\n formData.address_additional.value !== ''\n ) {\n subscriptionAddress += '. ' + formData.address_additional.value\n }\n\n let subscription = {\n origin: 'yapp_web',\n user_id: jwtData?.user_id,\n payment_id: selectedPaymentMethod.id,\n pharmacy_chain_id: subscriptionInfo.pharmacy_chain_id,\n first_delivery: formatDate(date),\n delivery_cost: delivery.cost,\n customer: {\n name: formData.full_name.value,\n tax_id: formData.rut.value,\n address: subscriptionAddress,\n address_id: null,\n address_latitude: locationStorage?.lat,\n address_longitude: locationStorage?.lng,\n commune: locationStorage?.locality,\n phone: '+56' + formData.phone.value,\n comment: '',\n },\n prescription_files: prescriptions,\n products: productList,\n discounts: discountList,\n frequency: frequency.value,\n map_order: 0,\n }\n\n result = await saveSubscription(subscription)\n } catch (err) {\n setLoadingConfirmBuy(false)\n setPurchase(false)\n } finally {\n if (result) {\n window.location.href = result\n } else {\n setLoadingConfirmBuy(false)\n }\n }\n }\n\n async function saveSubscription(subscription) {\n let productQuantity = products[0].counter\n let productPrice = products[0].price\n let redirect = base_url + `/shopping_bag/subscription?result=`\n let result = 'error'\n let subscriptionId = 0\n\n try {\n const response = await createSubscription(subscription)\n if (response?.data?.length > 0 && response.data[0].subscriptionId) {\n subscriptionId = response.data[0].subscriptionId\n localStorage.removeItem('selectedQuotationItem')\n await removeShoppingCart()\n result = 'success'\n }\n } catch (ignore) {}\n\n redirect += result\n let totalOrder = 0\n let totalCarValue = 0\n try {\n totalOrder =\n productQuantity * productPrice +\n subscription.delivery_cost -\n getCurrentDiscount()\n } catch (ignore) {}\n\n try {\n totalCarValue = productQuantity * productPrice\n } catch (ignore) {}\n\n logEvent('Order Completed', {\n 'Order Success': result === 'success' ? true : false,\n 'Total Cart Value': totalCarValue,\n 'Total Cart Size': productQuantity,\n 'Total Discounts': getCurrentDiscount(),\n 'Promo Code Applied': discountCode,\n 'Total Shipping': subscription?.delivery_cost,\n 'Order Total': totalOrder,\n 'Pharmacy Id': subscription?.pharmacy_chain_id,\n 'Pharmacy Name': subscription?.pharmacy_chain_name,\n 'Subscription Id': subscriptionId,\n 'Purchase Type': 'Benefit Yapp',\n })\n\n if (result === 'success') {\n logEvent('Product Purchased', {\n 'Product Quantity': productQuantity,\n 'Subscription Id': subscriptionId,\n 'Product Name': products[0]?.product?.name,\n 'Product Id': products[0]?.product?.product_id,\n 'Lab Name': products[0]?.product?.lab,\n 'Product Price': products[0]?.price,\n 'Total Price': totalCarValue,\n 'Total Discounts': getCurrentDiscount(), // TODO: Discount for that product?\n 'Active Principle Name': products[0]?.product?.formula_name,\n })\n }\n\n return redirect\n }\n\n const onUseDiscountCode = async () => {\n try {\n setLoadingConfirmBuy(true)\n let result = null\n let errorMessage = 'Código inválido'\n\n if (![null, undefined, ''].includes(discountCode)) {\n result = await getDiscountValue(discountCode, 0)\n if (result?.discount_value) {\n result.discount_code = discountCode\n errorMessage = null\n if (products?.length > 0) {\n result.subscription_product_id = products[0].subscription_product_id\n }\n logEvent('Discount Code Applied', {\n Discount: discountCode,\n Applied: true,\n 'Discount Type': 'Yapp Benefit Code',\n 'Product Id': products[0]?.product?.product_id,\n 'Product Name': products[0]?.product?.name,\n 'Lab Name': products[0]?.product?.laboratory_name,\n 'Active Principle Name':\n products[0]?.product?.active_principle_name,\n 'Active Principle Id': products[0]?.product?.active_principle_id,\n 'User Id': userInfo?.profile?.uid,\n })\n setApplyDiscount(true)\n } else if (result?.discount_message) {\n logEvent('Discount Code Applied', {\n Discount: discountCode,\n Applied: false,\n 'Discount Type': 'Yapp Benefit Code',\n 'Product Id': products[0]?.product?.product_id,\n 'Product Name': products[0]?.product?.name,\n 'Lab Name': products[0]?.product?.laboratory_name,\n 'Active Principle Name':\n products[0]?.product?.active_principle_name,\n 'Active Principle Id': products[0]?.product?.active_principle_id,\n 'User Id': userInfo?.profile?.uid,\n })\n\n errorMessage = result.discount_message\n }\n\n setDiscount(result)\n setErrorCode(errorMessage)\n\n props.setFormData({\n ...props.formData,\n discount: result,\n })\n }\n } catch (ignore) {\n } finally {\n setLoadingConfirmBuy(false)\n }\n }\n\n const getDiscountValue = async (code, productWithDiscount) => {\n let userId = getJWTdata()?.user_id\n let subscriptionProductId =\n products[productWithDiscount].subscription_product_id\n let municipality = locationStorage?.locality\n let deliveryCost = delivery?.cost ? delivery.cost : 0\n let identity = props.formData.rut?.value ? props.formData.rut.value : null\n let result = null\n\n try {\n const response = await getSubscriptionDiscountByCode(\n userId,\n identity,\n subscriptionProductId,\n municipality,\n deliveryCost,\n totalCart,\n code,\n )\n if (response?.data?.length > 0) result = response.data[0]\n } catch (ignore) {}\n return result\n }\n\n const getCurrentDiscount = () => {\n const currentDiscount = discount?.discount_value\n ? discount?.discount_value || 0\n : 0\n return currentDiscount\n }\n\n const setProductDiscountBenefits = (productList) => {\n let currentPharmacyChain = item.pharmacy_chain_id\n let totalDiscountBenefits = 0\n\n try {\n if (![null, undefined,'FALSE'].includes(process.env.REACT_APP_CLIENT_BENEFIT)) {\n for (let product of productList) {\n let refundedProduct = product?.product\n\n if (([null, undefined, 0].includes(refundedProduct?.refund)) \n && product?.client_benefit > 0 && product?.client_benefit_pharmacy === currentPharmacyChain) {\n product.discount_id = parseInt(process.env.REACT_APP_CLIENT_BENEFIT_ID)\n product.product_discount = ((product.counter * product.price) * product.client_benefit) /100\n product.benefit = 1\n totalDiscountBenefits += product.product_discount\n }\n }\n setClientDiscountBenefits(totalDiscountBenefits)\n }\n }\n catch (err) {\n console.log('Error getting client discount benefits', err)\n }\n finally {\n setProducts(productList)\n }\n\n return totalDiscountBenefits\n }\n\n function checkForm() {\n setPurchase(true)\n const customerForm = getStatusform()\n props.setFormData(customerForm)\n let isValidForm = !Object.values(customerForm).some(\n (data) => data.valid === false,\n )\n if (!validatePrescription()) {\n isValidForm = false\n }\n if (!isUserYapp) {\n if (customerForm.checkTerms.value === false) {\n setErrorCheckTerms(true)\n isValidForm = false\n }\n }\n\n if (customerForm.phone.value.length === 0) {\n setErrorPhoneEmpty(true)\n isValidForm = false\n } else if (!_validPhone(customerForm.phone.value)) {\n setErrorPhoneFormat(true)\n isValidForm = false\n }\n\n if (!isValidForm) setPurchase(false)\n return isValidForm\n }\n\n function handleCheckTermsChange(event) {\n setErrorCheckTerms(!event.target.checked)\n\n props.setFormData({\n ...props.formData,\n checkTerms: {\n ...props.formData.checkTerms,\n value: isUserYapp ? true : event.target.checked,\n },\n })\n }\n const retryModal = () => {\n setSending(false)\n setModalErrorPayIsOpen(false)\n }\n\n function setDocuments(documents) {\n setModalDocument(false)\n if (documents.length > 0) {\n setOtherDocuments(documents)\n }\n }\n\n function closeModalDocuments() {\n setModalDocument(false)\n setSending(false)\n setLoadingConfirmBuy(false)\n }\n\n function removeErrorsPhone() {\n setErrorPhoneEmpty(false)\n setErrorPhoneFormat(false)\n }\n function removeErrorEmail() {\n setErrorEmail(false)\n }\n\n async function onClickApplyRefund() {\n let refundSearch = true\n try {\n setPressedButton(true)\n setShowAlert(true)\n setLoadingInsurance(true)\n setInsuranceError(false)\n setErrorRefund(false)\n\n let productAux = products.map((el) => ({\n ...el,\n loadedPrescription:\n requestPrescription(el) && loadedPrescription(el).length === 0,\n }))\n\n productAux.forEach((product) => {\n if (product.loadedPrescription) {\n setApplyRefund(false)\n setErrorRefund(true)\n setStateToasts(true)\n }\n })\n\n let productList = productAux\n .map((p, i) => ({\n id: p.product.internal_product_id,\n name: p.product.name,\n category_id: p.product.client_product_id,\n quantity: p.quantity,\n unit: p.price,\n total: p.price * p.quantity,\n }))\n if (productList?.length <= 0) {\n setProducts(productAux)\n setRefund({})\n setDeductible(0)\n setErrorRefund(true)\n setStateToasts(true)\n return\n }\n\n if (productAux.some((product) => !product.loadedPrescription)) {\n let res = null\n let value = false\n let refundValue = 0\n let deductibleValue = 0\n\n if (isInsurance) {\n productList = productList.filter((prd) => prd.category_id !== null)\n if (productList.length == 0){\n refundSearch = false\n setTimeout(() => setLoadingInsurance(false), 500)\n }\n }\n\n if (refundSearch) {\n res = await getInsuranceLiquidation(\n props.insurance?.id,\n props.userData,\n item.pharmacy_chain_id,\n productList\n )\n\n refundValue = _.sumBy(res.data.liquidation, (product) => product.refund);\n deductibleValue = _.sumBy(res.data.liquidation, (product) => product.deductible);\n setDeductible(deductibleValue);\n setChainBusinessName(res.data.chain_business_name || 'la farmacia');\n setChainIdentityNumber(res.data.chain_identity_number || null);\n handleCheckTermsChange({ target: { checked: false }});\n\n if (item?.delivery.cost > 0 && (refundValue > 0 || deductibleValue > 0)) {\n setDeliveryDiscount(item?.delivery.cost > 0 && deliveryCode\n ? (deliveryCode.value * item?.delivery.cost) / 100\n : item?.delivery.cost)\n }\n }\n\n try {\n if (res?.data?.code_error !== 0) {\n setContext('Error Insurance', {\n ...res?.data,\n liquidation: JSON.stringify(res?.data?.liquidation),\n })\n Sentry.captureMessage('Error Refund Checked')\n }\n } catch (ignore) {}\n if (res?.data?.code_error === 5 || res?.data?.code_error === -1) {\n logEvent('Refund Checked', {\n Success: 'FALSE',\n })\n setInsuranceError(true)\n } else if ((res?.data?.code_error === 0) || (!refundSearch)) {\n let discountBenefits = 0\n let productAux = products\n try {\n if (refundSearch) {\n productAux?.map((c) => {\n let correlative = res?.data?.liquidation?.find((d) => {\n if (c.product.client_product_id) {\n return (\n (d.product_id === c.product.count ||\n d.product_id === c.product.internal_product_id) &&\n ![undefined, null, ''].includes(d.product_id)\n )\n } else {\n return false\n }\n })\n if (correlative) {\n c.product.refund = correlative.refund\n }\n })\n }\n discountBenefits = setProductDiscountBenefits(productAux)\n } catch (er) {\n console.log(er)\n }\n\n if (refundSearch) {\n value = _.find(res?.data?.liquidation, (product) =>\n ['Alcanza tope en UF'].includes((product.description || '').trim()),\n )\n }\n\n value && setInsurancePolicyLimit(true)\n dispatch(setApplicationNumber(res?.data?.request_id || null))\n\n setTotalCart(total - refundValue - discountBenefits)\n setStateToasts(true)\n setApplyRefund(true)\n setRefund({\n id: res?.data?.request_id || 0,\n value: refundValue,\n })\n\n logEvent('Refund Checked', {\n Success: (refundValue > 0 || deductibleValue > 0) ? 'TRUE' : 'FALSE',\n Subtotal: total,\n Refund: refundValue,\n 'Total Pay': total - refundValue - clientDiscountBenefits,\n 'Product Quantity': res?.data?.liquidation?.length,\n 'Insurance Policy Limit': value > 0 ? 'TRUE' : 'FALSE',\n 'Apply Deductible': deductibleValue > 0 ? 'TRUE' : 'FALSE'\n })\n }\n else if (res?.code_error === 1 || res?.data?.code_error === 2) {\n dispatch(setApplicationNumber(null))\n setInsurancePolicyLimit(res?.data?.error_message)\n\n logEvent('Refund Checked', {\n Success: 'TRUE',\n Subtotal: total,\n Refund: refundValue,\n 'Total Pay': total - refundValue - clientDiscountBenefits,\n 'Product Quantity': res?.data?.liquidation?.length,\n 'Insurance Policy Limit': 'TRUE',\n 'Apply Deductible': deductible > 0 ? 'TRUE' : 'FALSE',\n })\n }\n }\n } catch (ignore) {\n logEvent('Refund Checked', {\n Success: 'FALSE',\n })\n\n Sentry.captureException(ignore)\n Sentry.captureMessage('No fue posible calcular el valor de reembolso')\n } finally {\n refundSearch && setLoadingInsurance(false)\n }\n }\n\n function saveCheckoutTag(isSubscription, periodicity = 0) {\n let productQuantity = 0\n for (const product of products) {\n productQuantity += product.counter\n }\n\n let stepCompletedTag = {\n 'Amount of Prescription Added': prescriptionProduct?.length,\n 'Purchase Type': isSubscription ? 'Benefit Yapp' : 'Spot',\n 'Product Quantity': productQuantity,\n }\n\n if (isSubscription) {\n stepCompletedTag.Periodicity = periodicity\n }\n\n logEvent('Checkout Step Completed', stepCompletedTag)\n }\n\n function loadedPrescription(quotation, skip) {\n return (\n prescriptionProduct?.find((product) => {\n if (\n ![undefined, null, ''].includes(quotation?.product?.client_product_id)\n ) {\n return (\n product?.product_id == quotation?.product?.product_id ||\n product?.product_id == quotation?.product?.client_product_id\n )\n } else {\n if (quotation?.product?.prescription_id === 0) {\n return true\n } else {\n return (\n product?.product_id == quotation?.product?.product_id ||\n product?.product_id == quotation?.product?.client_product_id\n )\n }\n }\n }) || []\n )\n }\n\n async function loadBeneficiaries(identity) {\n dispatch(setEnabledInsurance(false))\n setLoadingInsurance(true)\n setBenefit(null)\n\n let response = await getBeneficiaries(identity, props.insurance?.id)\n setLoadingInsurance(false)\n\n if (\n response?.message === 'OK: Success' &&\n response?.data?.listBeneficiaries?.length > 0\n ) {\n setOpenModalBeneficiaries(true)\n setBeneficiaries(response.data.listBeneficiaries)\n } else {\n props.setFormData({\n ...props.formData,\n full_name: {\n valid: false,\n value: _capitalize(''),\n },\n rut: {\n valid: true,\n value: '26.235.217-K',\n },\n titular_identity: {\n valid: true,\n value: '26.235.217-K',\n },\n })\n\n dispatch(setCopayUserData(''))\n dispatch(setApplicationNumber(null))\n setOpenModalError(true)\n }\n }\n\n async function onClickBenefit(userData) {\n setOpenModalBeneficiaries(false)\n\n if (userData) {\n let encryptedData = encrypt(userData)\n\n dispatch(setEnabledInsurance(true))\n props.setFormData({\n ...props.formData,\n full_name: {\n valid: true,\n value: _capitalize(userData?.name || ''),\n },\n rut: {\n valid: true,\n value: ![undefined, null, '', ' '].includes(userData?.identity)\n ? _validateRut(userData?.identity)\n ? _formatRut(userData?.identity)\n : null\n : null,\n },\n titular_identity: {\n valid: true,\n value: ![undefined, null, '', ' '].includes(\n userData?.identity_titular,\n )\n ? _validateRut(userData?.identity_titular)\n ? _formatRut(userData?.identity_titular)\n : null\n : null,\n },\n })\n\n dispatch(setCopayUserData(encryptedData))\n }\n }\n\n const inputRef = useRef(null)\n const modalSupplement = useRef(null)\n const modalTerms = useRef(null)\n const modalPrivacy = useRef(null)\n const modalInsurance = useRef(null)\n const modalHomeRef = useRef(null)\n return (\n \n {props?.insurance.name}\n
\n )}\n\n {\n setOpenModalError(false)\n }}\n title=\"\"\n text=\"El rut no se encuentra registrado en esta plataforma, por favor intenta reembolsarlo manualmente...\"\n btnText=\"Continuar sin reembolso\"\n />\n {\n setOpenModalBeneficiaries(false)\n }}\n claimer={benefit}\n setClaimer={setBenefit}\n onClaimer={onClickBenefit}\n beneficiaries={beneficiaries}\n title=\"Selecciona el asegurado para quien se realizará la compra:\"\n btnText=\"Aceptar\"\n />\n \n \n ) : (\n \n setShowPdf(false)} */\n >
\n \n )}\n {loadingConfirmBuy ? (\n \n
\n \n Ha ocurrido un error con tu\n
medio de pago.\n
\n \n Volver a intentar\n \n
\n \n {loadingInsurance &&\n (clientName !== 'Sura' ? (\n \n setShowPdf(false)}>\n \n \n {\n return (\n
\n \n
\n ) : (\n <>\n {clientName !== 'UC Christus' && (\n \n \n Volver\n \n
\n \n )}\n\n \n { clientName === 'Bice Vida' && (\n \n \n
\n \n
\n )}\n\n \n
\n \n \n
\n \n
\n \n \n
\n \n
\n \n )}\n\n {products?.some((quotation) =>\n requestPrescription(quotation),\n ) && (\n \n
\n { showInsurance && (\n <>\n \n Datos para el despacho\n
\n\n
\n \n
\n \n
\n \n \n changeValue(value, 'location_number')\n }\n error={\n formError?.location_number === false &&\n !props.formData?.location_number?.value\n ? {\n message:\n '* Necesitamos que ingreses un número de dirección para enviar tu pedido',\n }\n : !props.formData?.location_number?.valid &&\n props.formData?.location_number?.value && {\n message:\n '* Necesitamos que ingreses un número de dirección para enviar tu pedido',\n }\n }\n />\n
\n \n inputRef.current.click()}>\n {isStyleLight && (\n \n )}\n
\n \n \n changeValue(value, 'address_additional')\n }\n />\n
\n \n
\n \n
\n \n {![null, undefined].includes(deliveryTime)\n ? item?.delivery?.message\n : moment(date).format('DD-MM-YYYY')}\n
\n\n
\n \n +{_formatPrice(delivery?.cost)}\n
\n \n\n
\n \n changeValue(value, 'phone')}\n onKeyPress={removeErrorsPhone}\n />\n
\n \n changeValue(value, 'email')}\n onKeyPress={removeErrorEmail}\n />\n
\n \n \n \n
\n\n { !isInsurance && (\n {titleInsurance}
\n\n
\n )}\n\n \n
\n \n \n setLocalInsurance(option.value)\n }\n placeholder={'Selecciona un seguro'}\n />\n
\n \n {props?.insurance?.id !== null && (\n \n \n changeValue(value, 'titular_identity')\n }\n onButtonClick={() =>\n loadBeneficiaries(\n props.formData.titular_identity.value,\n )\n }\n error={\n formError?.titular_identity === false &&\n !props.formData?.titular_identity?.value\n ? {\n message:\n '* Necesitamos el RUT del títular.',\n }\n : !props.formData?.titular_identity\n ?.valid &&\n props.formData?.titular_identity\n ?.value && {\n message:\n '* El RUT debe contener entre 8 y 9 caracteres para ser válido.',\n }\n }\n />\n
\n )}\n \n
\n \n )}\n Los datos del paciente deben coincidir con los datos de la receta
\n\n
\n {isSubscription && (\n <>\n \n
\n \n \n loadBeneficiaries(props.formData.rut.value)\n }\n error={\n formError?.rut === false &&\n !props.formData?.rut?.value\n ? {\n message:\n '* Necesitamos el RUT del paciente para validar la receta médica.',\n }\n : !props.formData?.rut?.valid &&\n props.formData?.rut?.value && {\n message:\n '* El RUT debe contener entre 8 y 9 caracteres para ser válido.',\n }\n }\n onChange={(value) => changeValue(value, 'rut')}\n />\n
\n \n changeValue(value, 'full_name')}\n />\n
\n \n {textSubscriptionCheckout}\n
\n\n
\n {products.length > 0 && (\n \n setShowModalBottomSimple(true)}\n className=\"btn-open-modal-bottom-full d-flex align-items-center justify-content-between px-3\">\n
\n Recibir cada
\n\n *Debes ingresar una frecuencia de entrega para\n finalizar tu compra\n
\n )}\n\n
\n \n \n {frequency?.label || 'Selecciona tu frecuencia'}\n
\n\n \n setCounter(index, quantity)\n }\n />\n ))}\n
\n )}\n Cantidad
\n {products.map((item, index) => (\n\n Receta médica\n
\n )}\n\n {/* AGREGAR PRODUCTOS */}\n {products?.map((quotation, key) => {\n let hasPrescription = loadedPrescription(quotation, true)\n return (\n
\n {isSubscription && (\n <>\n \n {requestPrescription(quotation) && (\n <>\n \n requestPrescription(quotation),\n )}\n prescriptionProduct={prescriptionProduct}\n onClickLoadPrescription={\n onClickLoadPrescription\n }\n />\n {errorPrescription &&\n hasPrescription?.length === 0 &&\n quotation.product.prescription_id > 0 && (\n
\n )\n })}\n \n * Este medicamento requiere una receta\n médica, por favor agrega una para continuar.\n
\n )}\n \n )}\n\n Ingresa tu código de descuento\n
\n\n setDiscount(null)}\n defaultCodeForDiscount={defaultCodeForDiscount}\n />\n
\n \n )}\n \n \n
\n )}\n \n {!isUserYapp && (\n <>\n Resumen de tu compra
\n\n \n
\n )}\n \n {\n return {\n ...el.product,\n ...el,\n loadedPrescription:\n requestPrescription(el) &&\n loadedPrescription(el).length === 0,\n }\n })}\n onClickAction={addProducts}\n className=\"pt-2\"\n refundElement={refundElement}\n onClickApplyRefund={onClickApplyRefund}\n applyRefund={applyRefund}\n discountRefund={getCurrentDiscount()}\n clientDiscountBenefits={clientDiscountBenefits}\n insurancePolicyLimit={insurancePolicyLimit}\n insuranceError={insuranceError}\n deductible={deductible}\n refund={refund}\n show={props.userData}\n pressedButton={pressedButton}\n showAlert={showAlert}\n isSubscription={isSubscription}\n deleteProduct={deleteProductItem}\n />\n {hasComplementary &&\n productsComplementary?.length > 0 && (\n \n modalSupplement.current.openModal()\n }\n />\n )}\n\n \n \n setHasComplementary(has)\n }\n setComplementaryDelivery={(delivery) =>\n setComplementaryDelivery(delivery)\n }\n closeModal={(payload) =>\n setComplementaryCartValues(payload)\n }\n onCloseModal={clickGenerateLink}\n clickShowPdf={(pdf) => {\n setPdf(pdf)\n setShowPdf(true)\n }}\n />\n
\n {userInfo && userInfo?.signInMethod !== 'anonymously' && (\n \n
\n {getCurrentDiscount() > 0 && (\n \n Despacho\n
\n\n
\n {totalComplementaryCart > 0 &&\n productsComplementary?.length > 0 && (\n \n Costo despacho {!isSubscription && 'medicamentos'}\n
\n\n {_formatPrice(delivery?.cost)}\n
\n\n
\n )}\n {deliveryCode?.code && deliveryDiscount > 0 && (refund?.value > 0 || deductible > 0) && (\n \n Costo despacho productos complementarios\n
\n\n {_formatPrice(complementaryDelivery?.cost)}\n
\n\n
\n )}\n \n Descuento especial Compañía de seguro\n
\n\n -{_formatPrice(deliveryDiscount)}\n
\n\n
\n )}\n \n
\n \n {discount?.short_name\n ? discount.short_name\n : 'Descuento aplicado'}\n
\n\n - {_formatPrice(getCurrentDiscount())}\n
\n\n
\n \n Total a pagar\n
\n\n {_formatPrice(\n totalCart +\n totalComplementaryCart +\n delivery?.cost +\n (totalComplementaryCart > 0\n ? complementaryDelivery?.cost\n : 0) -\n getCurrentDiscount() -\n (deliveryDiscount ? deliveryDiscount : 0),\n )}\n
\n\n \n \n
\n\n {loading ? (\n \n Método de pago\n
\n\n {' '}\n
\n ) : (\n \n {creditCards.length > 0 && (\n \n setPaymentMethod(option.value)\n }\n placeholder={'Selecciona un método de pago'}\n className=\"tablet-desktop maxw-290\"\n />\n )}\n {creditCards.length > 0 && (\n \n showPaymentOptions()\n ? setShowModalPaymentMethod(true)\n : null\n }\n className=\"btn-open-modal-bottom d-flex align-items-center justify-content-between px-3\">\n {[null, undefined, false].includes(\n selectedPaymentMethod,\n ) ? (\n
\n )}\n \n Selecciona un método de pago\n
\n ) : (\n\n
\n )}\n \n \n
\n \n {selectedPaymentMethod.last_four}\n
\n\n addPaymentMethod()}\n className={`maxw-214 ${\n creditCards.length > 0 ? ' mt-3' : 'mt-0'\n }`}\n disabled={false}\n color=\"--theme-color\"\n stroke\n small\n title={'Agregar método de pago'}\n />\n
\n\n {creditCards.length === 0 && (\n \n * Para continuar con tu compra, necesitamos\n que ingreses un método de pago válido.\n
\n )}\n\n
\n \n\n {errorCheckTerms && (\n \n Acepto los{' '}\n \n
\n
\n )}\n \n )}\n \n * Para continuar con tu compra, necesitamos que\n aceptes los términos y condiciones.\n
\n\n
\n \n \n
\n )}\n\n { clientName === 'Sura' &&\n \n *El beneficio de Seguros SURA podrá consistir en reembolsos correspondiente al \n monto bonificado por Seguros SURA según su plan de seguro complementario que tenga contratado,\n o al descuento otorgado por SEGUROS SURA para sus clientes, según corresponda.\n
\n }\n \n )}\n \n )}\n\n {clientName === 'Vida Security' && (\n \n
\n ))\n )\n}\n\nexport default CheckboxControl","export default __webpack_public_path__ + \"static/media/ic_plane.3232b2f5.svg\";","export default __webpack_public_path__ + \"static/media/i_error.8cd33fd4.svg\";","import {useEffect, useState, memo} from 'react'\nimport {connect, useDispatch} from 'react-redux'\nimport {\n deliveryFrequencies,\n subscriptionTypes,\n base_url,\n} from '../../../Utils/constants'\nimport {getPreOrder, removeShoppingCart} from '../../../Utils/service'\nimport {logEvent} from '../../../Utils/utils'\nimport {createSubscription} from '../../../Utils/api'\nimport CheckboxControl from '../../../Components/Forms/CheckboxControl'\nimport ButtonYapp from '../../../Components/Buttons/ButtonYapp'\nimport SimpleSelect from '../../../Components/Forms/SimpleSelect'\nimport ModalBottomSimple from '../../../Components/Modals/ModalBottomSimple'\nimport imgPlane from '../../../assets/img/ic_plane.svg'\nimport imgResultError from '../../../assets/img/i_error.svg'\nimport {useHistory} from 'react-router'\nimport {setPrescriptions} from '../../../redux/modules/app'\n\nfunction PostShopping(props) {\n const dispatch = useDispatch()\n const [showModalBottomSimple, setShowModalBottomSimple] = useState(false)\n const [subscription, setSubscription] = useState(null)\n const [productList, setProductList] = useState([])\n const [frequency, setFrequency] = useState(deliveryFrequencies[2])\n const [loading, setLoading] = useState(false)\n const [error, setError] = useState(false)\n const history = useHistory()\n\n useEffect(async () => {\n let currentBag = localStorage.getItem('selectedQuotationItem')\n dispatch(setPrescriptions([]))\n\n if (currentBag) {\n currentBag = JSON.parse(currentBag)\n if (currentBag.quotation_detail?.length > 0) {\n setProductList(currentBag.quotation_detail)\n\n let preOrder = await getPreOrder()\n if (preOrder?.data?.user) {\n let address = null\n let addressLatitude = null\n let addressLongitude = null\n\n if (preOrder.data.delivery.address) {\n address = preOrder.data.delivery.address.description.replace(\n ' null ',\n ' ',\n )\n addressLatitude = preOrder.data.delivery.address.lat\n addressLongitude = preOrder.data.delivery.address.lng\n }\n\n let customer = {\n name: preOrder.data.user.name,\n tax_id: preOrder.data.user.identity,\n address: address,\n address_id: null,\n address_latitude: addressLatitude,\n address_longitude: addressLongitude,\n commune: props.commune.name,\n phone: preOrder.data.user.phone,\n comment: '',\n }\n\n let subscriptionInfo = {\n user_id: preOrder.data.user.user_id,\n payment_id: preOrder.data.payment_card.token,\n pharmacy_chain_id: currentBag.pharmacy_chain_id,\n pharmacy_chain_name: currentBag.pharmacy_chain_name,\n first_delivery: currentBag.delivery.next_date,\n delivery_cost: currentBag.delivery.cost,\n customer: customer,\n prescription_files: preOrder.data.prescriptions,\n }\n\n setSubscription(subscriptionInfo)\n }\n }\n localStorage.removeItem('selectedQuotationItem')\n await removeShoppingCart()\n }\n }, [])\n\n const isSubscriptionValid = () => {\n let disableSubscription = true\n let validProducts = productList.filter(\n (product) => product.checked === true && product.quantity > 0,\n )\n\n if (frequency && validProducts.length > 0) {\n disableSubscription = false\n }\n return disableSubscription\n }\n\n const onCancelSubscription = () => {\n //window.location.href = base_url\n history.push('/shopping_bag/success')\n }\n\n const onCreateSubscription = () => {\n let selectedProducts = productList.filter(\n (product) => product.checked === true && product.quantity > 0,\n )\n let subscriptionInfo = Object.assign({}, subscription)\n let products = []\n\n for (const item of selectedProducts) {\n let product = {\n type: subscriptionTypes.regular,\n product_id: item.product.product_id,\n pharmacy_chain_id: subscriptionInfo.pharmacy_chain_id,\n quantity: item.quantity,\n }\n products.push(product)\n }\n\n subscriptionInfo.products = products\n subscriptionInfo.frequency = frequency.value\n subscriptionInfo.origin = 'yapp_web'\n saveSubscription(subscriptionInfo)\n }\n\n const saveSubscription = async (subscription) => {\n try {\n setLoading(true)\n const result = await createSubscription(subscription)\n if (result?.data?.length > 0 && result.data[0].subscriptionId) {\n saveTag(result.data[0].subscriptionId)\n window.location.href += '/success'\n } else {\n saveTag(false)\n setError(true)\n }\n } catch (err) {\n console.error(err)\n saveTag(false)\n setError(true)\n } finally {\n setLoading(false)\n }\n }\n\n const saveTag = (subscriptionId) => {\n let validProducts = productList.filter(\n (product) => product.checked === true && product.quantity > 0,\n )\n let isSuccess = subscriptionId ? true : false\n let productQuantity = 0\n let totalPrice = 0\n\n for (const product of validProducts) {\n productQuantity += product.quantity\n totalPrice += product.quantity * product.price\n\n logEvent('Recurrent Product Selected', {\n 'Product Quantity': product.quantity,\n 'Subscription Id': subscriptionId ? subscriptionId : 0,\n 'Recurrent Purchase Frequency': frequency.value,\n 'Product Name': product.product.name,\n 'Product Id': product.product.product_id,\n 'Lab Name': product.product.lab,\n 'Product Price': product.price,\n 'Total Price': product.quantity * product.price,\n 'Total Discounts': 0,\n 'Pharmacy Id': subscription.pharmacy_chain_id,\n 'Pharmacy Name': subscription.pharmacy_chain_name,\n 'Active Principle Name': product.product.formula_name,\n })\n }\n\n logEvent('Recurrent Purchase Scheduled', {\n 'Success Recurrent Purchase': isSuccess,\n 'Pharmacy Id': subscription.pharmacy_chain_id,\n 'Pharmacy Name': subscription.pharmacy_chain_name,\n 'Subscription Id': subscriptionId ? subscriptionId : 0,\n 'Total Price': totalPrice,\n 'Total Discounts': 0,\n 'Product Quantity': productQuantity,\n 'Recurrent Purchase Frequency': frequency.value,\n })\n }\n\n return (\n \n \n
\n \n
\n \n { item.product?.name &&\n
\n { item.product.name }
\n }\n\n { item.product?.formula_name &&\n{ item.product.formula_name }
\n }\n\n
\n { _formatPrice(item.price * item.quantity) }
\n\n setQuantity(productIndex, quantity) }/>\n
\n \n {error ? (\n
\n )}\n \n )\n}\n\nconst mapStateToProps = (state) => {\n return {\n commune: state.app.commune,\n }\n}\n\nexport default connect(mapStateToProps, null)(memo(PostShopping))\n","export default __webpack_public_path__ + \"static/media/i_pill_calendar.205d8d47.svg\";","import { base_url, searchUrl } from '../../../Utils/constants'\nimport ButtonYapp from '../../../Components/Buttons/ButtonYapp'\nimport icPillCalendar from '../../../assets/img/i_pill_calendar.svg'\nimport { downloadApp, logEvent } from '../../../Utils/utils'\nimport { useHistory } from 'react-router'\n\n\nfunction PostShopping(props) {\n let history = useHistory()\n const onKeepShopping = () => {\n //window.location.href = searchUrl\n history.push('/my_shopping')\n }\n\n return (\n \n
\n ) : (\n \n No hemos procesado tu pedido con éxito...\n
\n \n\n
\n \n
\n \n ¡Gracias por tu compra!\n
\n\n Por favor espera la confirmación de la
\n farmacia por correo.{' '}\n
\n
\n
\n \n Programa tus siguientes compras\n
\n\n Selecciona los medicamentos que quieras programar, elige cada\n cuántos días y ¡Listo!\n
\n\n
\n
\n \n
\n Recibir cada
\n\n setShowModalBottomSimple(true)}\n className=\"btn-open-modal-bottom-full d-flex align-items-center justify-content-between px-3\">\n
\n \n
\n \n {frequency?.label || ''}
\n\n *El despacho se cobrará en cada envío y el costo total se\n realizará 48 hrs antes de\n cada compra.\n
\n\n
\n )\n}\n\nexport default PostShopping\n","export default __webpack_public_path__ + \"static/media/bice-vida-success.549cb6ee.png\";","import ButtonYapp from '../../../Components/Buttons/ButtonYapp'\nimport icPillCalendar from '../../../assets/img/i_pill_calendar.svg'\nimport { downloadApp } from '../../../Utils/utils'\nimport { useHistory } from 'react-router'\nimport biceVidaPet from '../../../assets/img/bice-vida-success.png'\n\nconst clientName = process.env.REACT_APP_CLIENT_NAME || 'Yapp Chile'\n\nfunction ShoppingBagSuccess(props) {\n let history = useHistory()\n const onKeepShopping = () => {\n history.push('/my_shopping')\n }\n\n return (\n \n
\n \n
\n ¡Tu programación ha sido exitosa!
\n\n 
\n
\n El despacho se cobrará en cada envío y el costo total se realizará 48 hrs antes de cada compra.
\nPara gestionar tus compra, ingresa a la App de Yapp
\n\n
\n )\n}\n\nexport default ShoppingBagSuccess\n","export default __webpack_public_path__ + \"static/media/i_success_new.c60e2c44.svg\";","export default __webpack_public_path__ + \"static/media/change_pass_check_ok.c4595014.svg\";","import {useEffect, useState} from 'react'\nimport {connect, useDispatch, useSelector} from 'react-redux'\nimport {base_url} from '../../../Utils/constants'\nimport * as Sentry from '@sentry/react'\nimport {setContext} from '@sentry/react'\n\nimport {_formatPrice, _validateMail, getHash} from '../../../Utils/tools'\nimport {\n createPurchaseOrder,\n getConfigPage,\n getConfigSite,\n sendMail,\n} from '../../../Utils/api'\nimport {removeShoppingCart} from '../../../Utils/service'\nimport imgResultError from '../../../assets/img/i_error.svg'\nimport imgResultNew from '../../../assets/img/i_success_new.svg'\nimport loadingYapp from '../../../assets/img/yapp_loading.gif'\nimport {\n setThemeColor,\n changeLogo,\n showLogo,\n setConfig,\n setGoRouter,\n} from '../../../redux/modules/app'\nimport {\n addEventNameWithParams,\n logEvent,\n downloadApp,\n} from '../../../Utils/utils'\nimport ButtonYapp from '../../../Components/Buttons/ButtonYapp'\nimport TypeSidetab from '../../../Components/TypeForm/TypeSidetab'\nimport Input from '../../../Components/Forms/Input'\nimport Modal from 'react-modal'\nimport {Button} from 'react-bootstrap'\nimport imgSendSuccess from '../../../assets/img/change_pass_check_ok.svg'\n\nconst _ = require('lodash')\n\nfunction ShoppingBagCheckout(props) {\n const [statusOrder, setStatusOrder] = useState(null)\n const [referrals, setReferrals] = useState([''])\n const [emails, setEmails] = useState([{email: '', show_error: false}])\n const deliveryCode = useSelector((state) => state?.delivery?.delivery_code)\n const userRefund = useSelector((state) => state?.user?.userRefund)\n\n const applicationNumber = useSelector((state) => state.app.applicationNumber)\n const prescriptions = useSelector((state) => state.app.prescriptions)\n const onePharmacy = useSelector((state) => state.app.one_pharmacy)\n const insurance = useSelector((state) => state.app.insurance)\n const dispatch = useDispatch()\n\n const isInsurance = process.env.REACT_APP_PROFILE === 'INSURANCE'\n const showReferrals = process.env.REACT_APP_CLIENT_NAME === 'Sura'\n const userInfo = useSelector((state) => state?.user?.userInfo)\n const [modalIsOpen, setIsOpen] = useState(false)\n\n const addReferral = () => {\n let referralList = [...referrals]\n referralList.push('')\n saveEmail(referralList.length -1, '')\n setReferrals(referralList)\n }\n\n const sendEmail = async () => {\n let emailsList = [...emails]\n emails.map(async (item, index) =>{\n if(!_validateMail(item.email)){\n item.show_error = true\n }else{\n let response = await sendMail(\n item.email,\n 'conveniosyapp@yapp.cl',\n null,\n 'd-53904331c3b2465a8658de48b9eeadf3',\n {\n webbapp_subject: (userInfo?.profile.first_name)?\n userInfo?.profile.first_name + \" te invita a ahorrar y reembolsar en línea con Yapp\" :\n \"Te invitamos a ahorrar y reembolsar en línea con Yapp\"\n }\n )\n if (response.status === 204) {\n setIsOpen(true)\n emailsList[index] = {email: '', show_error: false}\n logEvent('Item Shared', {\n 'Shared Type': 'Mail',\n 'Element Shared': 'Referral Program',\n 'Product Id': ''\n })\n } else {\n console.log(\"ERROR\")\n }\n }\n setEmails(emailsList)\n })\n }\n\n const saveEmail = (index, email) =>{\n let emailsList = [...emails]\n emailsList[index] = {email: email, show_error: false}\n setEmails(emailsList)\n }\n\n const isValidEmail = (index) =>{\n let msg = {}\n if (emails[index].show_error){\n msg = {message:\n '* El correo que ingresaste no es válido.',\n }\n }\n return msg\n }\n\n function closeModal() {\n setIsOpen(false)\n }\n\n // eslint-disable-next-line react-hooks/exhaustive-deps\n useEffect(async () => {\n try {\n if (process.env.REACT_APP_CLIENT_NAME === 'UC Christus') {\n let router = []\n dispatch(props.setGoRouter(router))\n }\n } catch (ignore) {}\n\n let hash = null\n try {\n hash = getHash()\n } catch (ignore) {}\n\n if (props.disabledThemeCheckout === true) {\n dispatch(changeLogo(null))\n dispatch(showLogo(false))\n dispatch(\n setThemeColor({\n icon_tutorial: '#282E55',\n primary: '#6578FF',\n secondary: '#4DBAB6',\n }),\n )\n } else {\n if (hash) {\n try {\n let result =\n process.env.REACT_APP_ON_LOGIN === 'TRUE' || isInsurance ||\n (process.env.REACT_APP_EXTERNAL_LOGIN === 'TRUE' &&\n [undefined, null, 'NULL'].includes(\n process.env.REACT_APP_EXTERNAL_VALID_TYPE,\n ))\n ? await getConfigSite()\n : await getConfigPage(hash)\n\n if (result) {\n const themeColor =\n result?.data.config[0].config?.custom_styles?.theme_color\n\n dispatch(\n showLogo(process.env.REACT_APP_SHOW_LOGO === 'TRUE'),\n )\n dispatch(changeLogo(process.env.REACT_APP_LOGO))\n if (themeColor) {\n dispatch(setThemeColor(themeColor))\n }\n dispatch(setConfig(_.get(result?.data, 'config[0].config', {})))\n }\n } catch (ignore) {}\n }\n }\n\n let purchaseOrderStatus = 'declined'\n let purchaseOrder = localStorage.getItem('selectedQuotationItem')\n try {\n if (purchaseOrder) purchaseOrder = JSON.parse(purchaseOrder)\n } catch (error) {\n purchaseOrder = false\n }\n\n try {\n let resp = await createPurchaseOrder(hash)\n if (\n resp?.data?.status === 'approvedTransaction' ||\n resp?.data?.status === 'preApprovedTransaction'\n ) {\n purchaseOrderStatus = resp.data.status\n }\n\n if (purchaseOrderStatus !== 'declined') {\n addEventNameWithParams('checkout_product_to_pay_result', {\n hash: hash,\n status: purchaseOrderStatus,\n })\n await savePurchaseOrderTag(purchaseOrder, resp.data.id)\n if (\n ['preApprovedTransaction', 'approvedTransaction'].includes(\n purchaseOrderStatus,\n )\n ) {\n setStatusOrder(true)\n await removeShoppingCart()\n localStorage.removeItem('selectedQuotationItem')\n } else {\n window.location.href = base_url + '/shopping_bag/post_shopping'\n }\n } else {\n setStatusOrder(false)\n addEventNameWithParams('checkout_product_to_pay_result', {\n hash: hash,\n status: purchaseOrderStatus,\n })\n await savePurchaseOrderTag(purchaseOrder, false)\n }\n } catch (error) {\n console.log(error)\n setStatusOrder(false)\n await savePurchaseOrderTag(purchaseOrder, false)\n if (hash) {\n addEventNameWithParams('checkout_product_to_pay_result', {\n hash: hash,\n status: purchaseOrderStatus,\n })\n }\n }\n }, [])\n\n const savePurchaseOrderTag = async (purchaseOrder, result) => {\n let success = result ? true : false\n let productQuantity = 0\n let totalCart = 0\n let totalDiscounts = 0\n let totalShipping = 0\n let orderTotal = 0\n\n if (purchaseOrder?.quotation_detail?.length > 0) {\n let productList = purchaseOrder.quotation_detail\n let refundableProducts = userRefund?.products || []\n let refundable = userRefund?.refund > 0 ? 'TRUE' : 'FALSE'\n\n for (const product of productList) {\n let productId = product.product.product_id\n let productDiscount = product.quantity * product.client_discount\n productQuantity += product.quantity\n totalCart += product.quantity * product.price\n totalDiscounts += productDiscount\n\n if (success) {\n let refundableProduct = isInsurance && refundableProducts.some((item) => item.product_id === productId)\n let refundType = refundableProduct \n ? 'Refundable'\n : ![null, undefined].includes(product.client_benefit)\n ? 'Benefit'\n : 'None'\n\n logEvent('Product Purchased', {\n 'Product Quantity': product.quantity,\n 'Order Id': result ? result : 0,\n 'Product Name': product.product.name,\n 'Product Id': productId,\n 'Lab Name': product.product.lab,\n 'Product Price': product.price,\n 'Total Price': product.quantity * product.price,\n 'Total Discounts': productDiscount,\n 'Active Principle Name': product.product.formula_name,\n 'Refundable Type': refundType,\n 'Refundable Product': refundableProduct ? 'TRUE' : 'FALSE',\n })\n }\n }\n\n totalShipping = purchaseOrder.delivery.cost\n if (deliveryCode?.code && deliveryCode?.value <= 100 && totalShipping > 0) {\n totalShipping = totalShipping - ((deliveryCode.value * totalShipping) / 100)\n }\n \n totalDiscounts = totalDiscounts + userRefund.refund\n orderTotal = totalCart - totalDiscounts + totalShipping\n\n logEvent('Order Completed', {\n 'Order Success': success,\n 'Total Cart Value': totalCart,\n 'Total Cart Size': productQuantity,\n 'Total Discounts': totalDiscounts,\n 'Promo Code Applied': null,\n 'Total Shipping': totalShipping,\n 'Order Total': orderTotal,\n 'Pharmacy Id': purchaseOrder.pharmacy_chain_id,\n 'Pharmacy Name': purchaseOrder.pharmacy_chain_name,\n 'Order Id': result ? result : 0,\n 'Purchase Type': 'Spot',\n 'Refundable Order': refundable,\n })\n }\n }\n\n const goToUc = () => {\n window.location.href = 'https://www.ucchristus.cl/'\n }\n\n return (\n \n
\n \n
\n ¡Gracias por tu compra!
\n\n { clientName === 'Bice Vida'\n ? \n : \n }\n
\n No cobraremos nada a tu tarjeta hasta que la farmacia confirme el pedido.
\nPara gestionar tus compra, ingresa a la App de Yapp
\n\n {![undefined, null].includes(statusOrder) ? (\n <>\n {}}\n onRequestClose={()=>{}}\n className=\"modal-custom\"\n overlayClassName=\"modal-custom-bg\"\n contentLabel=\"Modal\"\n ariaHideApp={false}>\n
\n )\n}\n\nconst mapStateToProps = (state) => {\n return {\n disabledThemeCheckout: state.app.config?.disabled_theme_checkout,\n }\n}\nconst mapDispatchToProps = (dispatch) => {\n return {\n setGoRouter: (router) => dispatch(setGoRouter(router)),\n }\n}\nexport default connect(mapStateToProps, mapDispatchToProps)(ShoppingBagCheckout)\n","import {useEffect, useState} from 'react'\nimport {useHistory} from 'react-router-dom'\nimport Modal from 'react-modal'\nimport {connect, useDispatch} from 'react-redux'\nimport {getBioequivalents} from '../../../Utils/api'\nimport {getShoppingCart, saveShoppingCart} from '../../../Utils/service'\nimport loadingYapp from '../../../assets/img/yapp_loading.gif'\nimport {_formatPrice} from '../../../Utils/tools'\nimport {addEventNameWithParams} from '../../../Utils/utils'\nimport ButtonYapp from '../../../Components/Buttons/ButtonYapp'\nimport ModalPreview from '../../../Components/Modals/ModalPreview'\nimport {setGoRouter} from '../../../redux/modules/app'\n\nfunction Bioequivalent(props) {\n const dispatch = useDispatch()\n const history = useHistory()\n const [dataProduct, setdataProduct] = useState(null)\n const [equivalents, setEquivalents] = useState([])\n const TEXT_MAX_LENGTH = 35\n const [modalRemplaceIsOpen, setRemplaceIsOpen] = useState(false)\n const [productSelectedData, setProductSelected] = useState(null)\n const [pathname, setPathname] = useState('')\n const [loading, setLoading] = useState(true)\n const [showPreview, setShowPreview] = useState(false)\n const [modalImage, setModalImage] = useState([])\n\n useEffect(() => {\n try {\n if (process.env.REACT_APP_CLIENT_NAME === 'UC Christus') {\n let router = []\n router.push(\n {\n go: 'https://www.ucchristus.cl/yapp',\n target: '_blank',\n description: 'Red de Salud UC CHRISTUS',\n },\n {\n go: '/search',\n title: 'Bioequivalentes',\n description: 'Buscador de medicamentos',\n },\n )\n dispatch(props.setGoRouter(router))\n }\n } catch (ignore) {}\n\n let product = history.location.state?.productSelect\n let pathname = history.location.state?.pathname\n setPathname(pathname)\n setdataProduct(product)\n getBioequivalents(product.product_id)\n .then((el) => {\n if (el?.data) {\n setEquivalents(el?.data)\n }\n setLoading(false)\n })\n .catch((err) => {\n setLoading(false)\n })\n }, [])\n\n async function changeProductCart(productSelected) {\n try {\n let arrFirestore = await getShoppingCart()\n\n if (\n !arrFirestore.some((el) => el.product_id === productSelected.product_id)\n ) {\n let newProducts = arrFirestore.map((product) => {\n if (product.product_id === dataProduct.product_id) {\n return {...product, ...productSelected}\n } else {\n return product\n }\n })\n\n await saveShoppingCart(newProducts)\n\n addEventNameWithParams('bioequivalent_product_remplace', {\n new_product: productSelected.product_name,\n new_product_id: productSelected.product_id,\n replaced_product: dataProduct.product_name,\n replaced_product_id: dataProduct.product_id,\n })\n\n history.goBack()\n } else {\n console.log('Producto existente.')\n }\n } catch (error) {\n console.log('changeProductCart', error)\n }\n }\n\n const handleClose = () => {\n setShowPreview(false)\n setModalImage({})\n }\n\n function onClickShowPreview(product_logo) {\n setModalImage(product_logo)\n setShowPreview(true)\n }\n\n function openReplaceModal(props) {\n setProductSelected(props)\n setRemplaceIsOpen(true)\n }\n function afterOpenModal() {\n // references are now sync'd and can be accessed.\n }\n function closeModal() {\n setRemplaceIsOpen(false)\n }\n\n return (\n <>\n \n
\n \n { showReferrals && statusOrder &&\n \n
\n \n {statusOrder\n ? '¡Hemos procesado tu pedido con éxito!'\n : 'No hemos procesado tu pedido con éxito...'}\n
\n\n {statusOrder && (\n <>\n\n Te hemos enviado un correo para que le hagas seguimiento a\n tu pedido.\n
\n \n )}\n {statusOrder && (\n <>\n {![undefined, null, false].includes(onePharmacy) && (\n <>\n\n \n *La farmacia revisará la validez de los documentos\n \n
\n\n \n de vecino/a de {process.env.REACT_APP_CLIENT_NAME}.\n {' '}\n Si no están correctos,\n
\n\n pueden rechazar el pedido y generaremos la\n
\n\n devolución del dinero.\n
\n \n )}\n \n )}\n\n
\n }\n\n \n ¡Por que lo buenos se comparte!\n
\n\n Enviale a tus colegas esta alianza y ayúdanos a ahorrar en sus tratamientos.\n
\n\n { referrals.map((item, index) =>\n
\n \n \n saveEmail(index, email)}\n error={isValidEmail(index)}\n value={[...emails][index].email}\n />\n
\n )}\n \n
\n \n
\n \n ¿Te gustaría cotizar tus medicamentos\n
siempre antes de comparlos? ¡Descarga\n
nuestra app en tu celular!\n
\n
\n \n ) : (\n \n \n
\n )}\n\n {process.env.REACT_APP_CLIENT_NAME === 'Vida Security' && (\n ¡Alianza compartida!
\n\n
\n \n Hemos enviado todos los correos con éxito. Muchas gracias por apoyarnos.\n
\n\n \n
\n \n Cerrar
\n \n\n null}\n className=\"d-flex flex-column h-100\"\n id=\"gtm-webapp-bioequivalent-modal-open\">\n
\n \n )}\n \n
\n \n
\n \n {productSelectedData.product_name}\n
\n\n {productSelectedData.presentation}{' '}\n
\n\n {productSelectedData.laboratory_name}{' '}\n
\n\n Desde: {_formatPrice(productSelectedData.price_from)}\n
\n\n Hasta: {_formatPrice(productSelectedData.price_to)}\n
\n\n ¿Deseas reemplazar tu producto por este bioequivalente?\n
\n\n changeProductCart(productSelectedData)}\n title={'Reemplazar'}\n color={'--theme-color-secondary'}\n />\n
\n \n \n
\n )}\n \n \n Volver\n \n
\n \n \n
{' '}\n \n
\n \n \n \n \n {loading ? (\n
\n )\n })\n )}\n Tu producto
\n\n {dataProduct && (\n
\n {equivalents && equivalents.length > 0 ? (\n \n
\n )}\n null} className=\"\">\n
\n \n \n onClickShowPreview(dataProduct.product_logo)\n }\n />\n
\n \n
\n \n {dataProduct.product_name.length > TEXT_MAX_LENGTH\n ? `${dataProduct.product_name.substring(\n 0,\n TEXT_MAX_LENGTH,\n )}...`\n : dataProduct.product_name}\n
\n\n {dataProduct.presentation}{' '}\n
\n\n {dataProduct.laboratory_name}{' '}\n
\nAlternativas similares
\n ) : (\n !loading && (\n\n
\n )\n )}\n Alternativas similares
\n\n Lo sentimos, no encontramos bioequivalentes para tu\n medicamento.\n
\n\n
\n ) : (\n equivalents &&\n equivalents.length > 0 &&\n equivalents.map((bioProduct, key) => {\n return (\n \n null}\n className=\"d-flex flex-column h-100 w-100\">\n
\n \n \n onClickShowPreview(bioProduct.product_logo)\n }\n />\n
\n \n
\n \n {bioProduct.product_name}\n
\n\n {bioProduct.presentation}{' '}\n
\n\n {bioProduct.laboratory_name}{' '}\n
\n\n Desde: {_formatPrice(bioProduct.price_from)}\n
\n\n Hasta: {_formatPrice(bioProduct.price_to)}\n
\n\n openReplaceModal(bioProduct)}\n title={'Reemplazar'}\n color={'--theme-color-secondary'}\n />\n
\n \n {result === 'error' ? (\n
\n )\n}\n\nexport default SubscriptionResult\n","export default __webpack_public_path__ + \"static/media/i_pill_doctor_yay.a4a2516b.svg\";","import React from 'react'\nimport Modal from 'react-modal'\nimport {base_url} from '../../Utils/constants'\nimport IcPillDoctor from '../../assets/img/i_pill_doctor_yay.svg'\nimport {\n //buttons\n EmailShareButton,\n FacebookShareButton,\n WhatsappShareButton,\n // icons\n FacebookIcon,\n WhatsappIcon,\n EmailIcon,\n} from 'react-share'\nimport {logEvent} from '../../Utils/utils'\n\nconst ModalShareWithColleges = (props) => {\n const {modalState, setModalState, url} = props\n\n const changeModalState = (close, status = false) => {\n logEvent('Item Shared', {'Shared Type': 'Web Médicos', Success: status})\n setModalState(close)\n }\n\n return (\n \n
\n ) : (\n \n No hemos procesado tu inscripción al convenio con éxito...\n
\n \n\n
\n )}\n \n
\n \n ¡Tu inscripción al convenio ha sido exitosa!\n
\n\n
\n \n El despacho se cobrará en cada envío y el costo total se realizará{' '}\n 48 hrs antes de cada\n compra.\n
\n\n Para gestionar tus compra, ingresa a la App de{' '}\n Yapp\n
\n\n Selecciona una opción para compartir:\n
\n\n\n \n {\n changeModalState(!modalState, true)\n }}\n url={url}\n quote={\n 'Visita nuestro sitio web y cotiza los medicamentos que necesitas!'\n }\n className=\"mx-2 mb-4 mt-2 btn-circle-shared\">\n {\n changeModalState(!modalState, true)\n }}\n url={url}\n title={'Yapp Chile'}\n separator=\" \"\n className=\"mx-2 mb-4 mt-2 btn-circle-shared\">\n
\n \n )\n}\n\nexport default ModalShareWithColleges\n","import {\n Accordion,\n AccordionContext,\n Card,\n Col,\n useAccordionToggle,\n} from 'react-bootstrap'\nimport {useContext, useEffect, useState} from 'react'\nimport {addEventNameWithParams} from '../../Utils/utils'\nimport parse from 'html-react-parser'\n\nimport loadingYapp from '../../assets/img/yapp_loading.gif'\n\n// eslint-disable-next-line no-unused-vars\nconst _ = require('lodash')\n\nfunction ContextAwareToggle({children, eventKey, callback}) {\n const currentEventKey = useContext(AccordionContext)\n const decoratedOnClick = useAccordionToggle(\n eventKey,\n () => callback && callback(eventKey),\n )\n const isCurrentEventKey = currentEventKey === eventKey\n\n return (\n decoratedOnClick()}>\n
\n )\n}\n\nfunction Items(props) {\n const [toggle, setToggle] = useState()\n const [vad, setVad] = useState([undefined])\n let items = []\n\n useEffect(() => {\n if (!vad.includes(toggle)) {\n setVad((prevState) => [...prevState, toggle])\n addEventNameWithParams(\n `gtm-product-detail-vademecum-${toggle?.toLowerCase()}`,\n {\n product_name: props.data?.product_name,\n product_id: props.data?.product_id,\n },\n )\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [toggle])\n\n for (const key in props.data?.more_information) {\n if (Object.hasOwnProperty.call(props.data?.more_information, key)) {\n let element = props.data?.more_information[key]\n\n if (![null, undefined].includes(element)) {\n if (Array.isArray(element)) continue\n\n if (['Posology', 'posology', 'Posología'].includes(key)) {\n continue\n }\n\n items.push(\n \n
\n \n {eventKey}\n
\n\n \n
\n \n
\n \n {!key.includes('_html') ? element : parse(element)}\n
\n\n {appState?.loading === false &&\n ![undefined, null].includes(appState.data) ? (\n <>\n \n )}\n
\n )\n}\n\nexport default ProductDetail\n","import React, {useState, useEffect} from 'react'\nimport Modal from 'react-modal'\nimport {logEvent} from \"../../Utils/utils\"\nfunction ModalSendEmail(props) {\n const {\n sendMailIsOpen,\n closeEmailModal,\n sendProgramsToPatient,\n setPatientEmail,\n sendEmailStatus,\n setCheckbox,\n patientEmail,\n currentProgram,\n appState,\n } = props\n const [stage, setStage] = useState(1)\n\n useEffect(() => {\n if (sendEmailStatus) {\n setStage(3)\n }\n }, [sendEmailStatus])\n\n function closeModalSendMail() {\n setStage(1)\n closeEmailModal()\n }\n\n function sendEmail() {\n sendProgramsToPatient()\n logEvent('Item Shared', {\n 'Shared Type': 'Mail',\n 'Element Shared': 'Program',\n 'Product Id': appState?.data?.product_id,\n 'Product Name': appState?.data?.product_name,\n 'Lab Name': appState?.data?.laboratory_name,\n })\n }\n\n function afterOpenModal() {\n // references are now sync'd and can be accessed.\n }\n return (\n \n {appState.data?.more_information ? (\n <>\n
\n \n ) : (\n \n
\n \n ) : (\n \n Sin información\n
\n )}\n \n setStage(2)}\n id=\"gtm-webapp-modal-send-email-next\"\n className=\"btn-default btn-next\">\n Enviar correo\n \n
\n )}\n {stage === 2 && (\n \n Correo para el paciente\n
\n\n Hola, nos ha llegado una solicitud por parte del Dr./Dra para\n enviarle información sobre el programa de paciente{' '}\n \n {currentProgram?.program_title}\n {' '}\n del laboratorio {appState?.data?.laboratory_name} relacionado a su\n tratamiento.\n
\n\n A continuación se mostrará un listado de documentos relevantes, para\n que usted pueda acceder a los beneficios del programa{' '}\n \n {currentProgram?.program_title}\n \n . Al hacer click en cada documento, podrá descargarlo para así\n utilizarlo de la forma que sea necesaria.\n
\nSe despide atte.
\n\n Esperamos que esta información sea de mucha utilidad para ti.\n
\n\n Atentamente, Todo nuestro gran equipo Yapp!\n
\n\n setStage(1)}\n className=\"btn-trasparent btn-modal-back\">\n \n \n
\n )}\n {stage === 3 && (\n \n Enviar información a un paciente\n
\nCorreo paciente
\n\n setPatientEmail(evt.target.value)}\n />\n {sendEmailStatus === false && (\n \n setCheckbox(evt.target.checked)}\n />\n \n \n \n \n Quiero recibir una copia en mi correo\n \n \n \n Enviar\n \n
\n \n *Correo inválido\n
\n )}\n\n \n \n \n \n ¡Entendido!\n \n
\n )}\n \n )\n}\n\nexport default ModalSendEmail\n","export default __webpack_public_path__ + \"static/media/proIconLoading.8998a3ed.svg\";","import React from 'react'\nimport Modal from 'react-modal'\n\nfunction ModalTypeForms(props) {\n const {modalState, setModalState, url} = props\n\n function closeModalTypeFormsHome() {\n setModalState(false)\n }\n\n function onFocus() {}\n\n return (\n <>\n \n Enviamos el correo al paciente con la información del programa al\n mail {patientEmail}\n
\n{props.children}
\n \n \n )\n}\n\nexport default ModalTypeForms\n","import React from 'react'\nimport { useSelector } from 'react-redux'\nimport Modal from 'react-modal'\nimport ButtonYapp from '../../Components/Buttons/ButtonYapp'\nimport Remover from '../../assets/img/remover.svg'\n\nfunction ModalRecemed(props) {\n const { isOpen, setIsOpen } = props\n const recemedModal = useSelector((state) => state.app.recemedModal)\n\n function closeModal() {\n setIsOpen(false)\n }\n\n function goToRecemed() {\n setIsOpen(false)\n window.open(recemedModal?.link, \"_blank\")\n } \n\n return (\n \n 
\n
\n {recemedModal?.title}
\n{recemedModal?.content1}
\n{recemedModal?.content2}
\n{recemedModal?.content3}
\n\n
\n \n )\n}\n\nexport default ModalRecemed\n","export default __webpack_public_path__ + \"static/media/programaCard.db7ec19c.svg\";","export default __webpack_public_path__ + \"static/media/descuentoCard.c12861ea.svg\";","import React, {useEffect, useState} from 'react'\nimport defaultMedication from '../../assets/img/default-medication.png'\nimport DiscountCardImg from '../../assets/img/descuentoCard.svg'\nimport ProgramCardImg from '../../assets/img/programaCard.svg'\nimport ReactTooltip from 'react-tooltip'\n\nfunction HeaderDetail(props) {\n const {product, ProductWithCodes, productList} = props\n const [discountCode, setDiscountCode] = useState(false)\n const [program, setProgram] = useState(false)\n\n useEffect(() => {\n if (product) {\n const hasCode = ProductWithCodes?.find(\n (p) => p?.product_id === product?.product_id,\n )\n const hasProgram = productList?.find(\n (p) => p?.product_id === product?.product_id,\n )\n if (hasCode) {\n setDiscountCode(true)\n }\n if (hasProgram) {\n setProgram(true)\n }\n } else {\n return false\n }\n }, [product, ProductWithCodes, productList])\n\n return (\n <>\n {![undefined, null].includes(product) && (\n \n
\n )}\n \n )\n}\n\nexport default HeaderDetail\n","import {useEffect, useState} from 'react'\nimport {useParams} from 'react-router-dom'\nimport {connect, useSelector} from 'react-redux'\nimport {useHistory, useLocation} from 'react-router-dom'\nimport TextTruncate from 'react-text-truncate'\nimport {\n downloadFile,\n programPatientMessage,\n addEventNameWithParams,\n logEvent,\n} from '../../Utils/utils'\nimport {base_url, shareMessages, productsUrl} from '../../Utils/constants'\nimport Modal from 'react-modal'\nimport Iframe from 'react-iframe'\n\nimport ModalShareWithColleages from '../../Components/Modals/ModalShareWithColleages'\n\nimport {_validateMail} from '../../Utils/tools'\nimport {changeLogo} from '../../redux/modules/app'\nimport {\n getProfessionalContent,\n getS3File,\n sendPatientProgramsDocuments,\n getVademecumDetail,\n getBioequivalents,\n getSubscriptionInfoByProductId,\n} from '../../Utils/api'\nimport ProductDetailItems from '../../Components/ShoppingBag/ProductDetail'\nimport Video from '../../Components/VideoCustom/Video'\nimport ModalSendEmail from '../../Components/Modals/ModalSendEmail'\nimport loadingYapp from '../../assets/img/yapp_loading.gif'\n\nimport proIconLoading from '../../assets/img/proIconLoading.svg'\n\nimport './CardActionSmall.css'\nimport ModalTypeForms from '../../Components/Modals/ModalTypeForms'\nimport Toasts from '../../Components/Toasts/Toasts'\nimport ModalRecemed from '../../Components/Modals/ModalRecemed'\nimport HeaderDetail from '../../Components/Product/HeaderDetail'\n\nfunction CardActionSmall(props) {\n return (\n <>\n \n
\n \n
\n \n {product?.product_name}\n
\n{product?.formula_name}
\n{product?.presentation}
\n{product?.laboratory_name}
\n\n
\n \n \n {props.hasFile && (\n \n {props.label ? props.label : 'Ver más'}\n \n )}\n
\n \n \n )\n}\n\nfunction ProductDetail(props) {\n const {shareProduct} = shareMessages\n const [appState, setAppState] = useState({loading: false, data: null})\n const [productId, setProductId] = useState(null)\n const [externalVademecum, setExternalVademecum] = useState(null)\n const [bio, setBio] = useState(null)\n const [intervalId, setIntervalId] = useState(0)\n const [count, setCount] = useState(0)\n\n const [video, setVideo] = useState(null)\n const [medicalSample, setMedicalSample] = useState(null)\n const [studies, setStudies] = useState([])\n const [materials, setMaterials] = useState([])\n const [patientEmail, setPatientEmail] = useState(null)\n const [patientPrograms, setPatientPrograms] = useState(null)\n const [currentProgram, setCurrentProgram] = useState(null)\n const [labContact, setLabContact] = useState(null)\n const [hasProgramFiles, setHasProgramFiles] = useState(false)\n\n const [sendEmailStatus, setSendEmailStatus] = useState(null)\n const [checkbox, setCheckbox] = useState(false)\n\n const [modalState, setModalState] = useState(false)\n const [modalIsOpen, setIsOpen] = useState(false)\n const [sendMailIsOpen, setSendMailIsOpen] = useState(false)\n const [modalLaboratory, setModalLaboratory] = useState(false)\n\n const [productDiscount, setProductDiscount] = useState(null)\n\n const [modalTypeFormsState, setModalTypeFormsState] = useState(false)\n const [urlTypeForm, setUrlTypeForm] = useState(null)\n const [stateToasts, setStateToasts] = useState(false)\n\n const [sendDiscountIsOpen, setSendDiscountIsOpen] = useState(false)\n const [modalRecemed, setModalRecemed] = useState(false)\n\n const isProHash = useSelector((state) => state.app.isPro)\n const resultSearch = useSelector((state) => state.search.result)\n\n const themeColor = useSelector((state) => state.app.themeColor)\n const subscriptionProProduct = useSelector(\n (state) => state.app.subscriptionProProduct,\n )\n\n const history = useHistory()\n\n const url = `${base_url}/pro/home/${localStorage.getItem(\n 'hash',\n )}?product=${productId}`\n\n const {id} = useParams()\n\n useEffect(() => {\n if (id) {\n loadProduct(id)\n }\n }, [id])\n\n useEffect(() => {\n if (props?.results?.product_id) {\n loadProduct(props?.results?.product_id)\n }\n }, [props?.results])\n\n useEffect(() => {\n if (count === 10) materialCheck('Video')\n }, [count])\n\n async function loadProduct(product_id) {\n try {\n let result = resultSearch\n let isMounted = true\n setAppState({loading: true})\n getVademecumDetail(\n product_id,\n history.location.state?.external_vademecum,\n result,\n )\n .then((resp) => {\n if (isMounted) setAppState({loading: false, data: resp?.data})\n })\n .catch((err) => {\n console.log(err)\n })\n getProfessionalContentData(product_id, true)\n getBioequivalentsProducts(product_id)\n setProductId(product_id)\n\n if (props?.professionalDiscountCode?.products?.length > 0) {\n let product = props.professionalDiscountCode?.products.filter(\n (product) => product.product_id === product_id,\n )\n\n if (product.length > 0) {\n let subscriptionPrice = await getSubscriptionInfoByProductId(\n product_id,\n )\n\n if (\n subscriptionPrice?.data?.length > 0 &&\n subscriptionPrice?.data[0]?.min_price\n ) {\n let minPrice = subscriptionPrice.data[0].min_price\n product[0].subscription_price = minPrice\n product[0].subscription_price_with_discount =\n (1 - product[0].discount_value / 100) * minPrice\n }\n setProductDiscount(product[0])\n }\n }\n } catch (err) {}\n }\n\n function handlePlay(value) {\n if (value) {\n addEventNameWithParams('gtm-product-detail-video', {\n product_name: appState?.data?.product_name,\n product_id: productId,\n })\n const newIntervalId = setInterval(() => {\n setCount((prevCount) => prevCount + 1)\n }, 1000)\n setIntervalId(newIntervalId)\n } else {\n clearInterval(intervalId)\n setIntervalId(0)\n }\n }\n\n function goToAction(program) {\n logEvent('Patient Program Modal Opened', {\n 'Material Type': 'Program',\n 'Origin Material': 'Medication Sheet',\n 'Material Name': program.program_title,\n 'Material Id': program.program_id,\n 'Product Name': props?.results?.product?.product_name,\n 'Laboratory Name': props?.results?.product?.laboratory_name,\n })\n\n addEventNameWithParams('gtm-detail-open-program', {\n program_title: program.program_title,\n product_id: productId,\n })\n for (let file of program.file) {\n if (![undefined, null, ''].includes(file.file_link)) {\n setHasProgramFiles(true)\n break\n }\n }\n setCurrentProgram(program)\n setIsOpen(true)\n }\n\n function closeEmailModal() {\n setIsOpen(false)\n setSendEmailStatus(null)\n setSendMailIsOpen(false)\n setCheckbox(false)\n setPatientEmail(null)\n setHasProgramFiles(false)\n }\n\n function openSendMailModal(program) {\n addEventNameWithParams('gtm-detail-send-email', {\n program_title: program.program_title,\n product_id: productId,\n })\n setIsOpen(false)\n setSendMailIsOpen(true)\n }\n\n function downloadProgram(program) {\n addEventNameWithParams('gtm-detail-download-program', {\n program_title: program.program_title,\n product_id: productId,\n })\n materialCheck('Program', {\n materialName: program?.program_title,\n materialId: program?.program_id,\n })\n currentProgram?.file.map((file) => {\n return downloadFile(file.file_link, file.file_name, 'pdf')\n })\n setIsOpen(false)\n }\n\n async function sendProgramsToPatient() {\n if (_validateMail(patientEmail)) {\n materialCheck('Program', {\n MaterialName: currentProgram.program_title,\n MaterialId: currentProgram.program_id,\n })\n addEventNameWithParams('gtm-detail-send-program-to-patient', {\n title: currentProgram.program_title,\n product_id: productId,\n checkbox: checkbox,\n })\n const template = 'd-1f1167f0cbfd41d6883cfbd7672fb2fa'\n const sender = 'soporte@yapp.cl'\n const {topic, description} = programPatientMessage(\n currentProgram,\n appState,\n )\n const result = await sendPatientProgramsDocuments(\n template,\n sender,\n patientEmail,\n checkbox,\n labContact,\n currentProgram,\n topic,\n description,\n )\n setSendEmailStatus(true)\n } else {\n setSendEmailStatus(false)\n }\n }\n\n async function openFiles(item, type) {\n addEventNameWithParams('gtm-detail-open-file-' + type, {\n title: item?.title,\n product_id: productId,\n })\n materialCheck(type, {\n materialId:\n type === 'Material'\n ? item?.laboratory_material_id\n : item?.clinical_study_id,\n materialName: item?.title,\n })\n window.open(item?.file, '_blank')\n }\n\n // Getters\n function getStudies(item) {\n item.content.forEach((data) => {\n getS3File(data.file, process.env.REACT_APP_BUCKETS_DESIGN)\n .then((res) => {\n if (![undefined, null, ''].includes(data.file)) {\n setStudies((prevStudies) => [\n ...prevStudies,\n {...data, file: res.data.url},\n ])\n }\n })\n .catch((err) => console.log(err))\n })\n }\n\n function getMaterials(item) {\n item.content.forEach((data) => {\n if (['PDF'].includes(data.format)) {\n getS3File(data.file, process.env.REACT_APP_BUCKETS_DESIGN)\n .then((res) => {\n if (![undefined, null, ''].includes(data.file)) {\n setMaterials((prevMaterial) => [\n ...prevMaterial,\n {...data, file: res.data.url},\n ])\n }\n })\n .catch((err) => console.log(err))\n } else {\n let fileLink =\n data.file &&\n (data.file.includes('http://') || data.file.includes('https://'))\n ? data.file\n : 'https://' + data.file\n if (![undefined, null, ''].includes(data.file)) {\n setMaterials((prevMaterial) => [\n ...prevMaterial,\n {...data, file: fileLink},\n ])\n }\n }\n })\n }\n\n const getProfessionalContentData = async (id, isMounted) => {\n try {\n const result = await getProfessionalContent(\n id,\n [undefined, null, false].includes(externalVademecum) ? 0 : 1,\n isProHash === true ? 1 : 0,\n )\n\n if (result?.data?.length > 0 && isMounted) {\n await setProfessionalContentData(result.data)\n }\n if (result.data?.length > 1) {\n const dataLab = result?.data[2]\n if (dataLab.type === 'laboratory_contact' && dataLab.content !== null)\n props.setContactLaboratory(dataLab.content)\n }\n /* if (result?.data) */\n } catch (error) {\n console.log(error)\n }\n }\n\n const getBioequivalentsProducts = async (product_id) => {\n try {\n let bioProducts = await getBioequivalents(product_id)\n if (bioProducts?.data) {\n setBio(bioProducts?.data)\n }\n } catch (error) {\n console.log(error)\n }\n }\n\n // Setters\n const setProfessionalContentData = async (data) => {\n if (data.length > 0) {\n for (const item of data) {\n if (item.content) {\n switch (item.type) {\n case 'video':\n let link = await getS3File(\n item.content.video,\n process.env.REACT_APP_BUCKETS_DESIGN,\n )\n let url = link.data?.url\n if (url) {\n setVideo(link)\n }\n break\n case 'medical_sample':\n setMedicalSample(item.content.medical_samples_form)\n break\n case 'laboratory_contact':\n setLabContact({\n phone: item.content.laboratory_phone,\n email: item.content.laboratory_email,\n logo: item.content.laboratory_logo,\n })\n break\n case 'clinical_study':\n getStudies(item)\n break\n case 'material':\n if (item.content) getMaterials(item)\n break\n case 'program':\n let programs = []\n item.content.forEach((data) => {\n let flag = false\n // checking if a file has a null file link\n for (let i = 0; i < data.program.file?.length; i++) {\n if (\n !['', undefined, null].includes(\n data.program.file[i].file_link,\n )\n ) {\n flag = true\n break\n }\n }\n programs.push({\n ...data.program,\n file: flag ? data.program.file : null,\n })\n })\n setPatientPrograms(programs)\n break\n default:\n break\n }\n }\n }\n }\n }\n\n function onContactLab() {\n setModalLaboratory(true)\n }\n\n function copyCodeToClipboard() {\n logEvent('Item Copied', {\n 'Item Type': 'Yapp Benefit Code',\n 'Element Copied': props.professionalDiscountCode.code,\n })\n const tempInput = document.createElement('input')\n tempInput.value = props.professionalDiscountCode.code\n document.body.appendChild(tempInput)\n tempInput.select()\n document.execCommand('copy')\n document.body.removeChild(tempInput)\n setStateToasts(true)\n }\n\n function closeDiscountModal() {\n setSendDiscountIsOpen(false)\n }\n\n function materialCheck(type, data) {\n logEvent('Material Checked', {\n 'Material Type': type,\n 'Origin Material': 'Medication Sheet',\n 'Material Id': data?.materialId,\n 'Material Name': data?.materialName,\n 'Product Id': productId,\n 'Product Name': appState?.data?.product_name,\n 'Lab Id': props.contactLaboratory?.laboratory_id,\n 'Lab Name': appState.data?.laboratory_name,\n })\n }\n function goBack() {\n history.goBack()\n }\n\n return (\n <>\n {props.children}
\n Programa
\n\n {currentProgram?.program_title}\n
\n\n
\n \n {currentProgram?.program_description}\n {/*[breve texto dinámico descripción del programa por parte del laboratorio ] máximo 9 líneas de texto*/}\n
\n\n openSendMailModal(currentProgram)}>\n {' '}\n Enviar correo a paciente\n \n {hasProgramFiles && (\n downloadProgram(currentProgram)}>\n {' '}\n Descargar programa\n \n )}\n
\n \n \n {appState?.loading ? (\n
\n \n \n
\n ) : (\n <>\n \n En breve verás tu búsqueda\n
\n\n {id && (\n <>\n
\n \n )}\n \n
\n {appState?.data && (\n \n
\n \n \n \n \n Volver\n
\n \n {props.children}\n
\n \n \n
\n \n \n )\n}\n\nexport default CardInteracion\n","import React, {useState, useEffect} from 'react'\nimport {useHistory} from 'react-router-dom'\nimport CardInteracion from '../../Components/CardInteraction/CardInteracion'\nimport {_formatPrice} from '../../Utils/tools'\n\nimport productImg from '../../assets/img/prescription.png'\nimport {logEvent} from '../../Utils/utils'\n\nfunction PriceFinderResult() {\n const history = useHistory()\n const [loading, setLoading] = useState(true)\n\n const bio = history.location.state.bio\n const path = history.location.state.path\n\n useEffect(() => {\n setLoading(false)\n }, [])\n\n function goBack() {\n history.goBack()\n }\n\n const onClickOption = (productId, product) => {\n let currPath = path.split('/')[2]\n\n logEvent(\n currPath === 'price_finder_detail'\n ? 'Price Finder Checked'\n : 'Medication Sheet Checked',\n {\n Origin: 'Bioequivalent',\n 'Product Id': productId,\n 'Product Name': product?.product_name,\n 'Lab Name': product?.laboratory_name,\n },\n )\n history.push(`/pro/medication-sheet/${productId}`, {\n isProduct: product.product_id,\n product: product,\n })\n }\n\n return (\n <>\n {process.env.REACT_APP_CLIENT_NAME !== 'UC Christus' && (\n \n
\n )}\n \n
\n \n \n \n \n Volver\n
\n \n
\n \n )\n}\n\nexport default PriceFinderResult\n","import {useEffect} from 'react'\nimport {useHistory} from 'react-router-dom'\n\nfunction LegalList(props) {\n const history = useHistory()\n\n useEffect(() => {}, [])\n\n function clickElement(item) {\n if (item.link) {\n return window.open(item.link)\n } else if (item.phone) {\n return\n } else {\n history.push('/legal/' + item?.name, {item})\n }\n }\n\n function onLoad(info) {\n // console.log(info.target.parentElement.querySelector('iframe'))\n }\n\n return (\n <>\n {props.data && !props.data?.link ? (\n \n
\n \n
\n Alternativas similares
\n\n {bio?.map((item, key) => (\n onClickOption(item?.product_id, item)}>\n
\n \n
\n \n
\n \n ))}\n \n {item?.product_name}{' '}\n
\n\n {item?.formula_name}\n
\n\n {item?.presentation}\n
\n\n {item?.laboratory_name}\n
\n {['/pro/price_finder_detail'].includes(path) && (\n\n Desde: {_formatPrice(item.price_from)}\n
\n )}\n\n {props.title ? (\n
\n ) : (\n <>\n {/** {props.title}
\n ) : null}\n- \n {props.data?.items &&\n props.data?.items.map((item, key) => (\n
\n {item.image && (\n
\n \n 
\n
\n )}\n \n {item.name && item.phone ? (\n \n {`${item.name} (${item.phone})`}\n \n ) : (\n item.name\n )}\n
\n \n \n
\n \n ))}\n