https://www.comfama.com/portal-servicios/component---src-pages-boletin-electronico-tsx-8ad3f8e4963a5c435e61.js

1"use strict";(self.webpackChunkcomfama_portalservicios_archetype=self.webpackChunkcomfama_portalservicios_archetype||[]).push([[3066],{3887:function(e,i,n){var s=n(32936),r=n(74848);const l=({label:e,name:i,id:n,type:l,placeholder:a,register:o,validationRules:t,error:c,maxLength:d,setValue:u,onChange:m,onBlurEvent:_,onFocusEvent:v,square:p,required:h,tooltip:x,onTypeValidation:b,disabled:f,role:g})=>{const j=(0,s.A)();return(0,r.jsxs)("div",{className:"f-a-input",children:[(0,r.jsxs)("div",{className:"f-a-input__label-wrapper "+(p?" __square":""),children:[(0,r.jsx)("label",{id:i+e,htmlFor:i,className:"f-a-input__label "+(h?" __required":""),children:e}),x&&(0,r.jsxs)("div",{className:"f-a-input__tooltip",children:[(0,r.jsx)("i",{"data-testid":"icon",className:"icon icon-question-circle",onClick:()=>{if(j){const e=document.getElementById("f-a-input__tooltip-box-wrapper");e&&e.classList.add("__open")}}}),(0,r.jsx)("div",{className:"f-a-input__tooltip-box-wrapper",id:"f-a-input__tooltip-box-wrapper",onClick:()=>{if(j){const e=document.getElementById("f-a-input__tooltip-box-wrapper");e&&e.classList.remove("__open")}},children:(0,r.jsx)("div",{className:"f-a-input__tooltip-box",children:x})})]})]}),(0,r.jsx)("div",{id:i,className:`f-a-input__box ${c?"__error":""}${p?" __square":""}`,children:b?(0,r.jsx)("input",{"data-testid":"input",tabIndex:"0",name:i,maxLength:d,placeholder:a,type:l,...o(i,t),onFocus:()=>{v&&v()},onBlur:()=>{_&&_()},id:n||`input${i}`,disabled:f||!1,role:g}):(0,r.jsx)("input",{"data-testid":"input",tabIndex:"0",name:i,maxLength:d,placeholder:a,type:l,...o(i,t),onChange:e=>{if(" "===e.target.value)u(i,"");else if(m(e),"number"===l){const n=e.target.value.replace(/\D/g,"");u(i,n)}else u(i,e.target.value.replace(/ {2}/g," "))},onFocus:()=>{v&&v()},onBlur:()=>{_&&_()},id:n||`input${i}`,disabled:f||!1,role:g})}),c&&(0,r.jsx)("span",{className:"f-a-input__error",children:c.message})]})};l.defaultProps={onChange:()=>{}},i.A=l},54775:function(e,i,n){var s=n(34164),r=n(74848);i.A=e=>{const{checkActive:i,checkClick:n,square:l,className:a}=e,o=(0,s.A)({"a-checkbox":!0,square:l,[a]:a,"square--active":l&&i});return(0,r.jsx)("div",{className:o,onClick:n,"data-testid":"checkbox",children:l&&i?(0,r.jsx)("i",{className:"icon-check1"}):(0,r.jsx)(r.Fragment,{children:i&&(0,r.jsx)("div",{className:"a-checkbox--active"})})})}},84230:function(e,i,n){n.r(i),n.d(i,{default:function(){return A}});var s=n(68315),r=n(96540),l=n(40587),a=n(49785),o=n(32936),t=n(17325),c=n(54775),d=n(19871),u=n(74848);var m=e=>{const{setValidation:i}=e,[n,s]=(0,r.useState)(""),[l,a]=(0,r.useState)(""),[o,t]=(0,r.useState)(""),{window:c}=(0,d.A)();return(0,r.useEffect)(()=>{s((()=>{const e=(null==c?void 0:c.crypto)||(null==c?void 0:c.msCrypto);if(!e)return;const i=new Uint32Array(1);return e.getRandomValues(i),i[0].toString().slice(0,6)})()||"123456")},[]),(0,r.useEffect)(()=>{i(""!==l&&""!==n&&l===n)},[l]),(0,u.jsx)("div",{className:"a-controlSecurity",children:(0,u.jsxs)("div",{className:"a-controlSecurity__container",children:[(0,u.jsxs)("div",{className:"a-controlSecurity__container__description",children:[(0,u.jsx)("h2",{children:"Control de seguridad"}),(0,u.jsx)("p",{children:"Escribe el código correctamente en el campo"})]}),(0,u.jsxs)("div",{className:"a-controlSecurity__container__code",children:[(0,u.jsx)("p",{children:n}),(0,u.jsx)("input",{type:"number",placeholder:"000000",value:o,onChange:e=>{var i;a((i=e).target.value.slice(0,6)),t(i.target.value.slice(0,6))}})]})]})})},_=n(3887);var v=e=>{var i,n,s,l,d,v,p,h,x,b,f,g,j,N,C,S;const{inputReferences:y,setBulletinModal:A}=e,{register:q,setValue:k,handleSubmit:w,formState:{errors:B},watch:E,setError:L,clearErrors:F}=(0,a.mN)(),T=(0,o.A)(),[$,V]=(0,r.useState)(!1),[R,z]=(0,r.useState)(!1),D=E("names"),I=E("surNames"),Z=E("email"),M=E("emailConfirmation");return(0,u.jsx)("div",{className:"m-boletinSubscriptionForm",children:(0,u.jsxs)("div",{className:"m-boletinSubscriptionForm__container",children:[(0,u.jsxs)("div",{className:"m-boletinSubscriptionForm__container__header",children:[(0,u.jsx)("h2",{children:y.titulo}),(0,u.jsx)("p",{children:y.subtitulo})]}),(0,u.jsx)("div",{className:"m-boletinSubscriptionForm__container__form",children:(0,u.jsxs)("form",{onSubmit:w(e=>{e&&R&&A(!0)}),children:[(0,u.jsx)("div",{className:"m-boletinSubscriptionForm__container__division"}),(0,u.jsxs)("div",{className:"m-boletinSubscriptionForm__container__form__inputs",children:[(0,u.jsxs)("div",{className:"m-boletinSubscriptionForm__container__form__inputs__right",children:[(0,u.jsx)(_.A,{label:y.referencias[0].titulo?y.referencias[0].titulo:"Nombres",name:"names",maxLength:"25",type:"text",square:!0,placeholder:y.referencias[0].subtitulo?y.referencias[0].subtitulo:"Escribe tus nombres",register:q,validationRules:{required:{value:!0,message:"Campo requerido"},pattern:{value:/^[A-Za-zÀ-ÿ ,.'-]+$/,message:"No se permiten caracteres especiales"},minLength:{value:2,message:"El nombre debe tener al menos 2 caracteres"}},setValue:k,required:!0,error:B.names}),T?(0,u.jsx)(_.A,{label:(null==y||null===(i=y.referencias)||void 0===i||null===(n=i[1])||void 0===n?void 0:n.titulo)||"Apellidos",name:"surNames",maxLength:"25",type:"text",square:!0,placeholder:(null==y||null===(s=y.referencias)||void 0===s||null===(l=s[1])||void 0===l?void 0:l.subt

1itulo)||"Escribe tus Apellidos",register:q,validationRules:{required:{value:!0,message:"Campo requerido"},pattern:{value:/^[A-Za-zÀ-ÿ ,.'-]+$/,message:"No se permiten caracteres especiales"},minLength:{value:2,message:"El apellido debe tener al menos 2 caracteres"}},setValue:k,required:!0,error:B.surNames}):(0,u.jsx)(_.A,{label:(null==y||null===(d=y.referencias)||void 0===d||null===(v=d[2])||void 0===v?void 0:v.titulo)||"Correo electrónico",name:"email",maxLength:"50",type:"email",square:!0,placeholder:(null==y||null===(p=y.referencias)||void 0===p||null===(h=p[2])||void 0===h?void 0:h.subtitulo)||"Escribe tu correo electrónico",register:q,validationRules:{required:{value:!0,message:"Campo requerido"},pattern:{value:/^(([^<>()[\]\\.,;:=\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/,message:"Debe cumplir con la estructura de un correo"},maxLength:{value:50,message:"El correo no debe superar los 50 dígitos"},minLength:{value:4,message:"El correo debe tener al menos 4 dígitos"}},setValue:k,required:!0,error:B.email})]}),(0,u.jsxs)("div",{className:"m-boletinSubscriptionForm__container__form__inputs__left",children:[T?(0,u.jsx)(_.A,{label:(null==y||null===(x=y.referencias)||void 0===x||null===(b=x[2])||void 0===b?void 0:b.titulo)||"Correo electrónico",name:"email",maxLength:"50",type:"email",square:!0,placeholder:(null==y||null===(f=y.referencias)||void 0===f||null===(g=f[2])||void 0===g?void 0:g.subtitulo)||"Escribe tu correo electrónico",register:q,validationRules:{required:{value:!0,message:"Campo requerido"},pattern:{value:/^(([^<>()[\]\\.,;:=\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/,message:"Debe cumplir con la estructura de un correo"},maxLength:{value:50,message:"El correo no debe superar los 50 dígitos"},minLength:{value:4,message:"El correo debe tener al menos 4 dígitos"}},setValue:k,required:!0,error:B.email}):(0,u.jsx)(_.A,{label:(null==y||null===(j=y.referencias)||void 0===j||null===(N=j[1])||void 0===N?void 0:N.titulo)||"Apellidos",name:"surNames",maxLength:"25",type:"text",square:!0,placeholder:(null==y||null===(C=y.referencias)||void 0===C||null===(S=C[1])||void 0===S?void 0:S.titulo)||"Escribe tus Apellidos",register:q,validationRules:{required:{value:!0,message:"Campo requerido"},pattern:{value:/^[A-Za-zÀ-ÿ ,.'-]+$/,message:"No se permiten caracteres especiales"},minLength:{value:2,message:"El apellido debe tener al menos 2 caracteres"}},setValue:k,required:!0,error:B.surNames}),(0,u.jsx)(_.A,{label:y.referencias[3].titulo?y.referencias[3].titulo:"Confirmación correo electrónico *",name:"emailConfirmation",maxLength:"50",type:"email",square:!0,placeholder:y.referencias[3].subtitulo?y.referencias[3].subtitulo:"Confirma tu correo electrónico",register:q,validationRules:{required:{value:!0,message:"Campo requerido"},pattern:{value:/^(([^<>()[\]\\.,;:=\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/,message:"Debe cumplir con la estructura de un correo"},maxLength:{value:50,message:"El correo no debe superar los 50 dígitos"},minLength:{value:4,message:"El correo debe tener al menos 4 dígitos"}},onChange:e=>{Z!==e.target.value?L("emailConfirmation",{type:"custom",message:"El email no coincide"}):F()},setValue:k,required:!0,error:B.emailConfirmation})]})]}),(0,u.jsx)("div",{className:"m-boletinSubscriptionForm__container__division"}),(0,u.jsxs)("div",{className:"m-boletinSubscriptionForm__container__form__validations",children:[(0,u.jsx)("div",{className:"m-boletinSubscriptionForm__container__form__validations__securityControl",children:(0,u.jsx)(m,{setValidation:z})}),(0,u.jsxs)("div",{className:"m-boletinSubscriptionForm__container__form__validations__terms",children:[(0,u.jsx)("p",{children:y.secciones[1].subtitulo}),(0,u.jsxs)("div",{className:"m-boletinSubscriptionForm__container__form__validations__terms__checkbox",children:[(0,u.jsx)(c.A,{checkActive:$,square:!0,checkClick:()=>V(!$)}),(0,u.jsx)("p",{children:y.secciones[1].titulo})]})]})]}),(0,u.jsx)("div",{className:"m-boletinSubscriptionForm__container__form__button",children:(0,u.jsx)(t.A,{type:"button",classname:"secondary",text:y.boton[0].copy,isDisabled:!(Z&&D&&Z===M&&I&&$&&R)})})]})})]})})};var p=({modalInfo:e,selectedButtons:i,setSelectedButtons:n,setBulletinModal:s,onButtonClick:r})=>{var l,a,o;return(0,u.jsxs)("div",{className:"m-bulletin-modal",children:[(0,u.jsx)("i",{className:"icon-close",onClick:()=>{s(!1)}}),(0,u.jsxs)("div",{className:"m-bulletin-modal__content",children:[(0,u.jsxs)("div",{className:"m-bulletin-modal__content__headings",children:[(0,u.jsx)("h3",{children:null==e?void 0:e.nombre}

1),(0,u.jsx)("p",{children:null==e?void 0:e.subtitulo})]}),(0,u.jsx)("div",{className:"m-bulletin-modal__content__interaction",children:(0,u.jsx)("div",{className:"m-bulletin-modal__content__interaction__content",children:(null==e?void 0:e.referencias)&&(null==e||null===(l=e.referencias)||void 0===l?void 0:l.map((e,s)=>{return(0,u.jsx)("button",{className:"m-bulletin-modal__content__interaction__content__button "+(r=(null==e?void 0:e.copy)||(null==e?void 0:e.nombre),i&&i.length>0&&void 0!==i.find(e=>e===r)?"--selected":""),onClick:()=>{(e=>{const s=i&&i.length>0?[].concat(i):[];if(s&&s.length>0)if(-1===s.indexOf(e))s.push(e),n(s);else{const i=s.filter(i=>i!==e);n(i)}else s.push(e),n(s)})((null==e?void 0:e.copy)||(null==e?void 0:e.nombre))},children:(null==e?void 0:e.copy)||(null==e?void 0:e.nombre)},`m-bulletin-modal__content__interaction__button${s}`);var r}))})}),(0,u.jsx)("div",{className:"m-bulletin-modal__content__note",children:(0,u.jsx)("p",{children:"Debes seleccionar por lo menos cuatro favoritos."})}),(0,u.jsx)("button",{className:"m-bulletin-modal__content__button",disabled:!(i&&i.length>3),onClick:()=>{s(!1),r&&r()},children:null==e||null===(a=e.boton)||void 0===a||null===(o=a[0])||void 0===o?void 0:o.copy})]})]})},h=n(4589),x=n(4240),b=n(24021),f=n(29390);var g=e=>{var i,n;const{coverpage:s}=e;return(0,u.jsx)("a",{className:"a-coverp",href:(0,b.UG)(s.redireccion),target:(0,b.EW)(s.redireccion),rel:"noopener noreferrer",children:(0,u.jsxs)("div",{className:"a-coverp__content",children:[(0,u.jsx)("img",{src:s.icono&&(0,f.s)(s.icono),alt:s.icono&&s.icono.title}),(0,u.jsxs)("div",{className:"a-coverp__content__description",children:[(0,u.jsx)("h1",{children:s.titulo}),(0,u.jsx)("div",{children:(null==s||null===(i=s.descripcion)||void 0===i?void 0:i.raw)&&(0,x.i)(JSON.parse(null==s||null===(n=s.descripcion)||void 0===n?void 0:n.raw))})]})]})})};var j=e=>{const[i,n]=(0,r.useState)(0),[s,l]=(0,r.useState)(),a=(n,s)=>i<e.referenciaPlantillaContenido.referencias.length-4?n:s,o=(e,n)=>i>0?e:n,t={dots:!0,infinite:!1,speed:500,slidesToShow:4,slidesToScroll:4,beforeChange:(e,i)=>n(i),responsive:[{breakpoint:960,settings:{centerMode:!1,slidesToShow:3,slidesToScroll:3}},{breakpoint:500,settings:{dots:!0,centerMode:!0,slidesToShow:1,slidesToScroll:1}},{breakpoint:330,settings:{dots:!0,centerMode:!0,slidesToShow:1,slidesToScroll:1}}]};return(0,u.jsxs)("section",{className:"m-infoSlider",children:[(0,u.jsxs)("div",{className:"m-infoSlider-header",children:[(0,u.jsx)("h2",{children:e.referenciaPlantillaContenido.titulo}),(0,u.jsx)("p",{children:e.referenciaPlantillaContenido.subtitulo})]}),(0,u.jsxs)("div",{className:"hide-on-mobile",children:[(0,u.jsx)(h.A,{ref:e=>l(e),...t,children:e.referenciaPlantillaContenido.referencias.map((e,i)=>(0,u.jsx)(g,{coverpage:e},`sliderCard${i}`))}),(0,u.jsx)("div",{className:"arrow-content arrow-content__left",onClick:o(()=>{s.slickGoTo(i-1)},void 0),children:(0,u.jsx)("div",{className:"arrows",children:(0,u.jsx)("div",{className:"arrows-contain",children:(0,u.jsx)("div",{className:o("arrow icon-chevron-left active","arrow icon-chevron-left")})})})}),(0,u.jsx)("div",{className:"arrow-content arrow-content__right",onClick:a(()=>{s.slickGoTo(i+1)},void 0),children:(0,u.jsx)("div",{className:"arrows",children:(0,u.jsx)("div",{className:"arrows-contain",children:(0,u.jsx)("div",{className:a("arrow icon-chevron-right active","arrow icon-chevron-right")})})})})]}),(0,u.jsx)("div",{className:"show-on-mobile",children:(0,u.jsx)(h.A,{...t,children:e.referenciaPlantillaContenido.referencias.map((e,i)=>(0,u.jsx)(g,{coverpage:e},`covepage${i}`))})})]})},N=n(5588);var C=e=>{var i,n,s,r;const{copyBoton:l,imageSrc:a,redireccion:o,titulo:c,subtitulo:d}=e;return(0,u.jsx)("div",{className:"m-simpleBanner",children:(0,u.jsxs)("div",{className:"m-simpleBanner__container",children:[a&&a.gatsbyImage?(0,u.jsx)(N.G,{loading:"eager",className:"m-simpleBanner__container__img",image:a.gatsbyImage,alt:null!==(i=a.description)&&void 0!==i?i:"Banner Comfama main",title:null!==(n=a.description)&&void 0!==n?n:"Banner Comfama main"}):a.file&&a.file.url&&(0,u.jsx)("img",{src:(0,f.s)(a),alt:null!==(s=a.description)&&void 0!==s?s:"Banner Comfama main",title:null!==(r=a.description)&&void 0!==r?r:"Banner Comfama main",className:"m-simpleBanner__container__img"}),(0,u.jsxs)("div",{className:"m-simpleBanner__container__description",children:[(0,u.jsx)("div",{className:"m-simpleBanner__container__description__titulo",children:(0,u.jsx)("h2",{children:c})}),(0,u.jsx)("div",{className:"m-simpleBanner__container__description__subtitulo",children:(0,u.jsx)("h3",{children:d})}),(0,u.jsx)("div",{className:"m-simpleBanner__container__description__search",children:(0,u.jsx)(t.A,{type:"link",text:l,isDisabled:!1,classname:"m-simpleBanner__container__description__search__btn",href:o})})]})]})})};var S=e=>{const{contentfulData:i}=e,[n,s]=(0,r.useState)(!1),[a,o]=(0,r.useState)(null);return(0,u.jsxs)("div",{className:"o-electronicBulletin",children:[n&&(0,u.jsx)(l.A,{open:n,onClose:()=>s(!1),children:(0,u.jsx)(p,{modalInfo:i.modal[0],selectedButtons:a,setSelectedButtons:o,setBulletinModal:s})}),(0,u.jsx)(C,{copyBoton:i.referencias[0].boton[0].copy,imageSrc:i.referencias[0].imagen[0],redireccion:i.referencias[0].boton[0].redireccion,titulo:i.referencias[0].titulo,subtitulo:i.referencias[0].subtitulo}),(0,u.jsx)(j,{referenciaPlantillaContenido:i.secciones[0]}),(0,u.jsx)(v,{inputReferences:i.estoTambien,setBulletinModal:s})]})},y=n(64810);var A=()=>{var e,i,n;const r=(0,y.useStaticQuery)("3071398788"),l=null==r||null===(e=r.allContentfulTemplate)||void 0===e||null===(i=e.nodes[0])||void 0===i?void 0:i.metaInfo[0],a=null==r||null===(n=r.allContentfulTemplate)||void 0===n?void 0:n.nodes[0];return(0,u.jsx)(s.A,{data:l,isActive:null==a?void 0:a.estaActivo,children:(0,u.jsx)(S,{contentfulData:a})})}}}]);
2//# sourceMappingURL=component---src-pages-boletin-electronico-tsx-8ad3f8e4963a5c435e61.js.map