\r\n \r\n this.props.subscribedHandleSelect(\r\n index,\r\n \"cajaCategory\",\r\n type,\r\n value\r\n )\r\n }\r\n >\r\n {categoria.map((cajaCategory) => {\r\n return (\r\n \r\n {cajaCategory.CSTituloCategoriaText}\r\n \r\n );\r\n })}\r\n \r\n {this.props.popovers[\"CategoriaCaja\"] && (\r\n \r\n \r\n \r\n )}\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n {\r\n this.props.planvital\r\n ? this.showMessagesPlanVital()\r\n : this.props.subscribedHandleSwitch(\r\n index,\r\n false,\r\n \"eps\",\r\n type\r\n );\r\n }}\r\n >\r\n No\r\n
\r\n \r\n \r\n this.props.subscribedHandleSwitch(\r\n index,\r\n true,\r\n \"eps\",\r\n type\r\n )\r\n }\r\n >\r\n Si\r\n
\r\n \r\n \r\n );\r\n });\r\n return subscribed;\r\n }\r\n\r\n handleFormSubmit(e) {\r\n e.preventDefault();\r\n console.log(\"enter...\");\r\n }\r\n\r\n showMessagesPlanVital() {\r\n this.refs.messagePlanvital.handleShow();\r\n }\r\n\r\n render() {\r\n let categoria = this.props.planvital\r\n ? this.props.options.cajaCategories.filter(\r\n (item) =>\r\n item.CSTituloCategoriaText === \"A\" ||\r\n item.CSTituloCategoriaText === \"B\"\r\n )\r\n : this.props.options.cajaCategories;\r\n let loginURL = \"\";\r\n if (Object.keys(this.props.configurations).length) {\r\n loginURL = this.tools.getLoginURL(this.props.configurations[\"FBA_CLAIM\"]);\r\n }\r\n return (\r\n
\r\n \r\n Si tienes un usuario y contraseña Compensar{\" \"}\r\n Inicia Sesión para una respuesta más detallada\r\n y para poder iniciar tu compra.\r\n
\r\n \r\n Ingresa el número de personas a cotizar por grupo de edad\r\n
\r\n\r\n {this.props.configurations[\"TextoIntroductorioSubSección\"]}\r\n
\r\n\r\n
\r\n \r\n \r\n
\r\n {!this.props.planvital ? (\r\n \r\n \r\n {this.props.form.lessthan60.value}\r\n \r\n
\r\n \r\n \r\n this.calculator(\"lessthan60\", \"remove\", event)\r\n }\r\n disabled={\r\n this.props.form.lessthan60.value == 0 ||\r\n (this.props.form.lessthan60.value == 1 &&\r\n this.props.form.includeMe.value &&\r\n !this.props.form.isOlder.value)\r\n }\r\n >\r\n -\r\n \r\n \r\n this.calculator(\"lessthan60\", \"add\", event)\r\n }\r\n >\r\n +\r\n \r\n
\r\n \r\n \r\n
\r\n ) : null}\r\n\r\n \r\n \r\n {this.props.form.morethan60.value}\r\n \r\n \r\n \r\n \r\n )}\r\n
\r\n \r\n \r\n this.calculator(\"morethan60\", \"remove\", event)\r\n }\r\n disabled={\r\n this.props.form.morethan60.value == 0 ||\r\n (this.props.form.morethan60.value == 1 &&\r\n this.props.form.includeMe.value &&\r\n this.props.form.isOlder.value)\r\n }\r\n >\r\n -\r\n \r\n \r\n this.calculator(\"morethan60\", \"add\", event)\r\n }\r\n >\r\n +\r\n \r\n
\r\n {this.props.popovers && this.props.popovers[\"Mayores\"] && (\r\n \r\n Señor usuario, la cotización solo se realizará para un número\r\n máximo de 20 afiliados\r\n
\r\nDatos del interesado
\r\n \r\n \r\n\r\n
\r\n \r\n \r\n Limpiar todos los datos\r\n \r\n
\r\n {this.props.options.advancedOptions && (\r\n \r\n {this.props.configurations[\"IngresaDatosBeneficiarios\"]}\r\n
\r\n )}\r\nAfiliados Menores de 60 años
\r\n {this.getSubscribed(\"lessthan60\")}\r\n {!this.props.planvital ? (\r\nAfiliados Mayores de 60 años
\r\n ) : null}\r\n {this.getSubscribed(\"morethan60\")}\r\n\r\n IMPORTANTE: {this.props.configurations[\"Importante\"]}\r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nfunction NextArrow(props) {\r\n const { className, style, onClick } = props;\r\n return (\r\n \r\n );\r\n}\r\n\r\nfunction PrevArrow(props) {\r\n const { className, style, onClick } = props;\r\n return (\r\n \r\n\r\n );\r\n}\r\n\r\n/******************** BUILD ********************/\r\nconst DropdownButton = ReactBootstrap.DropdownButton;\r\nconst MenuItem = ReactBootstrap.MenuItem;\r\n/******************** BUILD ********************/\r\n\r\n","import EnviarSimulacionFormulario from \"./enviarSimulacionFormulario\";\r\n\r\nexport default class EnviarSimulacionModal extends React.Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.handleHide = this.handleHide.bind(this);\r\n this.handleShow = this.handleShow.bind(this);\r\n\r\n this.state = {\r\n showModal: false\r\n };\r\n\r\n }\r\n\r\n handleHide() {\r\n this.setState({ showModal: false });\r\n this.props.showCotizador(event);\r\n }\r\n\r\n handleShow() {\r\n this.setState({ showModal: true });\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n {this.state.container ?\r\n
\r\n \r\n \r\n
\r\n :\r\n \r\n }\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\n/******************** BUILD ********************/\r\nconst Modal = ReactBootstrap.Modal;\r\n/******************** BUILD ********************/\r\n\r\n","import EnviarSimulacionModal from \"./enviarSimulacionModal\";\r\nimport Mensajes from \"./mensajes\";\r\n\r\nexport default class CotizarResumen extends React.Component {\r\n constructor() {\r\n super();\r\n\r\n this.state = {\r\n summaryDetailsExpanded: false,\r\n scrollY: 0,\r\n panelTopBeneficies: 0,\r\n initialStickyPanel: 83,\r\n initialStickyPanelOldDesktop: 113,\r\n initialTopPanel: 404,\r\n overlayTriggerPlacement: 'right',\r\n showError: false\r\n }\r\n\r\n this.showModal = this.showModal.bind(this);\r\n this.startShopping = this.startShopping.bind(this);\r\n this.changePanelStatus = this.changePanelStatus.bind(this);\r\n this.numberWithDots = this.numberWithDots.bind(this);\r\n this.getSummary = this.getSummary.bind(this);\r\n this.getElementOffset = this.getElementOffset.bind(this);\r\n this.showCotizador = this.showCotizador.bind(this);\r\n }\r\n\r\n numberWithDots(value) {\r\n return (value).toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, '.');\r\n }\r\n\r\n UrlCatcher() {\r\n var ultimaPosicion = window.location.pathname.split(\"/\");\r\n var nivelAnterior = ultimaPosicion.slice(ultimaPosicion.length - 1);\r\n var text = \"\";\r\n nivelAnterior.forEach((item) => {\r\n text = text + \"/\" + item;\r\n });\r\n return decodeURI(text).slice(1);\r\n }\r\n\r\n showModal() {\r\n let userInfoCheck = compTools.obtenerInformacionUsuario();\r\n\r\n dataLayer.push({\r\n event: \"cotizacion_plan\",\r\n user_id: userInfoCheck.Nautcli,\r\n log_status: \"true\",\r\n login_type: userInfoCheck.TipoIdentificacion == 2 ? \"Empresas\" : \"Personas\",\r\n affiliation: \"Salud\",\r\n bread_crumbs: this.UrlCatcher(),\r\n step: \"Paso 2\",\r\n option: this.props.planvital ? \"Cotiza Plan Vital\" : \"Cotiza Plan Complementario Especial\",\r\n action: \"Enviar Información\"\r\n })\r\n\r\n this.props.handleSubmit(() => {\r\n this.refs.modal.handleShow();\r\n });\r\n }\r\n\r\n startShopping(event) {\r\n event.preventDefault();\r\n let userInfoCheck = compTools.obtenerInformacionUsuario();\r\n\r\n dataLayer.push({\r\n event: \"cotizacion_plan\",\r\n user_id: userInfoCheck.Nautcli,\r\n log_status: \"true\",\r\n login_type: userInfoCheck.TipoIdentificacion == 2 ? \"Empresas\" : \"Personas\",\r\n affiliation: \"Salud\",\r\n bread_crumbs: this.UrlCatcher(),\r\n step: \"Paso 2\",\r\n option: this.props.planvital ? \"Cotiza Plan Vital\" : \"Cotiza Plan Complementario Especial\",\r\n action: \"Inicia tu Compra\"\r\n })\r\n /* \r\n Register click for security matters. \r\n This service doesnt reply anything and won't change any other proccess\r\n */\r\n const registerClickService = new ServicioProxy('RegistraUltimoClic?ultimoclic=iniciacompra', 'ServicioConsorcio.svc');\r\n\r\n registerClickService.getElements('POST', {})\r\n .then(response => {\r\n window.location.href = _spPageContextInfo.webAbsoluteUrl + this.props.configurations['UrlPasoCeroClliente'];\r\n })\r\n .catch(error => {\r\n this.setState({ showError: true });\r\n setTimeout(() => this.refs.generalErrorModal.handleShow(), 0);\r\n })\r\n\r\n }\r\n\r\n changePanelStatus(expanded) {\r\n this.setState({ summaryDetailsExpanded: expanded });\r\n }\r\n\r\n getElementOffset(el) {\r\n const rect = el.getBoundingClientRect();\r\n\r\n return {\r\n top: rect.top + window.pageYOffset,\r\n left: rect.left + window.pageXOffset,\r\n bottom: rect.bottom + window.pageYOffset,\r\n };\r\n }\r\n\r\n resetPanelFloat() {\r\n // const simulationFormBox = document.getElementById('box-cotizar');\r\n // const topSimulationForm = this.getElementOffset(simulationFormBox).top;\r\n // const summaryPanel = document.getElementById('cotizar-summary');\r\n // const footerPanelTop = this.getElementOffset(document.getElementById('beneficios')).top; \r\n // this.setState({panelTopBeneficies: footerPanelTop})\r\n\r\n // return {\r\n // simulationFormBox: simulationFormBox,\r\n // topSimulationForm: topSimulationForm,\r\n // summaryPanel: summaryPanel,\r\n // footerPanelTop: footerPanelTop\r\n // }\r\n }\r\n\r\n setPanel = (top, position) => {\r\n // const summaryPanel = this.resetPanelFloat().summaryPanel;\r\n // summaryPanel.style[\"top\"] = top + 'px';\r\n // summaryPanel.style[\"position\"] = position;\r\n }\r\n\r\n handleScroll = () => {\r\n // const simulationFormBox = this.resetPanelFloat().simulationFormBox.offsetHeight;\r\n // const summaryPanel = this.resetPanelFloat().summaryPanel;\r\n // const panelHeight = document.getElementById('cotizar-summary').offsetHeight;\r\n // const scrolltop = window.scrollY + panelHeight;\r\n // const footerPanelTop = this.resetPanelFloat().footerPanelTop;\r\n // const topSimulationForm = this.resetPanelFloat().topSimulationForm;\r\n\r\n // this.setState({ scrollY: window.scrollY});\r\n\r\n // if (screen.width >= 992 && this.ieVersion() === 0) {\r\n // if( this.state.scrollY > 306) {\r\n // this.setPanel(0, 'absolute');\r\n // if(scrolltop + this.state.initialStickyPanel < this.state.panelTopBeneficies) {\r\n // this.setPanel( this.state.initialStickyPanel, 'fixed');\r\n // } else {\r\n // this.setPanel( this.state.panelTopBeneficies - panelHeight - this.state.initialTopPanel, 'relative');\r\n // } \r\n // } else {\r\n // summaryPanel.style[\"position\"] = 'relative';\r\n // summaryPanel.style[\"top\"] = 0;\r\n // }\r\n // } else if (screen.width === 1024 && screen.height === 768 && this.ieVersion() === 0) {\r\n // if( this.state.scrollY > 306) {\r\n // this.setPanel(0, 'absolute');\r\n // if(scrolltop + this.state.initialStickyPanel < this.state.panelTopBeneficies - 30) {\r\n // this.setPanel( this.state.initialStickyPanelOldDesktop, 'fixed');\r\n // } else {\r\n // this.setPanel( this.state.panelTopBeneficies - panelHeight - this.state.initialTopPanel - 18, 'relative');\r\n // } \r\n // } else {\r\n // summaryPanel.style[\"position\"] = 'relative';\r\n // summaryPanel.style[\"top\"] = 0;\r\n // }\r\n // } else{\r\n // this.setState({ overlayTriggerPlacement: 'top' });\r\n // summaryPanel.style[\"position\"] = 'relative';\r\n // summaryPanel.style[\"top\"] = 0;\r\n // }\r\n }\r\n renderErrorModal() {\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n {this.state.showError && this.renderErrorModal()}\r\n {!this.props.planvital ?\r\n
\r\n );\r\n }\r\n\r\n getStartPurchaseButtonMessage(message) {\r\n return \r\n
\r\n : null}\r\n {!this.props.planvital ?\r\n \r\n
\r\n \r\n Descuento por EPS\r\n
\r\n \r\n $ {this.numberWithDots(this.props.summary.epsDiscount)}\r\n
\r\n \r\n
\r\n \r\n Descuento por Caja de compensación\r\n
\r\n \r\n $ {this.numberWithDots(this.props.summary.cajaDiscount)}\r\n
\r\n \r\n
\r\n : null\r\n }\r\n \r\n
\r\n \r\n {this.props.summary.lessthan60quantity} Afiliados
Menores de 60\r\n
\r\n Menores de 60\r\n
\r\n $ {this.numberWithDots(this.props.summary.lessthan60total)}\r\n
\r\n \r\n
\r\n \r\n {this.props.summary.morethan60quantity} Afiliados
Mayores de 60\r\n
\r\n Mayores de 60\r\n
\r\n $ {this.numberWithDots(this.props.summary.morethan60total)}\r\n
\r\n \r\n \r\n
;\r\n } else {\r\n component = \r\n }\r\n\r\n return component;\r\n }\r\n\r\n showCotizador(event) {\r\n this.props.showCotizador(event);\r\n }\r\n\r\n render() {\r\n return (\r\n {this.props.configurations['MensajeValidacionAutogestionSimulador']}
\r\n\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\n\r\n/******************** BUILD ********************/\r\nlet Panel = ReactBootstrap.Panel;\r\nlet PanelGroup = ReactBootstrap.PanelGroup;\r\nlet Modal = ReactBootstrap.Modal;\r\nlet Popover = ReactBootstrap.Popover;\r\nlet OverlayTrigger = ReactBootstrap.OverlayTrigger;\r\n/******************** BUILD ********************/\r\n\r\n","\r\n\r\nexport default class AlertModal extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.handleHide = this.handleHide.bind(this);\r\n this.handleShow = this.handleShow.bind(this);\r\n\r\n this.state = {\r\n showModal: this.props.showModal === undefined ? true : this.props.showModal\r\n // this.props.showModal === undefined ? true : this.props.showModal\r\n };\r\n }\r\n\r\n handleHide() {\r\n this.setState({ showModal: false });\r\n this.props.handleHide(false);\r\n }\r\n\r\n handleShow() {\r\n this.setState({ showModal: this.props.showModal });\r\n }\r\n\r\n componentWillReceiveProps(props) {\r\n this.setState({ showModal: props.showModal });\r\n }\r\n\r\n render() {\r\n return (\r\n cargando...
\r\n
\r\n Precio Mensual Desde
\r\n\r\n ${this.numberWithDots(this.props.summary.monthlyFare)}\r\n
\r\n\r\n {this.getSummary()}\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {this.props.planvital ? \"TOTAL MES \" : \"TOTAL AÑO \"}
{this.props.summary.totalQuantity} Afiliados\r\n
\r\n {this.props.summary.totalQuantity} Afiliados\r\n
\r\n $ {this.numberWithDots(this.props.summary.total)}\r\n
\r\n \r\n \r\n this.changePanelStatus(expanded)}>\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n {this.getSummary()}\r\n \r\n \r\n \r\n
\r\n | \r\n | Plan complementario Valor total anual | \r\n $ {this.numberWithDots(this.props.summary.total)} | \r\n
\r\n IMPORTANTE: {this.props.configurations['Importante']}\r\n
\r\n \r\n {this.props.configurations['IniciarCompraLinkCSVisibleBool'] && (\r\n
\r\n \r\n {this.renderPurchaseComponent()}\r\n \r\n
\r\n )}\r\n \r\n \r\n \r\n \r\n {this.props.title}\r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst Modal = ReactBootstrap.Modal;\r\nconst Button = ReactBootstrap.Button;","import AlertModal from \"./alertModal\";\r\nimport Tools from \"../../../base/components/tools\";\r\n\r\nexport default class FormularioEntrada extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.pnpService = new ServicioPnp();\r\n this.tools = new Tools();\r\n\r\n this.state = {\r\n form: {\r\n fullName: { error: \"\", valid: \"\", value: \"\" },\r\n identificationType: { error: \"\", valid: \"\", value: \"Seleccione un documento\", sigla: \"\" },\r\n identificationNumber: { error: \"\", valid: \"\", value: \"\" },\r\n phone: { error: \"\", valid: \"\", value: \"\" },\r\n email: { error: \"\", valid: \"\", value: \"\" },\r\n confirmEmail: { error: \"\", valid: \"\", value: \"\" },\r\n isContacted: { error: \"\", valid: \"\", value: \"\" },\r\n confirmPersonalData: { error: \"\", valid: \"\", value: true },\r\n confirmEmailMessage: { error: \"\", valid: \"\", value: true },\r\n confirmTextMessage: { error: \"\", valid: \"\", value: true }\r\n },\r\n isSubmitted: false,\r\n typeDocList: [],\r\n isDisabled: true,\r\n formIsValid: false,\r\n politicaTratamientoDatos: null,\r\n showModal: false,\r\n showModalPlanVital: false\r\n };\r\n\r\n this.errorMessages = {\r\n required: 'es requerido',\r\n maxlength: 'ha excedido del valor maximo permitido',\r\n email: 'Por favor ingrese una dirección de correo',\r\n equalTo: 'No es igual al correo personal',\r\n number: 'solo permite números',\r\n isEmailRequired: 'es requerida',\r\n minlength: 'debe contener un mínimo de 10 dígitos',\r\n alphanumeric: 'No permite caracteres especiales'\r\n }\r\n\r\n this.setRulesForm = this.setRulesForm.bind(this);\r\n this.saludValidaciones = new SaludValidaciones(this.state.form, this.setRulesForm());\r\n this.handleInputChange = this.handleInputChange.bind(this);\r\n this.handleSelect = this.handleSelect.bind(this);\r\n this.handleSubmit = this.handleSubmit.bind(this);\r\n this.handleBlur = this.handleBlur.bind(this);\r\n this.handleFocus = this.handleFocus.bind(this);\r\n this.getDocType = this.getDocType.bind(this);\r\n this.setCursorAtBegin = this.setCursorAtBegin.bind(this);\r\n this.validateForm = this.validateForm.bind(this);\r\n this.removeEmojis = this.removeEmojis.bind(this);\r\n this.removeNonLetters = this.removeNonLetters.bind(this);\r\n this.removeLetters = this.removeLetters.bind(this);\r\n\r\n $(window).keyup((e) => {\r\n var code = (e.keyCode ? e.keyCode : e.which);\r\n if (code == 9 && $('#confirmEmail:focus').length && $('#confirmEmail').val() == '@') {\r\n const input = document.getElementById(\"confirmEmail\");\r\n input.setSelectionRange(0, 0);\r\n }\r\n });\r\n }\r\n\r\n componentDidMount() {\r\n this.pnpService.getList('tiposDocumento', (list) => {\r\n this.setState({ typeDocList: list }, (() => {\r\n }));\r\n });\r\n this.pnpService.getListByTitle('AdministracionTerminosCondiciones', (item) => {\r\n let planComplementario = item.filter(item => item.Funcionalidad == \"TerminosCotizadorPlanComplementario\");\r\n let planVital = item.filter(item => item.Funcionalidad == \"TerminosCotizadorPlanVital\");\r\n this.setState({ politicaTratamientoDatos: planComplementario[0], politicaTratamientoDatosPlanVital: planVital[0] });\r\n }, \"\", \"TerminosCondiciones\", \"Title\", \"Funcionalidad\");\r\n }\r\n\r\n componentWillReceiveProps(props) {\r\n const showModalPlanVital = props.showModalPlanVital;\r\n const name = { ...this.state.form }; name.fullName.value = props.form.name.value;\r\n const email = { ...this.state.form }; email.email.value = props.form.email.value;\r\n const identificationType = { ...this.state.form }; identificationType.identificationType.value = props.form.identificationType.value;\r\n const identificationTypeSigla = { ...this.state.form }; identificationType.identificationType.sigla = props.form.identificationType.sigla;\r\n const identificationNumber = { ...this.state.form }; identificationNumber.identificationNumber.value = props.form.identificationNumber.value;\r\n const phone = { ...this.state.form }; phone.phone.value = props.form.phone.value;\r\n this.setState({ form: name, form: email, form: identificationType, form: identificationTypeSigla, form: identificationNumber, form: phone, showModalPlanVital })\r\n // this.setState({ form: props.form });\r\n }\r\n\r\n\r\n getDocType(docType) {\r\n if (docType !== 'Seleccionar') {\r\n const typeDocList = this.state['typeDocList'];\r\n let typeDoc = typeDocList.find(elem => elem.CSDocumentoIdentidadText === docType || elem.CSIdDocumentoText === docType);\r\n return typeDoc.CSSiglaText;\r\n } else {\r\n return null;\r\n }\r\n\r\n }\r\n\r\n UrlCatcher() {\r\n var ultimaPosicion = window.location.pathname.split(\"/\");\r\n var nivelAnterior = ultimaPosicion.slice(ultimaPosicion.length - 1);\r\n var text = \"\";\r\n nivelAnterior.forEach((item) => {\r\n text = text + \"/\" + item;\r\n });\r\n return decodeURI(text).slice(1);\r\n }\r\n\r\n setRulesForm() {\r\n const email = this.state.form.email.value;\r\n const rules = {\r\n fullName: {\r\n required: true,\r\n maxlength: 105\r\n },\r\n email: {\r\n email: true\r\n },\r\n confirmEmail: {\r\n email: true,\r\n equalTo: (value) => {\r\n return value.trim().toLowerCase() === this.state.form.email.value.trim().toLowerCase() && this.state.form.email.value.trim().toLowerCase();\r\n },\r\n required: () => {\r\n return this.state.form.email.value;\r\n }\r\n },\r\n identificationNumber: {\r\n maxlength: 60,\r\n required: true,\r\n alphanumeric: (value) => {\r\n return /^[ _]*[a-zA-Z0-9 áéíóúÁÉÍÓÚñÑ]*$/.test(value) && value.trim() != '';\r\n }\r\n },\r\n identificationType: {\r\n required: true\r\n },\r\n phone: {\r\n required: true,\r\n maxlength: 10,\r\n number: true,\r\n minlength: 10\r\n }\r\n };\r\n return rules;\r\n }\r\n\r\n handleInputChange(event) {\r\n if (event) {\r\n const target = event.target;\r\n const value = target.type === 'checkbox' ? target.checked : target.value;\r\n if (target.name === 'fullName') {\r\n let nameValidated = this.removeEmojis(value);\r\n nameValidated = this.removeNonLetters(value);\r\n const name = target.name;\r\n let FormValues = this.state.form;\r\n FormValues[name].value = nameValidated;\r\n this.setState({\r\n form: FormValues\r\n }, () => { this.validateForm(); });\r\n }\r\n else if (target.name === 'identificationNumber' || target.name === 'phone') {\r\n let idValidated = this.removeLetters(value);\r\n const name = target.name;\r\n let FormValues = this.state.form;\r\n FormValues[name].value = idValidated;\r\n this.setState({\r\n form: FormValues\r\n }, () => { this.validateForm(); });\r\n }\r\n else {\r\n const name = target.name;\r\n let FormValues = this.state.form;\r\n FormValues[name].value = value;\r\n this.setState({\r\n form: FormValues\r\n }, () => { this.validateForm(); });\r\n }\r\n }\r\n this.handleBlur(event)\r\n }\r\n\r\n handleSelect(item) {\r\n let FormValues = this.state.form;\r\n FormValues['identificationType'].value = item.CSDocumentoIdentidadText;\r\n let IdSigla = this.state.form;\r\n IdSigla['identificationType'].sigla = item.CSSiglaText;\r\n IdSigla['identificationType'].id = item.CSIdDocumentoText\r\n this.setState({\r\n form: FormValues, form: IdSigla\r\n }, () => { this.validateForm(); });\r\n }\r\n\r\n handleSubmit(event, boolean) {\r\n let userInfoCheck = compTools.obtenerInformacionUsuario();\r\n event.preventDefault();\r\n dataLayer.push({\r\n event: \"cotizacion_plan\",\r\n user_id: userInfoCheck.Nautcli,\r\n log_status: \"true\",\r\n login_type: userInfoCheck.TipoIdentificacion == 2 ? \"Empresas\" : \"Personas\",\r\n affiliation: \"Salud\",\r\n bread_crumbs: this.UrlCatcher(),\r\n step: \"Paso 1\",\r\n option: \"Cotiza Plan Complementario Especial\"\r\n })\r\n this.props.updateState(this.state.form, 2);\r\n }\r\n\r\n handlePlanVital() {\r\n let userInfoCheck = compTools.obtenerInformacionUsuario();\r\n dataLayer.push({\r\n event: \"cotizacion_plan\",\r\n user_id: userInfoCheck.Nautcli,\r\n log_status: \"true\",\r\n login_type: userInfoCheck.TipoIdentificacion == 2 ? \"Empresas\" : \"Personas\",\r\n affiliation: \"Salud\",\r\n bread_crumbs: this.UrlCatcher(),\r\n step: \"Paso 1\",\r\n option: \"Cotiza Plan Vital\"\r\n })\r\n this.setState({ showModalPlanVital: true });\r\n }\r\n\r\n handleBlur(event, elementId) {\r\n let currentForm = JSON.parse(JSON.stringify(this.state.form));\r\n let element = event.target;\r\n this.saludValidaciones.validateField(element, currentForm);\r\n this.setState({ form: currentForm }, () => { this.validateForm(); });\r\n }\r\n\r\n handleFocus(event) {\r\n let currentForm = JSON.parse(JSON.stringify(this.state.form));\r\n if (!event.target.value) {\r\n currentForm[event.target.id].value = '@';\r\n this.setCursorAtBegin();\r\n }\r\n this.setState({ form: currentForm });\r\n }\r\n\r\n setCursorAtBegin() {\r\n let currentForm = JSON.parse(JSON.stringify(this.state.form));\r\n if (currentForm['email'].value == '@') {\r\n const input = document.getElementById(\"email\");\r\n input.setSelectionRange(0, 0);\r\n // this.validateForm()\r\n } else if (currentForm['confirmEmail'].value == '@') {\r\n const input = document.getElementById(\"confirmEmail\");\r\n input.setSelectionRange(0, 0);\r\n }\r\n currentForm.confirmEmail.value.toLowerCase() == currentForm.email.value.toLowerCase() ? currentForm.confirmEmail.valid = true : currentForm.confirmEmail.valid = false\r\n this.setState({ form: currentForm })\r\n this.validateForm()\r\n }\r\n\r\n removeEmojis(string) {\r\n const regex = /([\\uD800-\\uDBFF][\\uDC00-\\uDFFF])/g;\r\n return string.replace(regex, '');\r\n }\r\n\r\n removeNonLetters(string) {\r\n const regex = /[^a-zA-Z\\s]/gi;\r\n return string.replace(regex, '');\r\n }\r\n\r\n removeLetters(string) {\r\n const regex = /\\D+/g;\r\n return string.replace(regex, '');\r\n }\r\n\r\n validateForm() {\r\n if (\r\n this.state.form.confirmEmail.value.toLowerCase() == this.state.form.email.value.toLowerCase() &&\r\n this.state.form.confirmEmailMessage.value === true &&\r\n this.state.form.confirmPersonalData.value === true &&\r\n this.state.form.confirmTextMessage.value === true &&\r\n this.state.form.email.valid === true && this.state.form.email.value !== '@' && this.state.form.email.value !== '' &&\r\n this.state.form.phone.valid === true && this.state.form.phone.value !== \"\" &&\r\n this.state.form.fullName.valid === true && this.state.form.fullName.value !== \"\" &&\r\n this.state.form.identificationNumber.valid === true && this.state.form.identificationNumber.value !== \"\" &&\r\n this.state.form.identificationType.valid === true && this.state.form.identificationType.value !== \"\" && this.state.form.identificationType.value !== 'Seleccione un docuemnto'\r\n ) {\r\n this.setState({ formIsValid: true });\r\n } else {\r\n this.setState({ formIsValid: false });\r\n }\r\n }\r\n\r\n handleHide(boolean) {\r\n this.setState({ showModal: boolean, showModalPlanVital: false })\r\n }\r\n\r\n innerHtml(title) {\r\n return { __html: title }\r\n }\r\n\r\n render() {\r\n let loginURL = '';\r\n if (Object.keys(this.props.configurations).length) {\r\n loginURL = this.tools.getLoginURL(this.props.configurations['FBA_CLAIM']);\r\n }\r\n return (\r\n \r\n
\r\n \r\n {this.props.msg}\r\n
\r\n \r\n {this.state.showModal == true ?\r\n {\r\n this.handleHide.bind(this)\r\n this.props.updateState(this.state.form, 3);\r\n }}\r\n msg={}\r\n title={}\r\n />\r\n : null}\r\n
\r\n );\r\n }\r\n}\r\nconst DropdownButton = ReactBootstrap.DropdownButton;\r\nconst MenuItem = ReactBootstrap.MenuItem;","import CotizarFormulario from './cotizarFormulario';\r\nimport CotizarResumen from './cotizarResumen';\r\nimport Mensajes from './mensajes';\r\nimport FormularioEntrada from './formularioEntrada';\r\n\r\nexport default class Cotizar extends React.Component {\r\n constructor() {\r\n super();\r\n this.state = {\r\n form: {\r\n lessthan60: { value: 0 },\r\n morethan60: { value: 0 },\r\n name: { value: '' },\r\n email: { value: '' },\r\n identificationType: { value: 'Seleccione un documento' },\r\n identificationNumber: { value: '' },\r\n phone: { value: '' },\r\n caja: { value: true },\r\n cajaCategory: { value: '' },\r\n eps: { value: true },\r\n includeMe: { value: false },\r\n isValid: true\r\n },\r\n temporaryForm: {},\r\n subscribed: {\r\n lessthan60: [],\r\n morethan60: []\r\n },\r\n summary: {\r\n monthlyFare: 0,\r\n epsDiscount: 0,\r\n cajaDiscount: 0,\r\n iva: 0,\r\n lessthan60quantity: 0,\r\n lessthan60total: 0,\r\n morethan60quantity: 0,\r\n morethan60total: 0,\r\n totalQuantity: 0,\r\n total: 0\r\n },\r\n options: {\r\n cajaCategories: [],\r\n showWarning: false,\r\n loadingAuthUser: false,\r\n loadingSummary: false,\r\n isAuthenticated: false,\r\n advancedOptions: false,\r\n showFormularioEntrada: true,\r\n showCotizador: false,\r\n showPlanVital: false,\r\n component: 1,\r\n },\r\n tarifaPlanVital: 0,\r\n };\r\n\r\n this.rules = {\r\n name: {\r\n required: true,\r\n alphabetical: (value) => {\r\n return /^[a-zA-Z áéíóúÁÉÍÓÚñÑ]*$/.test(value) && value.trim() != '';\r\n }\r\n },\r\n email: {\r\n required: true,\r\n email: true\r\n },\r\n cajaCategory: {\r\n required: (value) => {\r\n return this.state.form.caja.value;\r\n }\r\n }\r\n };\r\n this.subscribedRules = JSON.parse(JSON.stringify(this.rules));\r\n delete this.subscribedRules.email;\r\n delete this.subscribedRules.name.required;\r\n\r\n this.saludValidaciones = new SaludValidaciones(this.state.form, this.rules);\r\n\r\n this.userMoreThan60 = null;\r\n this.advancedOptions = false;\r\n\r\n this.subscribedSaludValidaciones = {\r\n lessthan60: [],\r\n morethan60: []\r\n };\r\n this.summary = this.state.summary;\r\n this.categoriaCaja = \"\"\r\n this.calculator = this.calculator.bind(this);\r\n this.updateFormState = this.updateFormState.bind(this);\r\n this.updateOptionsState = this.updateOptionsState.bind(this);\r\n this.handleSubmit = this.handleSubmit.bind(this);\r\n this.subscribedHandleChange = this.subscribedHandleChange.bind(this);\r\n this.subscribedHandleSelect = this.subscribedHandleSelect.bind(this);\r\n this.subscribedHandleBlur = this.subscribedHandleBlur.bind(this);\r\n this.subscribedHandleSwitch = this.subscribedHandleSwitch.bind(this);\r\n this.subscribedCleanData = this.subscribedCleanData.bind(this);\r\n this.subscribedRemove = this.subscribedRemove.bind(this);\r\n this.subscribedCleanAll = this.subscribedCleanAll.bind(this);\r\n this.scrollTo = this.scrollTo.bind(this);\r\n this.getPopover = this.getPopover.bind(this);\r\n this.showMessages = this.showMessages.bind(this);\r\n this.updateState = this.updateState.bind(this);\r\n this.getLogedUserData = this.getLogedUserData.bind(this);\r\n this.showCotizadorAtCloseModal = this.showCotizadorAtCloseModal.bind(this);\r\n this.handleComponent = this.handleComponent.bind(this);\r\n this.showMessagesPlanVital = this.showMessagesPlanVital.bind(this); \r\n }\r\n\r\n componentDidMount = () => {\r\n const options = JSON.parse(JSON.stringify(this.state.options));\r\n const pnpService = new ServicioPnp();\r\n pnpService.getList('categoriasCaja', (list) => {\r\n options.cajaCategories = list;\r\n this.setState({ options });\r\n }, null, 'ID', 'CSTituloCategoriaText', 'CSDescripcionNote');\r\n const tarifaPlanVital = new ServicioProxy('ObtenerTarifaPlanVital');\r\n tarifaPlanVital.getElements('POST', {}).then(\r\n (result) => {\r\n const data = JSON.parse(result);\r\n this.setState({ tarifaPlanVital: data })\r\n }\r\n )\r\n setTimeout(() => {\r\n this.isAuthenticated();\r\n }, 500)\r\n }\r\n\r\n getLogedUserData(documentType, documentNumber) {\r\n // requestBody anterior:\r\n // const requestBody = {\r\n // \"TipoDocumento\": this.state.form.documentType.value,\r\n // \"NumeroDocumento\": this.state.form.documentNumber.value\r\n // }\r\n const requestBody = {\r\n \"TipoDocumento\": documentType,\r\n \"NumeroDocumento\": documentNumber\r\n }\r\n const userData = new ServicioProxy('ObtenerDatosUsuarioAutenticadoCotizador');\r\n userData.getElements('POST', requestBody).then((result) => {\r\n result = JSON.parse(result);\r\n this.setState({\r\n form: {\r\n ...this.state.form,\r\n name: { ...this.state.form.name, value: result.NombreCompleto },\r\n email: { ...this.state.form.email, value: result.Email },\r\n identificationType: { ...this.state.form.identificationType, value: result.TipoDocumento.Documento, sigla: result.TipoDocumento.Sigla },\r\n identificationNumber: { ...this.state.form.identificationNumber, value: result.NumeroDocumento },\r\n phone: { ...this.state.form.phone, value: result.Telefono }\r\n }\r\n })\r\n\r\n }).catch(error => {\r\n this.showMessages();\r\n });\r\n }\r\n\r\n showMessages() {\r\n this.refs.message.handleShow();\r\n compensar.quitarLoading(\".simulation-container\")\r\n }\r\n\r\n showMessagesPlanVital() {\r\n this.refs.messagePlanvital.handleShow();\r\n }\r\n\r\n isAuthenticated() {\r\n if (!compTools.autenticadoWindows() && compTools.estaAutenticado()) {\r\n const options = JSON.parse(JSON.stringify(this.state.options));\r\n options.loadingAuthUser = true;\r\n this.setState({ options });\r\n const authenticatedUser = compTools.obtenerInformacionUsuario();\r\n const userDataService = new ServicioProxy('GetSimulacionUsuario?tipoDocumento=' + (authenticatedUser.TipoIdentificacion) + '&numeroDocumento=' + (authenticatedUser.LegalID));\r\n userDataService.getElements('POST', {}).then((userData) => {\r\n userData = JSON.parse(userData);\r\n this.userMoreThan60 = userData.Interesado.MayorEdadDefinida;\r\n let newState = JSON.parse(JSON.stringify(this.state));\r\n newState.options.isAuthenticated = true;\r\n newState.options.loadingAuthUser = false;\r\n newState.form.lessthan60.value = !userData.Interesado.MayorEdadDefinida ? (newState.form.lessthan60.value + 1) : newState.form.lessthan60.value;\r\n newState.form.morethan60.value = userData.Interesado.MayorEdadDefinida ? (newState.form.morethan60.value + 1) : newState.form.morethan60.value;\r\n newState.form.name.value = userData.Interesado.Nombre;\r\n newState.form.email.value = userData.Interesado.CorreoElectronico ? userData.Interesado.CorreoElectronico.toLowerCase() : '';\r\n newState.form.caja.value = userData.Interesado.CajaCompensacionCompensar;\r\n newState.form.cajaCategory.value = userData.Interesado.Categoria.Titulo;\r\n newState.form.eps.value = userData.Interesado.EPSCompensar;\r\n newState.form.documentType = { value: userData.Interesado.TipoDeDocumento };\r\n newState.form.documentNumber = { value: userData.Interesado.NumeroDeDocumento };\r\n newState.form.age = { value: userData.Interesado.Edad };\r\n newState.form.gender = { value: userData.Interesado.Genero };\r\n newState.form.isOlder = { value: userData.Interesado.MayorEdadDefinida };\r\n newState.form.includeMe = { value: userData.Interesado.AfiliarInteresado, valid: true, error: \"\" };\r\n newState.form.relationship = { value: userData.Interesado.Parentesco };\r\n newState.form.nit = { value: userData.Interesado.NIT };\r\n userData.BeneficiariosMenores.forEach((subscribed) => {\r\n let newSubscribed = {\r\n form: {\r\n name: { value: subscribed.Nombre },\r\n caja: { value: subscribed.CajaCompensacionCompensar },\r\n cajaCategory: { value: subscribed.Categoria.Titulo },\r\n eps: { value: subscribed.EPSCompensar },\r\n documentType: { value: subscribed.TipoDeDocumento },\r\n documentNumber: { value: subscribed.NumeroDeDocumento },\r\n age: { value: subscribed.Edad },\r\n gender: { value: subscribed.Genero },\r\n relationship: { value: subscribed.Parentesco },\r\n nit: { value: subscribed.NIT },\r\n email: { value: subscribed.CorreoElectronico }\r\n }\r\n };\r\n newState.subscribed.lessthan60.push(newSubscribed);\r\n this.subscribedSaludValidaciones['lessthan60'].push(new SaludValidaciones(newSubscribed.form, this.subscribedRules));\r\n newState.form.lessthan60.value++;\r\n });\r\n userData.BeneficiariosMayores.forEach((subscribed) => {\r\n let newSubscribed = {\r\n form: {\r\n name: { value: subscribed.Nombre },\r\n caja: { value: subscribed.CajaCompensacionCompensar },\r\n cajaCategory: { value: subscribed.Categoria.Titulo },\r\n eps: { value: subscribed.EPSCompensar },\r\n documentType: { value: subscribed.TipoDeDocumento },\r\n documentNumber: { value: subscribed.NumeroDeDocumento },\r\n age: { value: subscribed.Edad },\r\n gender: { value: subscribed.Genero },\r\n relationship: { value: subscribed.Parentesco },\r\n nit: { value: subscribed.NIT },\r\n email: { value: subscribed.CorreoElectronico }\r\n }\r\n };\r\n newState.subscribed.morethan60.push(newSubscribed);\r\n newState.form.morethan60.value++;\r\n this.subscribedSaludValidaciones['morethan60'].push(new SaludValidaciones(newSubscribed.form, this.subscribedRules));\r\n });\r\n //if(userData.BeneficiariosMenores.length > 0 || userData.BeneficiariosMayores.length > 0) {\r\n newState.options.advancedOptions = true;\r\n //} \r\n if (this.state.options.component !== 1) {\r\n newState.summary.monthlyFare = userData.Simulacion.PrecioMensualDesde;\r\n newState.summary.epsDiscount = userData.Simulacion.DescuentoEps;\r\n newState.summary.cajaDiscount = userData.Simulacion.DescuentoCajaCompensacion;\r\n newState.summary.iva = userData.Simulacion.IVA;\r\n newState.summary.lessthan60quantity = userData.Simulacion.UsuariosMenorEdadDefinida.CantidadUsuarios;\r\n newState.summary.lessthan60total = userData.Simulacion.UsuariosMenorEdadDefinida.ValorTotal;\r\n newState.summary.morethan60quantity = userData.Simulacion.UsuariosMayorEdadDefinida.CantidadUsuarios;\r\n newState.summary.morethan60total = userData.Simulacion.UsuariosMayorEdadDefinida.ValorTotal;\r\n newState.summary.totalQuantity = userData.Simulacion.UsuariosTotal.CantidadUsuarios;\r\n newState.summary.total = userData.Simulacion.UsuariosTotal.ValorTotal;\r\n }\r\n this.setState(newState);\r\n this.getLogedUserData(authenticatedUser.TipoIdentificacion, authenticatedUser.LegalID);\r\n this.getDataUserPlanVital()\r\n this.categoriaCaja = userData.Interesado.Categoria.Titulo;\r\n }).catch(error => {\r\n console.log(\"error\", error);\r\n this.showMessages();\r\n });\r\n }\r\n }\r\n\r\n getDataUserPlanVital() {\r\n const authenticatedUser = compTools.obtenerInformacionUsuario();\r\n let body = {\r\n \"TipoDocumento\": authenticatedUser.TipoIdentificacion,\r\n \"NumeroDocumento\": authenticatedUser.LegalID,\r\n \"CategoriasPlanVital\": \"A,B\",\r\n \"EstadosVinculacion\": \"AF,CI,SU,MO\"\r\n }\r\n const dataUserPlanVital = new ServicioProxy('ObtenerDatosAfiliacionPlanVital');\r\n dataUserPlanVital.getElements('POST', body).then(\r\n (result) => {\r\n const data = JSON.parse(result);\r\n // data.ObtenerDatosAfiliacionPlanVitalResult.DatosInteresado.PuedeContinuarAfiliacion = true\r\n // data.ObtenerDatosAfiliacionPlanVitalResult.DatosBeneficiariosMenores.Beneficiarios = []\r\n this.setState({ dataUserPlanVital: data }, () => this.updateSubscriberPlanVital())\r\n sessionStorage.setItem('planVital_cajaCetegory', data.ObtenerDatosAfiliacionPlanVitalResult.DatosInteresado.CategoriaCaja);\r\n\r\n }\r\n )\r\n }\r\n\r\n updateSubscriberPlanVital() {\r\n let subscribed = this.state.subscribed;\r\n subscribed.lessthan60.map(item => {\r\n this.state.dataUserPlanVital.ObtenerDatosAfiliacionPlanVitalResult.DatosBeneficiariosMenores.Beneficiarios.map(afiliado => {\r\n if (item.form.documentNumber.value === afiliado.NumeroDocumento) {\r\n item.form.cajaCategory.valid = afiliado.CategoriaCaja\r\n item.form.caja.value = afiliado.TieneCajaCompensacion\r\n item.form.eps.value = afiliado.TieneEpsCompensar\r\n }\r\n })\r\n })\r\n let lessthan60 = { ...this.state.subscribed }\r\n lessthan60.lessthan60 = subscribed.lessthan60\r\n this.setState({ subscribed: lessthan60 })\r\n }\r\n\r\n calculator(type, operation, callback) {\r\n let newState = JSON.parse(JSON.stringify(this.state));\r\n let sum = this.state.form['lessthan60'].value + this.state.form['morethan60'].value;\r\n if ((this.state.form[type].value > 0 && operation == 'remove') || (sum < 20 && operation == 'add')) {\r\n if (operation == 'remove') {\r\n newState.form[type].value--;\r\n this.removeSubscribed(newState.subscribed[type], type);\r\n } else if (operation == 'add') {\r\n newState.form[type].value++;\r\n this.addSubscribed(newState.subscribed[type], type);\r\n }\r\n newState.options.showWarning = false;\r\n this.setState(newState, () => {\r\n this.calculateRequest();\r\n if (callback) callback();\r\n });\r\n } else if (operation == 'add' && sum == 20 && !this.state.options.showWarning) {\r\n newState.options.showWarning = true;\r\n this.setState(newState);\r\n }\r\n if (newState.form.lessthan60.value + newState.form.morethan60.value == 0) newState.options.advancedOptions = false;\r\n }\r\n\r\n addSubscribed(subscribedList, type) {\r\n let newSubscribed = {\r\n form: {\r\n name: { value: '' },\r\n caja: { value: this.state.options.component === 3 ? true : false },\r\n cajaCategory: { value: '' },\r\n eps: { value: this.state.options.component === 3 ? true : false },\r\n isValid: true\r\n }\r\n };\r\n subscribedList.push(newSubscribed);\r\n this.subscribedSaludValidaciones[type].push(new SaludValidaciones(newSubscribed.form, this.subscribedRules));\r\n }\r\n\r\n removeSubscribed(subscribedList, type) {\r\n subscribedList.splice(subscribedList.length - 1, 1);\r\n this.subscribedSaludValidaciones[type].splice(this.subscribedSaludValidaciones[type].length - 1, 1);\r\n }\r\n\r\n updateFormState(newForm, calculateRequest) {\r\n if (!calculateRequest) {\r\n this.setState({ form: newForm });\r\n } else if (calculateRequest) {\r\n this.setState({ form: newForm }, () => {\r\n this.calculateRequest();\r\n });\r\n }\r\n this.categoriaCaja = newForm.cajaCategory.value\r\n }\r\n\r\n updateOptionsState(options, calculateRequest) {\r\n if (!calculateRequest) {\r\n this.setState({ options });\r\n } else if (calculateRequest) {\r\n this.setState({ options }, () => {\r\n this.calculateRequest();\r\n });\r\n }\r\n }\r\n\r\n handleSubmit(callback) {\r\n let currentForm = JSON.parse(JSON.stringify(this.state.form));\r\n this.saludValidaciones.validateForm(currentForm);\r\n let allSubscribedValids = true;\r\n for (let type in this.subscribedSaludValidaciones) {\r\n this.subscribedSaludValidaciones[type].forEach((subscribedValidation, index) => {\r\n subscribedValidation.validateForm(this.state.subscribed[type][index].form);\r\n if (!this.state.subscribed[type][index].form.isValid) allSubscribedValids = false;\r\n });\r\n }\r\n this.setState({ form: currentForm }, () => {\r\n if (this.state.form.isValid && allSubscribedValids) {\r\n callback();\r\n }\r\n });\r\n }\r\n\r\n subscribedCleanAll(event) {\r\n event.preventDefault();\r\n this.subscribedSaludValidaciones.lessthan60 = [];\r\n this.subscribedSaludValidaciones.morethan60 = [];\r\n let currentState = JSON.parse(JSON.stringify(this.state));\r\n currentState.form.lessthan60.value = 0;\r\n currentState.form.morethan60.value = 0;\r\n // currentState.form.name.value = '';\r\n // currentState.form.email.value = '';\r\n // currentState.form.caja.value = false;\r\n // currentState.form.cajaCategory.value = '';\r\n // currentState.form.eps.value = false;\r\n // currentState.form.includeMe.value = false;\r\n // this.saludValidaciones.resetForm(currentState.form);\r\n currentState.subscribed.lessthan60 = [];\r\n currentState.subscribed.morethan60 = [];\r\n currentState.options.advancedOptions = false;\r\n this.setState(currentState, () => {\r\n this.calculateRequest();\r\n });\r\n }\r\n\r\n subscribedCleanData(indexOfSubscribed, type, event) {\r\n event.preventDefault();\r\n let currentSubscribed = JSON.parse(JSON.stringify(this.state.subscribed));\r\n currentSubscribed[type][indexOfSubscribed].form = {\r\n name: { value: '' },\r\n caja: { value: this.state.options.component === 3 ? true : false },\r\n cajaCategory: { value: '' },\r\n eps: { value: this.state.options.component === 3 ? true : false }\r\n };\r\n this.subscribedSaludValidaciones[type][indexOfSubscribed].resetForm(currentSubscribed[type][indexOfSubscribed].form);\r\n this.setState({ form: this.state.form, subscribed: currentSubscribed }, () => {\r\n this.calculateRequest();\r\n });\r\n }\r\n\r\n subscribedRemove(indexOfSubscribed, type, callback) {\r\n let currentState = JSON.parse(JSON.stringify(this.state));\r\n currentState.form[type].value--;\r\n currentState.subscribed[type].splice(indexOfSubscribed, 1);\r\n this.subscribedSaludValidaciones[type].splice(indexOfSubscribed, 1);\r\n if (currentState.form.lessthan60.value + currentState.form.morethan60.value == 0) currentState.options.advancedOptions = false;\r\n this.setState(currentState, () => {\r\n this.calculateRequest();\r\n if (callback) callback();\r\n });\r\n }\r\n\r\n removeNonLetters(string) {\r\n const regex = /[^a-zA-Z\\s]/gi;\r\n return string.replace(regex, '');\r\n }\r\n\r\n subscribedHandleChange(indexOfSubscribed, type, event) {\r\n let currentSubscribed = JSON.parse(JSON.stringify(this.state.subscribed));\r\n currentSubscribed[type][indexOfSubscribed].form[event.target.id].value = event.target.value;\r\n if (event.target.id === \"name\") {\r\n currentSubscribed[type][indexOfSubscribed].form[event.target.id].value = this.removeNonLetters(event.target.value);\r\n }\r\n this.setState({ form: this.state.form, subscribed: currentSubscribed });\r\n }\r\n\r\n subscribedHandleSelect(indexOfSubscribed, field, type, value) {\r\n let currentSubscribed = JSON.parse(JSON.stringify(this.state.subscribed));\r\n currentSubscribed[type][indexOfSubscribed].form[field].value = value;\r\n this.setState({ form: this.state.form, subscribed: currentSubscribed }, () => {\r\n this.calculateRequest();\r\n });\r\n }\r\n\r\n subscribedHandleBlur(indexOfSubscribed, type, event) {\r\n let currentSubscribed = JSON.parse(JSON.stringify(this.state.subscribed));\r\n //let currentOptions = JSON.parse(JSON.stringify(this.state.options));\r\n let element = event.target;\r\n this.saludValidaciones.validateField(element, currentSubscribed[type][indexOfSubscribed].form);\r\n /*let lastAdvancedOptions = currentOptions.advancedOptions;\r\n if (element.value) currentOptions.advancedOptions = true;*/\r\n this.setState({ form: this.state.form, subscribed: currentSubscribed/*, options: currentOptions*/ }, () => {\r\n //(!lastAdvancedOptions && currentOptions.advancedOptions) && this.calculateRequest();\r\n });\r\n }\r\n\r\n subscribedHandleSwitch(indexOfSubscribed, value, field, type) {\r\n let currentSubscribed = JSON.parse(JSON.stringify(this.state.subscribed));\r\n //let currentOptions = JSON.parse(JSON.stringify(this.state.options));\r\n currentSubscribed[type][indexOfSubscribed].form[field].value = value;\r\n //currentOptions.advancedOptions = true;\r\n if (this.state.options.component !== 3) {\r\n this.setState({ form: this.state.form, subscribed: currentSubscribed/*, options: currentOptions*/ }, () => {\r\n this.calculateRequest();\r\n });\r\n }\r\n }\r\n\r\n getPopover(key) {\r\n return (\r\n \r\n Si tienes un usuario y contraseña Compensar Inicia Sesión para una respuesta más detallada y para poder iniciar tu compra.\r\n
\r\n \r\n \r\n
\r\n \r\n IMPORTANTE: {this.props.configurations['Importante']}\r\n
\r\n \r\n
\r\n )\r\n }\r\n\r\n handleComponent() {\r\n let component = null;\r\n let userPlanVital = this.state.dataUserPlanVital ? this.state.dataUserPlanVital.ObtenerDatosAfiliacionPlanVitalResult : null\r\n if (this.state.options.component === 1) {\r\n component = this.formularioEntrada();\r\n } else if (this.state.options.component === 2) {\r\n component = this.cotizarFormulario();\r\n } else if (this.state.options.component === 3) {\r\n if (!compTools.autenticadoWindows() && compTools.estaAutenticado()) {\r\n if (userPlanVital.DatosInteresado.PuedeContinuarAfiliacion) {\r\n let puedeCotizarPlanVital = userPlanVital.DatosBeneficiariosMenores.Beneficiarios.filter(item => item.PuedeContinuarAfiliacion == false)\r\n let filterByCathegory = this.state.form.cajaCategory.value = 'A' || 'B'\r\n if (puedeCotizarPlanVital.length === 0 && filterByCathegory) {\r\n component = this.cotizarFormulario(true);\r\n } else {\r\n component = this.formularioEntrada(false);\r\n this.setState({ options: { ...this.state.options, component: 1 } });\r\n this.showMessagesPlanVital();\r\n }\r\n } else {\r\n component = this.formularioEntrada(false);\r\n this.setState({ options: { ...this.state.options, component: 1 } });\r\n this.showMessagesPlanVital();\r\n }\r\n } else {\r\n component = this.cotizarFormulario(true);\r\n }\r\n // component = this.cotizarFormulario(true);\r\n }\r\n return component\r\n }\r\n\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\n/******************** BUILD ********************/\r\nlet Popover = ReactBootstrap.Popover;\r\n/******************** BUILD ********************/\r\n","\r\nexport default class BeneficiosCondicionesItem extends React.Component {\r\n constructor() {\r\n super();\r\n\r\n this.state = {\r\n eventKey: Math.random(),\r\n titleColorClass: 'titulo-beneficio-item',\r\n icon: \r\n }\r\n \r\n }\r\n\r\n changePanelStatus(e)\r\n {\r\n if(this.state.titleColorClass == 'titulo-beneficio-item'){\r\n this.setState({ titleColorClass: 'titulo-beneficio-item-seleccionado', icon: })\r\n } else {\r\n this.setState({ titleColorClass: 'titulo-beneficio-item', icon: })\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n Inicia la afiliación cotizando tu plan
\r\n{this.props.configurations['TextoIntroductorio']}
\r\n\r\n
\r\n \r\n 
\r\n }\r\n
\r\n {this.props.configurations['ConoceLosBeneficiosDelPlanComplementario']}
\r\n {this.props.configurations['ConoceLosBeneficiosDelPlanComplementarioIcono'] &&\r\n this.scrollTo('#beneficios', event)}>\r\n\r\n \r\n\r\n
\r\n {\r\n this.props.configurations['noContinuaPlanVital'] || \r\n cargando...
\r\n {this.handleComponent()}\r\n
\r\n\r\n \r\n
\r\n\r\n \r\n { this.state.icon }\r\n
\r\n \r\n { this.props.item.CSImagenIconoText ? (\r\n {this.props.item.CSTituloText}\r\n ) : (\r\n this.props.item.CSTituloText\r\n ) }\r\n
\r\n \r\n\r\n
\r\n );\r\n }\r\n}\r\n\r\n/******************** BUILD ********************/\r\nconst Accordion = ReactBootstrap.Accordion;\r\nconst Panel = ReactBootstrap.Panel;\r\nconst PanelGroup = ReactBootstrap.PanelGroup;\r\n/******************** BUILD ********************/\r\n","import Cotizar from './components/cotizar';\r\nimport BeneficiosCondiciones from './components/beneficiosCondiciones';\r\n/******************** BUILD ********************/\r\nimport less from \"../index.less\";\r\n/******************** BUILD ********************/\r\nclass App extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n configurations: {},\r\n popovers: {},\r\n startShoppingProperties: {}\r\n }\r\n\r\n this.loginUrl = '';\r\n }\r\n\r\n componentDidMount() {\r\n const configurations = { ...this.state.configurations };\r\n const popovers = {};\r\n const pnpService = new ServicioPnp();\r\n pnpService.getListWithTop('configuraciones', (list) => {\r\n configurations['ErrorServicio'] = list[0] ? list[0].CSValorNote : 'Discúlpenos, por favor intente más tarde';\r\n\r\n list.forEach((item) => {\r\n configurations[item.CSNombreText] = item.CSValorNote;\r\n });\r\n\r\n this.setState({ configurations: configurations }, () => {\r\n })\r\n }, 400, null, 'CSNombreText', 'CSValorNote');\r\n\r\n pnpService.getListWithTop('parametrosPaginas', (list) => {\r\n list.forEach((item) => {\r\n configurations[item.CSNombreText] = item.CSValorNote == 'false' ? false : item.CSValorNote;\r\n configurations[item.CSNombreText + 'CSVisibleBool'] = item.CSVisibleBool;\r\n\r\n (item.CSNombreText == \"MensajeValidacionAutogestionSimulador\" || item.CSNombreText == \"MensajeValidacionAutenticadoSimulador\" || item.CSNombreText == 'MensajeValidacionCalendarioSimulador') ? popovers[item.CSNombreText] = item.CSValorNote : null\r\n\r\n });\r\n this.setState({ configurations: configurations });\r\n }, 400, \"CSFormularioChoice eq 'Simulaci%C3%B3n'\", 'CSDescripcionNote', 'CSFormularioChoice', 'CSNombreText', 'CSValorNote', 'CSVisibleBool');\r\n\r\n pnpService.getList('popovers', (list) => {\r\n list.forEach((item) => {\r\n popovers[item.CSIDPopOverText] = {\r\n position: item.CSPosicionPopOverChoice,\r\n buttonText: item.CSTextoBotonText,\r\n title: item.CSTituloPopOverText,\r\n description: item.CSTextoAyudaNote.split('\\n').join('\r\n
\r\n
\r\n\r\n {this.state.beneficiosItems}\r\n \r\n
\r\n
\r\n\r\n \r\n\r\n
\r\n \r\n
\r\n
\r\n Beneficios y Condiciones Del Plan Complementario\r\n
\r\n\r\n
\r\n
\r\n Beneficios y Condiciones Del Plan Vital\r\n
\r\n\r\n {this.props.configurations[\"CotizaPlanComplementarioIcono\"] && (\r\n this.scrollTo(\"#cotizar\", event)}\r\n >\r\n
\r\n \r\n {this.props.configurations[\"CotizaPlanComplementario\"]}\r\n
\r\n')\r\n };\r\n });\r\n this.setState({ popovers: popovers });\r\n }, null, 'CSCampoFormNote', 'CSIDPopOverText', 'CSPosicionPopOverChoice', 'CSTextoAyudaNote', 'CSTextoBotonText', 'CSTituloPopOverText');\r\n\r\n setTimeout(() => {\r\n this.isAuthenticated(configurations)\r\n }, 500);\r\n\r\n }\r\n\r\n callMainService(tipoIdentificacion, indentificacion) {\r\n\r\n const startShoppingProperties = { ...this.state.startShoppingProperties };\r\n\r\n const url = 'ValidarVisualizacionInicioCompraVentaVinculacion?tipoDocumento=' + tipoIdentificacion + '&numeroDocumento=' + indentificacion;\r\n const validarVisualizacionInicioCompraVentaVinculacion = new ServicioProxy(url, 'ServicioConsorcio.svc');\r\n validarVisualizacionInicioCompraVentaVinculacion.getElements('POST', {}).then((response) => {\r\n const data = JSON.parse(response);\r\n\r\n /*data = {\r\n \"Error\": null,\r\n \"Autenticado\": true,\r\n \"PuedeIniciarAutogestion\": true,\r\n \"PuedeIniciarCalendario\": true\r\n }*/\r\n\r\n startShoppingProperties['AutenticadoValue'] = indentificacion != 0 ? true : false;\r\n startShoppingProperties['PuedeIniciarAutogestionValue'] = data.PuedeIniciarAutogestion;\r\n startShoppingProperties['PuedeIniciarCalendarioValue'] = data.PuedeIniciarCalendario;\r\n //startShoppingProperties['PuedeIniciarCalendarioValue'] = true;\r\n\r\n this.setState({ startShoppingProperties }, () => { console.log('startShoppingProperties ==> ', this.state.startShoppingProperties['PuedeIniciarCalendarioValue']) });\r\n }).catch(error => {\r\n //this.setState({ });\r\n });\r\n }\r\n\r\n isAuthenticated() {\r\n\r\n\r\n if (!compTools.autenticadoWindows() && compTools.estaAutenticado()) {\r\n const userInfo = compTools.obtenerInformacionUsuario();\r\n this.callMainService(userInfo.TipoIdentificacion, userInfo.LegalID);\r\n } else {\r\n this.callMainService(0, 0);\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\n/******************** BUILD ********************/\r\nconst appId = document.getElementById('app');\r\nReactDOM.render(\r\n {this.state.configurations['CompensarSaludPlanComplementario'] &&\r\n \r\n }\r\n
\r\n \r\n
\r\n