1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[33],{8806:function(e,n,t){t.d(n,{Z:function(){return no}});var r=t(5893),i=t(5678),a=t(7294),l=t(8666),o=t(1163),s=t(3935),d=t(7397),c=t(2784),m=t(2729),u=t(964),h=t(2509);function p(){let e=(0,m._)(["\n .form {\n display: flex;\n flex-direction: column;\n align-items: flex-end;\n margin-top: ","rem;\n\n @media "," {\n margin-top: ","rem;\n }\n\n .inputs-container {\n display: grid;\n grid-template-columns: 1fr;\n row-gap: ","rem;\n width: 100%;\n\n @media "," {\n grid-template-columns: repeat(2, 1fr);\n gap: ","rem;\n }\n\n .input-container {\n display: flex;\n flex-direction: column;\n gap: ","rem;\n\n @media "," {\n gap: ","rem;\n }\n\n label {\n color: #282828;\n font-size: ","rem;\n font-weight: 600;\n line-height: ","rem;\n\n @media "," {\n line-height: ","rem;\n }\n }\n\n input {\n height: ","rem;\n color: #282828;\n font-size: ","rem;\n font-weight: 400;\n line-height: ","rem;\n border: 1px solid #282828;\n outline: none;\n cursor: text;\n padding: 0 ","rem;\n\n @media "," {\n height: ","rem;\n padding: 0 ","rem;\n }\n }\n }\n }\n\n .next-button {\n width: 100%;\n margin: 0;\n margin-top: ","rem;\n height: ","rem;\n\n @media "," {\n width: ","rem;\n margin-top: ","rem;\n height: ","rem;\n }\n }\n }\n"]);return p=function(){return e},e}let x=u.ZP.section(p(),1,h.Td.md,1.5,.5,h.Td.md,1.875,.5,h.Td.md,1,1,1.375,h.Td.md,1.75,2.5,1,1.375,.5,h.Td.md,45/16,1.25,1,2.5,h.Td.md,337/16,1.5,45/16);var g=()=>{let{modalFormData:e,setModalFormData:n,setModalStep:t,setModalErrors:i,modalErrors:o}=(0,a.useContext)(l.XL),{errors:s}=(0,a.useContext)(l.$V),m=(e,t)=>{n(n=>({...n,[e]:t}))},u=(e,n)=>{let t=n.replace(/[^a-zA-ZáéÃóúÃÃÃÃÃüÃñÃ\s]/g,"");m(e,t)},h=(e,n)=>{let t=n.replace(/[^\d\-+]/g,"");m(e,t)};(0,a.useEffect)(()=>{let{nombre:n,apellidos:t,correo:r,telefono:a}=e;n&&t&&r&&a?i(e=>e.filter(e=>"customerForm"!==e)):i(e=>[...e,"customerForm"])},[e]);let p=(0,c.Z)(),g={name:{label:"en"===p?"First Name:":"Nombre:",placeholder:"en"===p?"First Name":"Nombre"},lastName:{label:"en"===p?"Last Name:":"Apellidos:",placeholder:"en"===p?"Last Name":"Apellidos"},email:{label:"en"===p?"Email:":"Correo:",placeholder:"en"===p?"Email":"Correo"},phone:{label:"en"===p?"Phone:":"Tel\xe9fono:",placeholder:"en"===p?"Phone":"Tel\xe9fono"}};return(0,r.jsx)(x,{children:(0,r.jsxs)("div",{className:"form",children:[(0,r.jsxs)("div",{className:"inputs-container",children:[(0,r.jsxs)("div",{className:"input-container",children:[(0,r.jsx)("label",{htmlFor:"name",children:g.name.label}),(0,r.jsx)("input",{id:"name",type:"text",placeholder:g.name.placeholder,value:e.nombre,autoComplete:"off",onChange:e=>u("nombre",e.target.value)})]}),(0,r.jsxs)("div",{className:"input-container",children:[(0,r.jsx)("label",{htmlFor:"last-name",children:g.lastName.label}),(0,r.jsx)("input",{id:"last-name",type:"text",placeholder:g.lastName.placeholder,value:e.apellidos,autoComplete:"off",onChange:e=>u("apellidos",e.target.value)})]}),(0,r.jsxs)("div",{className:"input-container",children:[(0,r.jsx)("label",{htmlFor:"email",children:g.email.label}),(0,r.jsx)("input",{id:"email",type:"email",placeholder:g.email.placeholder,value:e.correo,autoComplete:"off",onChange:e=>m("correo",e.target.value)})]}),(0,r.jsxs)("div",{className:"input-container",children:[(0,r.jsx)("label",{htmlFor:"phone",children:g.phone.label}),(0,r.jsx)("input",{id:"phone",type:"tel",placeholder:g.phone.placeholder,value:e.telefono,autoComplete:"off",onChange:e=>h("telefono",e.target.value)})]})]}),(0,r.jsxs)("button",{type:"button",className:"next-button ".concat((o&&o.some(e=>"customerForm"===e)||s.length>0)&&"disabled"),onClick:()=>(0==o.length||0==s.length)&&t(2),children:[(0,r.jsx)("span",{children:"en"===p?"Next":"Siguiente"})," ",(0,r.jsx)(d.Q,{src:"/icons/long-arrow-right.svg"})]})]})})}
1,j=t(5675),f=t.n(j),b=t(67),v=t(2546);function y(){let e=(0,m._)(["\n position: relative;\n display: flex;\n justify-content: space-between;\n margin-top: ","rem;\n padding: 0 ","rem 0 ","rem;\n\n @media "," {\n padding: 0 ",'rem;\n }\n\n &.error {\n color: #b42b3d;\n &::after {\n background-color: #b42b3d;\n }\n }\n\n &::after {\n content: "";\n position: absolute;\n left: 0;\n top: 55%;\n transform: translateY(-50%);\n width: ',"rem;\n height: 4px;\n background-color: #56565b;\n\n @media "," {\n width: ","rem;\n }\n }\n\n input {\n width: ","rem;\n background-color: transparent;\n border: none;\n outline: none;\n border-bottom: 1px solid #282828;\n cursor: text;\n\n &::-webkit-inner-spin-button,\n *::-webkit-outer-spin-button {\n -webkit-appearance: none;\n margin: 0;\n }\n }\n\n .middle {\n margin: 0 ","rem;\n }\n\n .letter {\n margin-right: ","rem;\n }\n\n .button {\n cursor: pointer;\n }\n"]);return y=function(){return e},e}let w=u.ZP.div(y(),1,15/16,1.25,h.Td.md,2,.5,h.Td.md,1,2.5,.25,.25);var N=e=>{let{productIndex:n,title:t,value:i,name:o,type:s}=e,{setLocalStorageProducts:d}=(0,a.useContext)(l.$V),{setModalErrors:c}=(0,a.useContext)(l.XL),[m,u]=(0,a.useState)(!1),h=(e,t)=>{d(r=>r.map((r,i)=>i===n?{...r,[e]:t}:r))};return(0,a.useEffect)(()=>{""==i?c(e=>[...e,o]):c(e=>e.filter(e=>e!==o))},[i]),(0,r.jsx)(w,{className:"editor",children:"quantity"==s?(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("div",{children:m?(0,r.jsxs)("div",{className:"input-editor",children:[(0,r.jsx)("input",{type:"number",value:i?Math.max(0,i):"",onChange:e=>h(o,e.target.value)}),(0,r.jsx)("span",{className:"letter",children:t})]}):(0,r.jsxs)("span",{className:"title",children:[i," ",t]})}),(0,r.jsx)("span",{className:"button",onClick:()=>u(!m),children:m?"Guardar":"Editar"})]}):(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("div",{children:m?(0,r.jsxs)("div",{children:[(0,r.jsx)("span",{className:"letter",children:t}),(0,r.jsx)("input",{type:"number",value:i?Math.max(0,i):"",onChange:e=>h(o,e.target.value)}),(0,r.jsx)("span",{children:"m"})]}):(0,r.jsxs)("span",{className:"title",children:[t," ",i,"m"]})}),(0,r.jsx)("span",{className:"button",onClick:()=>u(!m),children:m?"Guardar":"Editar"})]})})};function k(){let e=(0,m._)(["\n position: relative;\n display: flex;\n justify-content: space-between;\n margin-top: ","rem;\n padding: 0 ","rem 0 ","rem;\n\n @media "," {\n padding: 0 ",'rem;\n }\n\n &.error {\n color: #b42b3d;\n &::after {\n background-color: #b42b3d;\n }\n }\n\n &::after {\n content: "";\n position: absolute;\n left: 0;\n top: 55%;\n transform: translateY(-50%);\n width: ',"rem;\n height: 4px;\n background-color: #56565b;\n\n @media "," {\n width: ","rem;\n }\n }\n\n input {\n width: ","rem;\n background-color: transparent;\n border: none;\n outline: none;\n border-bottom: 1px solid #282828;\n cursor: text;\n -moz-appearance: textfield;\n\n &::-webkit-inner-spin-button,\n *::-webkit-outer-spin-button {\n -webkit-appearance: none;\n margin: 0;\n }\n }\n\n .middle {\n margin: 0 ","rem;\n }\n\n .letter {\n margin-right: ","rem;\n }\n"]);return k=function(){return e},e}let P=u.ZP.div(k(),1,15/16,1.25,h.Td.md,2,.5,h.Td.md,1,3.125,.25,.25);var M=e=>{let{savedProduct:n,productIndex:t,value1:i,value2:o}=e,{setLocalStorageProducts:s}=(0,a.useContext)(l.$V),{setModalErrors:d}=(0,a.useContext)(l.XL),[c,m]=(0,a.useState)(!1),u=e=>{if(e){let n=e.replace("<sup>\xae</sup>",""),t=n.toLowerCase().split(" ").join("-");return t}},h={"plycem-exterior-junta-invisible":Math.ceil(Number(n.area)/2.97*1.05),"plycem-entrepiso-alto-desempe\xf1o":Math.ceil(Number(n.area)/2.97*1.05),"plycem-techos-eureka":"Eureka P7 6 pies"===n.largoLamina?Math.ceil(Number(n.area)/1.42*1.1):"Eureka P7 8 pies"===n.largoLamina?Math.ceil(Number(n.area)/1.94*1.1):"Eureka P7 10 pies"===n.largoLamina?Math.ceil(Number(n.area)/2.47*1.1):Math.ceil(Number(n.area)/3*1.1),"plycem-siding":"Machimbrado"===n.tipoSiding&&24===n.alturaSiding?Math.ceil(Number(n.area)/.58/5):"Machimbrado"===n.tipoSiding&&30===n.alturaSiding?Math.ceil(Number(n.area)/.73/4):"Traslapado"===n.tipoSiding&&24===n.alturaSiding?Math.ceil(Number(n.area)/.51/5):Math.ceil(Number(n.area)/.65/4),"plycem-ranurado":Math.ceil(Number(n.area)/2.97*1.05),"plycem-decks":Math.ceil(Number(n.value1)/.15*Number(n.value2)/3.66*1.05),"plycem-entrepiso-residencial":Math.ceil(Number(n.area)/2.97*1.05),"plycem-microconcreto-exterior":Math.ceil(Number(n.area)/2.97*1.05)};(0,a.useEffect)(()=>{s(e=>e.map((e,n)=>n===t?{...e,result:h[u(e.producto)]}:e))},[n.area,n.largoLamina,n.tipoSiding]),(0,a.useEffect)(()=>{s(e=>e.map((e,r)=>r===t?{...e,area:((parseFloat(n.value1)?parseFloat(n.value1):0)*(parseFloat(n.value2)?parseFloat(n.value2):0)).toFixed(2)}:e))},[n.value1,n.value2]);let p=(e,n)=>{s(r=>r.map((r,i)=>i===t?{...r,[e]:n}:r))};return(0,a.useEffect)(()=>{n.area<=0?d(e=>[...e,"result"]):d(e=>e.filter(e=>"result"!==e))},[n]),(0,r.jsxs)(P,{className:"".concat(n.area<=0&&"error"),children:[(0,r.jsx)("div",{children:c?(0,r.jsxs)("div",{children:[(0,r.jsx)("span",{className:"letter",children:"plycem-decks"==u(n.producto)?"A":"L"}),(0,r.jsx)("input",{type:"number",value:i?Math.max(0,i):"",onCh
1ange:e=>p("value1",e.target.value)}),(0,r.jsx)("span",{children:"m"}),(0,r.jsx)("span",{className:"middle",children:"X"}),(0,r.jsx)("span",{className:"letter",children:"plycem-decks"==u(n.producto)?"B":"A"}),(0,r.jsx)("input",{type:"number",value:o?Math.max(0,o):"",onChange:e=>p("value2",e.target.value)}),(0,r.jsx)("span",{children:"m"})]}):(0,r.jsxs)("span",{className:"area",children:[n.area," m",(0,r.jsx)("sup",{children:"2"})]})}),(0,r.jsx)("span",{className:"button",onClick:()=>m(!c),children:c?"Guardar":"Editar"})]})};function C(){let e=(0,m._)(["\n .result {\n position: relative;\n margin-top: ","rem;\n padding: 0 ","rem;\n\n @media "," {\n padding: 0 ",'rem;\n }\n\n &::after {\n content: "";\n position: absolute;\n left: 0;\n top: 50%;\n transform: translateY(-50%);\n width: 8px;\n height: 4px;\n background-color: #56565b;\n\n @media '," {\n width: 16px;\n }\n }\n }\n\n .result {\n display: block;\n position: relative;\n padding: 0 ","rem;\n font-size: ","rem;\n font-weight: 600;\n line-height: ","rem;\n\n @media "," {\n padding: ","rem ","rem;\n display: initial;\n }\n\n &::after {\n background-color: #b42b3d;\n top: 55%;\n }\n\n .value {\n font-size: ","rem;\n font-weight: 500;\n line-height: ","rem;\n\n @media "," {\n font-size: ","rem;\n }\n }\n }\n\n .button {\n color: #56565b;\n font-size: ","rem;\n font-weight: 400;\n line-height: ","rem;\n cursor: pointer;\n\n &:hover {\n font-weight: 500;\n }\n }\n"]);return C=function(){return e},e}let T=u.ZP.section(C(),1,1.25,h.Td.md,2,h.Td.md,1.25,1,1.375,h.Td.md,5/16,2,1.5,1.375,h.Td.md,2,1,1.375);function S(){let e=(0,m._)(["\n position: relative;\n margin-top: ","rem;\n\n &.open {\n background-color: #ffffff;\n }\n\n .value {\n position: relative;\n display: flex;\n justify-content: space-between;\n padding: 0 ","rem 0 ","rem;\n\n @media "," {\n padding: 0 ",'rem;\n }\n\n &.open {\n &::after {\n display: none;\n }\n }\n\n &.error {\n .title {\n color: #b42b3d;\n }\n &::after {\n background-color: #b42b3d;\n }\n }\n\n &::after {\n content: "";\n position: absolute;\n left: 0;\n top: 50%;\n transform: translateY(-50%);\n width: ',"rem;\n height: 4px;\n background-color: #56565b;\n\n @media "," {\n width: ","rem;\n }\n }\n\n .title {\n color: #282828;\n font-size: ","rem;\n font-weight: 400;\n line-height: ","rem;\n }\n }\n .options-container {\n position: absolute;\n display: flex;\n flex-direction: column;\n background-color: #ffffff;\n width: 100%;\n overflow: hidden;\n max-height: 0;\n z-index: 2;\n\n &.open {\n padding: ","rem ","rem;\n max-height: fit-content;\n }\n\n .option {\n padding: ","rem 0;\n cursor: pointer;\n\n &:hover,\n &.current {\n color: #b42b3d;\n font-weight: 600;\n }\n }\n }\n"]);return S=function(){return e},e}let L=u.ZP.div(S(),1,15/16,1.25,h.Td.md,2,.5,h.Td.md,1,1,1.375,5/16,2,5/16);var z=e=>{let{productIndex:n,title:t,name:i,options:o}=e,{setLocalStorageProducts:s}=(0,a.useContext)(l.$V),{setModalErrors:d}=(0,a.useContext)(l.XL),[c,m]=(0,a.useState)(!1),u=(0,a.useRef)(null);(0,a.useEffect)(()=>{let e=e=>{u.current&&!u.current.contains(e.target)&&m(!1)};return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}},[]);let h=(e,t)=>{s(r=>r.map((r,i)=>i===n?{...r,[e]:t}:r)),"tipoPared"==i&&s(e=>e.map((e,t)=>t===n?{...e,espesorLamina:"Seleccionar"}:e))};return(0,a.useEffect)(()=>{"Seleccionar"==t?d(e=>[...e,i]):d(e=>e.filter(e=>e!==i))},[t]),(0,r.jsxs)(L,{className:c?"open":"",ref:u,children:[(0,r.jsxs)("div",{className:"value ".concat(c&&"open"," ").concat("Seleccionar"==t&&"error"),children:[(0,r.jsx)("span",{className:"title ",children:t}),(0,r.jsx)("span",{className:"button",onClick:()=>m(!c),children:c?"Cerrar":"Editar"})]}),(0,r.jsx)("div",{className:"options-container ".concat(c&&"open"),children:o&&o.map((e,n)=>{let{opcion:a}=e;return(0,r.jsx)("span",{className:"option ".concat(a==t&&"current"),onClick:()=>{h(i,a),m(!1)},children:a},"".concat(a,"-").concat(n))})})]})};let E={spanish:["plycem-exterior-junta-invisible","plycem-microconcreto-exterior","plycem-ranurado","plycem-siding","plycem-techos-eureka","plycem-entrepiso-alto-desempe\xf1o","plycem-entrepiso-residencial","plycem-decks"],english:["plycem-exterior-invisible-joint","plycem-exterior-microconcrete","plycem-grooved","plycem-siding","plycem-eureka-ceilings","plycem-high-performance-mezzanine-floors","plycem-residential-mezzanine","plycem-decks"]};var _=e=>{let{savedProduct:n,productIndex:t,options:o}=e,{localStorageProducts:s}=(0,a.useContext)(l.$V),{width:d}=(0,i.iP)(),m=d<1080,u=e=>{if(e){let n=e.replace("<sup>\xae</sup>",""),t=n.toLowerCase().split(" ").join("-");return t}},h=(0,c.Z)(),p=(e,n)=>e.includes(n);return(0,r.jsx)(r.Fragment,{children:(0,r.jsxs)(T,{children:[!m&&"calcular-cotizar"==s[0].flujo&&(0,r.jsxs)("span",{className:"result",children:["en"===h?"Result:":"Resultado:"," ",(0,r.jsx)("span",{className:"value quicksand",children:n.result})," ","en"===h?"units":"unidades"]}),p(E.spanish.concat(E.english),u(n.producto))&&(0,r.jsx)(z,{productIndex:t,savedProduct:n,title:n.tipoPared,name:"tipoPared",options:o.tipo_de_pared}),p(["plycem-exterior-junta-invisible","plycem-exterior-invisible-joint"],u(n.producto))&&(0,r.jsx)(z,{productIndex:t,savedProduct:n,title:n.tipoAcabado,name:"tipoAcabado",options:o.tipo_de_acabado}),p(["plycem-exterior-junta-invisible","plycem-exterior-invisible-joint","plycem-ranurado","plycem-grooved"],u(n.producto))&&(0,r.jsx)(z,{productIndex:t,savedProduct:n,title:n.espesorLamina,name:"espesorLamina",options:o.espesores_de_lamina.filter(e=>e.tipo_de_pared==n.tipoPared)}),p(["plycem-siding"],u(n.producto))&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(z,{productIndex:t,savedProduct:n,title:n.tipoSiding,name:"tipoSiding",options:o.tipo_de_siding}),(0,r.jsx)(z,{productIndex:t,savedProduct:n,title:n.alturaSiding,name:"alturaSiding",options:o.altura_de_siding})]}),p(["plycem-techos-eureka","plycem-eureka-ceilings"],u(n.producto))&&(0,r.jsx)(z,{productIndex:t,savedProduct:n,title:n.largoLamina,name:"largoLamina",options:o.largo_de_lamina}),p(["plycem-entrepiso-alto-desempe\xf1o","plycem-high-performance-mezzanine-floors"],u(n.producto))&&(0,r.jsx)(z,{productIndex:t,savedProduct:n,title:n.uso,name:"uso",o
1ptions:o.uso}),"calcular-cotizar"==s[0].flujo&&(0,r.jsx)(M,{productIndex:t,savedProduct:n,value1:n.value1,value2:n.value2}),p(["plycem-decks","plycem-entrepiso-residencial","plycem-residential-mezzanine"],u(n.producto))&&"cotizar"==s[0].flujo&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(N,{productIndex:t,value:n.value1,title:{"plycem-exterior-junta-invisible":"Longitud de pared","plycem-entrepiso-alto-desempe\xf1o":"Longitud de entrepiso","plycem-techos-eureka":"Longitud","plycem-siding":"Longitud","plycem-ranurado":"Longitud","plycem-decks":"Dimensi\xf3n A (Direcci\xf3n de vigas)","plycem-entrepiso-residencial":"Longitud de entrepiso","plycem-microconcreto-exterior":"Longitud de pared"}[u(n.producto)],name:"value1"}),(0,r.jsx)(N,{productIndex:t,value:n.value2,title:{"plycem-exterior-junta-invisible":"Alto de pared","plycem-entrepiso-alto-desempe\xf1o":"Ancho de entrepiso","plycem-techos-eureka":"Ancho","plycem-siding":"Altura m\xe1xima","plycem-ranurado":"Altura m\xe1xima","plycem-decks":"Dimensi\xf3n B (Direcci\xf3n de Plydeck)","plycem-entrepiso-residencial":"Ancho de entrepiso","plycem-microconcreto-exterior":"Alto de pared"}[u(n.producto)],name:"value2"})]}),"cotizar"==s[0].flujo&&(0,r.jsx)(N,{productIndex:t,value:n.quantity,title:"L\xe1minas",name:"quantity",type:"quantity"}),"calcular-cotizar"==s[0].flujo&&m&&(0,r.jsxs)("span",{className:"result",children:["en"===h?"Result:":"Resultado:"," ",(0,r.jsx)("span",{className:"value quicksand",children:n.result})," ","en"===h?"units":"unidades"]})]})})},A=e=>{let{savedProduct:n}=e,t=Math.ceil(Number(n.value1)/.15*Number(n.value2)/3.66*1.05),i=Math.ceil(9*t),a=Math.ceil((Number(n.value2)/.406+1)*2),l=Number(n.value1)*Number(n.value2);return(0,r.jsx)("div",{className:"table-container",children:(0,r.jsx)("table",{children:(0,r.jsxs)("tbody",{children:[(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{children:"1323611"}),(0,r.jsx)("td",{dangerouslySetInnerHTML:{__html:n.producto}}),(0,r.jsxs)("td",{children:[t," / u"]})]}),(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{children:"962285"}),(0,r.jsx)("td",{children:"Clips Pl\xe1sticos para metal"}),(0,r.jsxs)("td",{children:[i," / u"]})]}),(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{children:"982282"}),(0,r.jsx)("td",{children:"Clips de Arranque"}),(0,r.jsxs)("td",{children:[a," / u"]})]}),(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{children:"960794"}),(0,r.jsx)("td",{children:"Tornillos p/clips SPH7-162"}),(0,r.jsxs)("td",{children:[Math.round(i+a)," / u"]})]}),(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{}),(0,r.jsx)("td",{children:"Mano de Obra mt2 Intalacion"}),(0,r.jsxs)("td",{children:[l," / m2"]})]})]})})})},I=e=>{let{savedProduct:n}=e,t=Math.ceil(Number(n.area)/2.97*1.05),i=Math.ceil(1.05*Number(n.area)),a=Math.ceil(Number(n.area)/12*1.05),l=Number(n.area);return(0,r.jsx)("div",{className:"table-container",children:(0,r.jsx)("table",{children:(0,r.jsxs)("tbody",{children:[(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{children:"Comercial"===n.uso?"971829":"Residencial B\xe1sico"===n.uso?"972254":"971677"}),(0,r.jsx)("td",{dangerouslySetInnerHTML:{__html:n.producto}}),(0,r.jsxs)("td",{children:[t," / u"]})]}),(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{children:"960798"}),(0,r.jsx)("td",{children:"Tornillo Plycem PH10-175 punta tek #10x1-3/4"}),(0,r.jsxs)("td",{children:[Math.ceil(26.25*t)," / u"]})]}),(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{children:"961368"}),(0,r.jsx)("td",{children:'Arandela \xbe"x1/4" p/entrepisos(19x6.5mm)'}),(0,r.jsxs)("td",{children:[Math.ceil(5.25*t)," / u"]})]}),(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{children:"972217"}),(0,r.jsx)("td",{children:"Cinta antiv. 38mm x30,5m (1.5\" x 100')"}),(0,r.jsxs)("td",{children:[Math.ceil(6.1*t/30*1.05)," / ml"]})]}),(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{children:"963817"}),(0,r.jsx)("td",{children:"Geotextil No T PP NT1600-4mX160m NE640"}),(0,r.jsxs)("td",{children:[i," / m2"]})]}),(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{}),(0,r.jsx)("td",{children:"Pegamento Supreme de Lanco"}),(0,r.jsxs)("td",{children:[a," / galon"]})]}),(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{}),(0,r.jsx)("td",{children:"Mano de Obra"}),(0,r.jsxs)("td",{children:[l," / m2"]})]})]})})})},H=e=>{let{savedProduct:n}=e,t=Math.ceil(Number(n.area)/2.97*1.05),i=Math.ceil(1.05*Number(n.area)),a=Math.ceil(Number(n.area)/12*1.05),l=Number(n.area);return(0,r.jsx)("div",{className:"table-container",children:(0,r.jsx)("table",{children:(0,r.jsxs)("tbody",{children:[(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{children:"1322729"}),(0,r.jsx)("td",{children:"Mi concreto entrepiso 20mm 1219x2438mm"}),(0,r.jsxs)("td",{children:[t," / u"]})]}),(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{children:"960798"}),(0,r.jsx)("td",{children:"Tornillo Plycem PH10-175 punta tek #10x1-3/4"}),(0,r.jsxs)("td",{children:[Math.ceil(26.25*t)," / u"]})]}),(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{children:"961368"}),(0,r.jsx)("td",{children:'Arandela \xbe"x1/4" p/entrepisos(19x6.5mm)'}),(0,r.jsxs)("td",{children:[Math.ceil(5.25*t)," / u"]})]}),(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{children:"963817"}),(0,r.jsx)("td",{children:"Geotextil No T PP NT1600-4mX160m NE640"}),(0,r.jsxs)("td",{children:[i," / m2"]})]}),(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{}),(0,r.jsx)("td",{children:"Pegamento SUPREME de Lanco"}),(0,r.jsxs)("td",{children:[a," / gal\xf3n"]})]}),(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{}),(0,r.jsx)("td",{children:"Mano de Obra"}),(0,r.jsxs)("td",{children:[l," / m2"]})]})]})})})},q=e=>{let{savedProduct:n}=e,t="Interior"===n.tipoPared?"960924":"970784",i="Interior"===n.tipoPared&&n.value2>2.44?"960935":"Interior"===n.tipoPared&&n.value2<=2.44?"960934":"Exterior"===n.tipoPared&&n.value2>2.44?"960933":"Exterior"===n.tipoPared&&n.value2<=2.44?"970790":"Una cara"===n.tipoPared&&n.value2>2.44?"960922":"970790",a="Grueso"===n.tipoAcabado?"73784":"73785",l="Interior"===n.tipoPared?"Perfil HG PA Cal 24 10x3.2x305cm G60":"Perfil HG PA Cal 20 3.2x10x305cm",o="Interior"===n.tipoPared&&n.value2>2.44?"Perfil HG PE Cal 24 10X5.0X305cm G60":"Interior"===n.tipoPared&&n.value2<=2.44?"Perfil HG PE Cal 24 10x5.0x244cm G60":"Exterior"===n.tipoPared&&n.value2>2.44?"Perfil HG PE Cal 20 10X5.0X305cm":"Exterior"===n.tipoPared&&n.value2<=2.44?"Perfil HG PE Cal 20 10X5.0X244cm":"Una cara"===n.tipoPared&&n.value2>2.44?"Perfil HG PE Cal 20 10X5.0X305cm":"Perfil HG PE Cal 20 10X5.0X244cm",s="Grueso"===n.tipoAcabado?"Mortero Plyrock acabado grueso Ultra 520 25kg":"Mortero Plyrock acabado liso Ultra 560 25kg",d="Interior"===n.tipoPared?"Clavo de impacto de 1 pulgada":'Perno de expansi\xf3n 2-1/2*1/"4',c=Number(n.value2)>2.44?Math.ceil(4*Number(n.value1)/2.8):Math.ceil(2*Number(n.value1)/2.8),m=Number(n.value2)>2.44?Math.ceil((Number(n.value1)/.61+1)*Number(n.value2)/2.8):Math.ceil(Number(n.value1)/.61+1),u=Math.ceil(Number(n.area)/2.97*1.05),h=Math.ceil(3.66*u/45*1.05),p="Grueso"===n.tipoAcabado?Math.ceil(Number(n.area)/13):Math.ceil(Number(n.area)/18),x=Math.ceil(2*Number(n.value1)/12),g="Interior"===n.tipoPared?0:Math.ceil(Number(n.area)/38.9),j=Math.ceil(Number(n.value1)/.4*1.25),f="Interior"===n.tipoPared?Math.ceil((Number(n.value1)/.4+1)*1.2):Math.ceil((Number(n.value1)/1.2+1)*1.05),b=Number(n.area);return(0,r.jsx)("div",{className:"table-container",children:(0,r.jsx)("table",{children:(0,r.jsxs)("tbody",{children:[(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{children:t}),(0,r.jsx)("td",{children:l}),(0,r.jsxs)("td",{children:[c," / u"]})]}),(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{children:i}),(0,r.jsx)("td",{children:o}),(0,r.jsxs)("td",{children:[m," / u"]})]}),(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{children:"960804"}),(0,r.jsx)("td",{children:"Tornillos LH8-050 uniones met\xe1licas"}),(0,r.jsxs)("td",{children:[5*m," / u"]})]}),(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{children:"960093"}),(0,r.jsx)("td",{dangerouslySetInnerHTML:{__html:n.producto}}),(0,r.jsxs)("td",{children:[u," / u"]})]}),(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{children:"960841"}),(0,r.jsx)("td",{children:"Tornillo Plycem PH8-125 punta tek #8x1-1/4"}),(0,r.jsxs)("td",{children:[Math.ceil(62.5*u)," / u"]})]}),(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{children:"982042"}),(0,r.jsx)("td",{children:"Malla 15cmx45m junta r\xedgida (blanco) "}),(0,r.jsxs)("td",{children:[h," / rollo"]})]}),(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{children:"982051"}),(0,r.jsx)("td",{children:"Malla 25cmx45m junta r\xedgida (blanco)"}),(0,r.jsxs)("td",{children:[h," / rollo"]})]}),(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{children:"73783"}),(0,r.jsx)("td",{children:"Mortero Plyrock p/juntas Ultra 510 25kg"}),(0,r.jsxs)("td",{children:[Math.ceil(3.66*u/90)," / cubeta 25kg"]})]}),(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{children:a}),(0,r.jsx)("td",{children:s}
1),(0,r.jsxs)("td",{children:[p," / bolsa 25kg"]})]}),(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{children:"74544"}),(0,r.jsx)("td",{children:"Sikaflex 1A Plus Sellador Poliuretano 300 ml"}),(0,r.jsxs)("td",{children:[x," / tubo"]})]}),(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{children:"960769"}),(0,r.jsx)("td",{children:"Building Wrap Rollo 1.22 x 35 m"}),(0,r.jsxs)("td",{children:[g," / rollo"]})]}),(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{children:"960805"}),(0,r.jsx)("td",{children:"Tornillo MM 10-075 cabeza hex punta broca # 10x3/4 (19mm)"}),(0,r.jsxs)("td",{children:[j," / u"]})]}),(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{children:"LOCAL"}),(0,r.jsx)("td",{children:d}),(0,r.jsxs)("td",{children:[f," / u"]})]}),(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{}),(0,r.jsx)("td",{children:"Mano de Obra mt2 Intalacion"}),(0,r.jsxs)("td",{children:[b," / m2"]})]})]})})})},G=e=>{let{savedProduct:n}=e,t=n.value2>2.44?Math.ceil(4*Number(n.value1)/2.8):Math.ceil(2*Number(n.value1)/2.8),i=n.value2>2.44?Math.ceil((Number(n.value1)/.61+1)*Number(n.value2)/2.8):Math.ceil(Number(n.value1)/.61+1),a=Math.ceil(Number(n.area)/2.97*1.05),l=Math.ceil(Number(n.area)/5),o=Math.ceil(Number(n.value1)/.4*1.25),s="Interior"===n.tipoPared?Math.ceil((Number(n.value1)/.4+1)*1.2):Math.ceil((Number(n.value1)/1.2+1)*1.05),d=Number(n.area);return(0,r.jsx)("div",{className:"table-container",children:(0,r.jsx)("table",{children:(0,r.jsxs)("tbody",{children:[(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{children:"Interior"===n.tipoPared?"960924":"970784"}),(0,r.jsx)("td",{children:"Interior"===n.tipoPared?"Perfil HG PA Cal 24 10x3.2x305cm G60":"Perfil HG PA Cal 20 3.2x10x305cm"}),(0,r.jsxs)("td",{children:[t," / u"]})]}),(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{children:"Interior"===n.tipoPared&&n.value2>2.44?"960935":"Interior"===n.tipoPared&&n.value2<=2.44?"960934":"Exterior"===n.tipoPared&&n.value2>2.44?"960933":"Exterior"===n.tipoPared&&n.value2<=2.44?"970790":"Una cara"===n.tipoPared&&n.value2>2.44?"960922":"970790"}),(0,r.jsx)("td",{children:"Interior"===n.tipoPared&&n.value2>2.44?"PERFIL HG PE CAL 24 10X5.0X305cm G60":"Interior"===n.tipoPared&&n.value2<=2.44?"Perfil HG PE Cal 24 10x5.0x244cm G60":"Exterior"===n.tipoPared&&n.value2>2.44?"Perfil HG PE Cal 20 10X5.0X305cm":"Exterior"===n.tipoPared&&n.value2<=2.44?"Perfil HG PE Cal 20 10X5.0X244cm":"Una cara"===n.tipoPared&&n.value2>2.44?"Perfil HG PE Cal 20 10X5.0X305cm":"Perfil HG PE Cal 20 10X5.0X244cm"}),(0,r.jsxs)("td",{children:[i," / u"]})]}),(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{children:"960804"}),(0,r.jsx)("td",{children:"Tornillos LH8-050 uniones met\xe1licas"}),(0,r.jsxs)("td",{children:[5*i," / u"]})]}),(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{children:"1323334"}),(0,r.jsx)("td",{children:"Mi Concreto Paredes 12mm 1219x2438mm"}),(0,r.jsxs)("td",{children:[a," / u"]})]}),(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{children:"960841"}),(0,r.jsx)("td",{children:"Torn Plycem PH8-125 punta tek #8x1-1/4"}),(0,r.jsxs)("td",{children:[Math.ceil(62.5*a)," / u"]})]}),(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{children:"982042"}),(0,r.jsx)("td",{children:"Malla 15cm x 45m junta r\xedgida (blanco)"}),(0,r.jsxs)("td",{children:[Math.ceil(3.66*a/45*1.05)," / rollo"]})]}),(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{children:"LOCAL"}),(0,r.jsx)("td",{children:"Mortero muro seco"}),(0,r.jsxs)("td",{children:[l," / bolsa 25kg"]})]}),(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{children:"960805"}),(0,r.jsx)("td",{children:"Torn MM 10-075 hex pbroca # 10x3/4 19mm"}),(0,r.jsxs)("td",{children:[o," / u"]})]}),(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{children:"LOCAL"}),(0,r.jsx)("td",{children:"Clavo de impacto de 1 pulgada"}),(0,r.jsxs)("td",{children:[s," / u"]})]}),(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{children:"LOCAL"}),(0,r.jsx)("td",{children:"Mano de Obra mt2 Intalacion"}),(0,r.jsxs)("td",{children:[d," / m2"]})]})]})})})},Z=e=>{let{savedProduct:n}=e,t=Math.ceil(2*Number(n.value1)/2.8),i=Math.ceil((Number(n.value1)/.61+1)*Number(n.value2)/2.8),a=Math.ceil(Number(n.area)/2.97*1.05),l=Math.ceil(57.5*a),o="Externa"===n.tipoPared?Math.ceil(Number(n.area)/39):0,s=Math.ceil(Number(n.value1)/.3*1.25),d=Math.ceil(Number(n.value1)/1*1.2205),c=Number(n.area);return(0,r.jsx)("div",{className:"table-container",children:(0,r.jsx)("table",{children:(0,r.jsxs)("tbody",{children:[(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{children:"960925"}),(0,r.jsx)("td",{children:"Interna"===n.tipoPared?"Perfil HG PA Cal 24 10x3.2x305cm G60":"Perfil HG PA Cal 20 3.2x10x305cm"}),(0,r.jsxs)("td",{children:[t," / u"]})]}),(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{children:"960937"}),(0,r.jsx)("td",{children:"Interna"===n.tipoPared&&n.value2>2.44?"Perfil HG PE Cal 24 10X5.0X305cm G60":"Interna"===n.tipoPared&&n.value2<=2.44?"Perfil HG PE Cal 24 10x5.0x244cm G60":"Externa"===n.tipoPared&&n.value2>2.44?"Pefil HG PE Cal 20 10X5.0X305cm":"Externa"===n.tipoPared&&n.value2<=2.44?"Perfil HG PE Cal 20 10X5.0X244cm":"PERFIL HG PE CAL 20 10X
15.0X244cm"}),(0,r.jsxs)("td",{children:[i," / u"]})]}),(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{children:"960804"}),(0,r.jsx)("td",{children:"Tornillos LH8-050 uniones met\xe1licas"}),(0,r.jsxs)("td",{children:[5*i," / u"]})]}),(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{children:"Externa"===n.tipoPared&&"Tablatek Tablilla JS 11mm"===n.espesorLamina?"960082":"Externa"===n.tipoPared&&"Tablatek Campestre JS 11mm"===n.espesorLamina?"960089":"960000"}),(0,r.jsx)("td",{children:"Externa"===n.tipoPared&&"Tablatek Tablilla JS 11mm"===n.espesorLamina?"T-Tek Tablilla js 11mm 1229x2438mm A11 D76":"Externa"===n.tipoPared&&"Tablatek Campestre JS 11mm"===n.espesorLamina?"T-Tek Campestre js 11mm 1219x2438mm":"T-Tek Tablilla js 8mm 1219x2438 A11 D76"}),(0,r.jsxs)("td",{children:[a," / u"]})]}),(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{children:"960841"}),(0,r.jsx)("td",{children:"Torn Plycem PH8-125 punta tek #8x1-1/4"}),(0,r.jsxs)("td",{children:[l," / u"]})]}),(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{children:"Local"}),(0,r.jsx)("td",{children:"Sellador de Tornillo (Zero Spackilng lanco)"}),(0,r.jsxs)("td",{children:[Math.ceil(.002*l)," / 1/4 gal\xf3n"]})]}),(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{children:"960769"}),(0,r.jsx)("td",{children:"Building Wrap Rollo 1.22 x 35 m"}),(0,r.jsxs)("td",{children:[o," / u"]})]}),(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{children:"74544"}),(0,r.jsx)("td",{children:"Sikaflex 1A Plus Sellador Poliuretano 300 ml"}),(0,r.jsxs)("td",{children:[Math.ceil(2.44*a/10)," / u"]})]}),(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{children:"960805"}),(0,r.jsx)("td",{children:"Torn MM 10-075 hex pbroca # 10x3/4 19mm"}),(0,r.jsxs)("td",{children:[s," / u"]})]}),(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{children:"Local"}),(0,r.jsx)("td",{children:"Interna"===n.tipoPared?"Clavo de impacto de 1 pulgada":'Perno de expansi\xf3n 2-1/2*1/""4'}),(0,r.jsxs)("td",{children:[d," / u"]})]}),(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{}),(0,r.jsx)("td",{children:"Mano de Obra mt2 Intalacion"}),(0,r.jsxs)("td",{children:[c," / m2"]})]})]})})})},F=e=>{let{savedProduct:n}=e,t=Math.ceil(2*Number(n.value1)/2.8),i=Math.ceil((Number(n.value1)/.61+1)*Number(n.value2)/2.8),a=Math.ceil(Number(n.value1)/6.1*1.05),l=Math.ceil(2*Number(n.value2)/6),o="Machimbrado"===n.tipoSiding&&24===n.alturaSiding?Math.ceil(Number(n.area)/.58/5):"Machimbrado"===n.tipoSiding&&30===n.alturaSiding?Math.ceil(Number(n.area)/.73/4):"Traslapado"===n.tipoSiding&&24===n.alturaSiding?Math.ceil(Number(n.area)/.51/5):Math.ceil(Number(n.area)/.65/4),s=24===n.alturaSiding?1.25*Math.ceil(20*o):Math.ceil(50*o),d=Math.ceil(Number(n.area)/39.2*1.05),c=Math.ceil((Number(n.value1)+2*Number(n.value2))/10*1.05),m=Math.ceil(Number(n.value1)/.3*1.25),u=Math.ceil(Number(n.value1)/1*1.2205),h=n.area;return(0,r.jsx)("div",{className:"table-container",children:(0,r.jsx)("table",{children:(0,r.jsxs)("tbody",{children:[(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{children:"960925"}),(0,r.jsx)("td",{children:"Perfil H.G.PA Cal 20 10 X 3.2 X 305CM G60"}),(0,r.jsxs)("td",{children:[t," / u"]})]}),(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{children:"960937"}),(0,r.jsx)("td",{children:"Perfil H.G.PE Cal 20 10 X 5.0 X 305CM G60"}),(0,r.jsxs)("td",{children:[i," / u"]})]}),(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{children:"960765"}),(0,r.jsx)("td",{children:"Botaguas aluminio natural 5cmx1mm x 640cm para pared"}),(0,r.jsxs)("td",{children:[a," / u"]})]}),(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{children:"960771"}),(0,r.jsx)("td",{children:"Esquinero angul. Alum. Natural 17x17x6400 p/fachada tek"}),(0,r.jsxs)("td",{children:[l," / u"]})]}),(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{children:"960804"}),(0,r.jsx)("td",{children:"Tornillos LH8-050 uniones met\xe1licas"}),(0,r.jsxs)("td",{children:[5*i," / u"]})]}),(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{children:"Machimbrado"===n.tipoSiding&&24===n.alturaSiding?"960192":"Machimbrado"===n.tipoSiding&&30===n.alturaSiding?"960170":"Traslapado"===n.tipoSiding&&24===n.alturaSiding?"960170":"960176"}),(0,r.jsx)("td",{dangerouslySetInnerHTML:{__html:n.producto}}),(0,r.jsxs)("td",{children:[o," / paquetes"]})]}),(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{children:"960841"}),(0,r.jsx)("td",{children:"Tornillo Plycem PH8-125 punta tek #8x1-1/4"}),(0,r.jsxs)("td",{children:[s," / u"]})]}),(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{children:"Local"}),(0,r.jsx)("td",{children:"Sellador de Tornillo (Zero Spackilng lanco)"}),(0,r.jsxs)("td",{children:[Math.ceil(.002*s)," / 1/4 gal\xf3n"]})]}),(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{children:"960769"}),(0,r.jsx)("td",{children:"Building Wrap Rollo 1.22 x 35 m"}),(0,r.jsxs)("td",{children:[d," / u"]})]}),(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{children:"74544"}),(0,r.jsx)("td",{children:"Sikaflex 1A Plus Sellador Poliuretano 300 ml"}),(0,r.jsxs)("td",{children:[c," / u"]})]}),(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{children:"960805"}),(0,r.jsx)("td",{children:"Tornillo MM 10-075 cabeza hex punta broca # 10x3/4 (19mm)"}),(0,r.jsxs)("td",{children:[m," / u"]})]}),(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{children:"Local"}),(0,r.jsx)("td",{children:'Perno de expansi\xf3n 2-1/2" x 1/4"'}),(0,r.jsxs)("td",{children:[u," / u"]})]}),(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{}),(0,r.jsx)("td",{children:"Mano de Obra mt2 Intalacion"}),(0,r.jsxs)("td",{children:[h," / m2"]})]})]})})})},Y=e=>{let{savedProduct:n}
1=e,t="Eureka P7 6 pies"===n.largoLamina?Math.ceil(Number(n.area)/1.42*1.1):"Eureka P7 8 pies"===n.largoLamina?Math.ceil(Number(n.area)/1.94*1.1):"Eureka P7 10 pies"===n.largoLamina?Math.ceil(Number(n.area)/2.47*1.1):Math.ceil(Number(n.area)/3*1.1),i=Math.ceil(Number(n.value2)),a=Number(n.area);return(0,r.jsx)("div",{className:"table-container",children:(0,r.jsx)("table",{children:(0,r.jsxs)("tbody",{children:[(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{children:"960742"}),(0,r.jsx)("td",{dangerouslySetInnerHTML:{__html:n.producto}}),(0,r.jsxs)("td",{children:[t," / c/u"]})]}),(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{children:"972331"}),(0,r.jsx)("td",{children:"Cumbrera perfil 7 terracota"}),(0,r.jsxs)("td",{children:[i," / c/u"]})]}),(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{children:"1319693"}),(0,r.jsx)("td",{children:"Caballete universal Eureka 92 rojo teja 5mm"}),(0,r.jsxs)("td",{children:[2," / c/u"]})]}),(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{children:"1319692"}),(0,r.jsx)("td",{children:"Tap\xf3n terminal Eureka pP7 rojo teja 5mm"}),(0,r.jsxs)("td",{children:[Math.ceil(2.3*t)," / c/u"]})]}),(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{}),(0,r.jsx)("td",{children:'Perno Roscado con arandela, capuchon y tuerca de 16"'}),(0,r.jsxs)("td",{children:[i+1," / c/u"]})]}),(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{}),(0,r.jsx)("td",{children:"Mano de obra de instalacion"}),(0,r.jsxs)("td",{children:[a," / m2"]})]})]})})})};function X(){let e=(0,m._)(["\n position: relative;\n padding-bottom: ","rem;\n max-width: 0;\n max-height: 0;\n overflow: hidden;\n\n @media "," {\n padding-bottom: 0;\n }\n\n .pdf-only {\n display: none;\n }\n"]);return X=function(){return e},e}let R=u.ZP.section(X(),1.75,h.Td.md),V=e=>{let{savedProduct:n}=e,t=e=>{if(n){let n=e.replace("<sup>\xae</sup>",""),t=n.toLowerCase().split(" ").join("-");return t}};return(0,r.jsxs)(R,{children:[(0,r.jsx)("div",{className:"pdf-only",children:(0,r.jsx)("h2",{dangerouslySetInnerHTML:{__html:n.producto}})}),("plycem-exterior-junta-invisible"===t(n.producto)||"plycem-exterior-invisible-joint"===t(n.producto))&&(0,r.jsx)(q,{savedProduct:n}),("plycem-entrepiso-alto-desempe\xf1o"===t(n.producto)||"plycem-high-performance-mezzanine-floors"===t(n.producto))&&(0,r.jsx)(I,{savedProduct:n}),("plycem-techos-eureka"===t(n.producto)||"plycem-eureka-ceilings"===t(n.producto))&&(0,r.jsx)(Y,{savedProduct:n}),"plycem-siding"===t(n.producto)&&(0,r.jsx)(F,{savedProduct:n}),("plycem-ranurado"===t(n.producto)||"plycem-grooved"===t(n.producto))&&(0,r.jsx)(Z,{savedProduct:n}),"plycem-decks"===t(n.producto)&&(0,r.jsx)(A,{savedProduct:n}),("plycem-entrepiso-residencial"===t(n.producto)||"plycem-residential-mezzanine"===t(n.producto))&&(0,r.jsx)(H,{savedProduct:n}),("plycem-microconcreto-exterior"===t(n.producto)||"plycem-exterior-microconcrete"===t(n.producto))&&(0,r.jsx)(G,{savedProduct:n})]})};function Q(){let e=(0,m._)(["\n .mySwiper {\n height: auto;\n\n @media "," {\n height: ","rem;\n }\n }\n\n .wrapper {\n &.cotizar {\n width: 100%;\n display: flex;\n gap: 1.94rem;\n\n .bulk-editor {\n width: 100%;\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-top: 2.1875rem;\n @media ",' {\n width: 50%;\n }\n .bulk-item {\n display: flex;\n align-items: center;\n gap: 1rem;\n justify-content: space-between;\n .product-name {\n position: relative;\n padding-left: 2rem;\n &::after {\n content: "";\n position: absolute;\n left: 0;\n top: 55%;\n transform: translateY(-50%);\n width: 0.5rem;\n height: 4px;\n background-color: #56565b;\n @media '," {\n width: 1rem;\n }\n }\n }\n .editor {\n margin-top: 0;\n padding: 0;\n gap: 1.44rem;\n &:after {\n display: none;\n }\n .input-editor {\n display: flex;\n gap: 1rem;\n }\n .letter,\n .title {\n font-weight: 600;\n }\n }\n }\n }\n .swiper {\n @media "," {\n display: block;\n flex: 1;\n }\n display: none;\n .swiper-container {\n .product-swiper {\n width: 100%;\n .product-name {\n display: none;\n }\n img {\n max-width: 28rem;\n }\n }\n .single-editor {\n display: none;\n }\n }\n }\n }\n }\n\n .bulk-editor {\n display: none;\n }\n\n .swiper-container {\n display: flex;\n flex-direction: column;\n\n @media "," {\n flex-direction: initial;\n }\n\n .product-swiper {\n margin-top: ","rem;\n display: flex;\n flex-direction: column;\n width: 100%;\n\n @media "," {\n margin-top: ","rem;\n width: 50%;\n }\n\n .product-name {\n position: relative;\n color: #282828;\n font-size: ","rem;\n font-weight: 600;\n line-height: ","rem;\n border-bottom: 1px solid #bdbdbd;\n padding-bottom: 16px;\n\n @media "," {\n font-weight: 400;\n padding-left: ","rem;\n padding-bottom: 0;\n border: none;\n }\n\n &::after {\n @media ",' {\n content: "";\n position: absolute;\n left: 0;\n top: 58%;\n transform: translateY(-50%);\n width: 16px;\n height: 3px;\n background-color: #56565b;\n }\n }\n }\n\n .product-image {\n display: none;\n margin-top: ',"rem;\n max-width: ","rem;\n height: auto;\n\n @media "," {\n display: block;\n }\n }\n }\n\n .editor-swiper {\n display: flex;\n flex-direction: column;\n width: 100%;\n\n @media "," {\n width: 50%;\n }\n }\n }\n\n .image-swiper-button-next,\n .image-swiper-button-prev {\n position: absolute;\n bottom: ","rem;\n top: auto;\n z-index: 10;\n cursor: pointer;\n\n &.cotizar {\n display: none;\n @media "," {\n display: block;\n }\n }\n\n svg {\n width: ","rem;\n height: auto;\n }\n }\n\n .image-swiper-button-prev {\n left: 35%;\n transform: translateX(-50%);\n\n @media "," {\n left: 45%;\n }\n }\n\n .swiper-pagination-custom {\n position: absolute;\n bottom: ","rem;\n top: auto;\n left: 50%;\n transform: translateX(-50%);\n z-index: 10;\n cursor: pointer;\n width: fit-content;\n height: ","rem;\n &.cotizar {\n display: none;\n @media "," {\n display: block;\n }\n }\n }\n\n .image-swiper-button-next {\n right: 35%;\n transform: translateX(50%);\n\n @media "," {\n right: 45%;\n }\n\n svg {\n transform: scaleX(-1);\n }\n }\n\n .email-body {\n position: relative;\n padding-bottom: ","rem;\n max-width: 0;\n max-height: 0;\n overflow: hidden;\n\n @media "," {\n padding-bottom: 0;\n }\n }\n"]);return Q=function(){return e},e}let O=u.ZP.section(Q(),h.Td.md,235/16,h.Td.md,h.Td.md,h.Td.md,h.Td.md,1,h.Td.md,35/16,1,1.375,h.Td.md,2,h.Td.md,23/16,18.75,h.Td.md,h.Td.md,15/16,h.Td.md,25/16,h.Td.md,15/16,25/16,h.Td.md,h.Td.md,1.75,h.Td.md);var D=e=>{let{setCurrentPage:n}=e,{products:t}
1=(0,a.useContext)(l.Xp),{localStorageProducts:i,productParams:o}=(0,a.useContext)(l.$V),s=(0,c.Z)(),m=e=>t.filter(n=>n.title===e)[0]||[],u=e=>{let n=e.replace("<sup>\xae</sup>",""),t=n.toLowerCase().split(" ").join("-");return t};return(0,r.jsxs)(O,{children:[(0,r.jsx)("div",{className:"swiper-button image-swiper-button-prev ".concat(o.flujo),children:(0,r.jsx)(d.Q,{src:"/icons/quote-red-arrow.svg"})}),(0,r.jsx)("div",{className:"swiper-pagination-custom ".concat(o.flujo)}),(0,r.jsx)("div",{className:"swiper-button image-swiper-button-next ".concat(o.flujo),children:(0,r.jsx)(d.Q,{src:"/icons/quote-red-arrow.svg"})}),(0,r.jsxs)("div",{className:"wrapper ".concat(o.flujo),children:[(0,r.jsx)("div",{className:"bulk-editor",children:i.length>=1&&i.map((e,n)=>(0,r.jsxs)("div",{className:"bulk-item",children:[(0,r.jsx)("span",{className:"product-name",dangerouslySetInnerHTML:{__html:e.producto}}),(0,r.jsx)(N,{productIndex:n,value:e.quantity,title:"Laminas",name:"quantity",type:"quantity"})]},n))}),(0,r.jsx)(v.tq,{onSlideChange:e=>n(e.realIndex+1),pagination:{el:".swiper-pagination-custom",type:"fraction"},navigation:{nextEl:".image-swiper-button-next",prevEl:".image-swiper-button-prev"},modules:[b.tl,b.W_],className:"mySwiper",children:i.length>=1&&i.map((e,n)=>{var t,a;return(0,r.jsxs)(v.o5,{className:"swiper-container ".concat(o.flujo),children:[(0,r.jsxs)("div",{className:"product-swiper",children:[(0,r.jsx)("span",{className:"product-name",dangerouslySetInnerHTML:{__html:e.producto}}),m(e.producto)&&(null===(t=m(e.producto))||void 0===t?void 0:null===(a=t.acf)||void 0===a?void 0:a.imagen_del_producto)&&(0,r.jsx)(f(),{src:m(e.producto).acf.imagen_del_producto.url,alt:m(e.producto).title,width:m(e.producto).acf.imagen_del_producto.width,height:m(e.producto).acf.imagen_del_producto.height,className:"product-image"})]}),(0,r.jsx)("div",{className:"editor-swiper single-editor",children:(0,r.jsx)(_,{savedProduct:e,productIndex:n,options:m(e.producto).acf})}),(0,r.jsx)("div",{className:"tables-to-save",children:"calcular-cotizar"==i[0].flujo?(0,r.jsx)(V,{savedProduct:e}):(0,r.jsxs)("div",{className:"email-body",children:[(0,r.jsx)("h2",{dangerouslySetInnerHTML:{__html:e.producto}}),(0,r.jsxs)("div",{className:"body",children:[["plycem-exterior-junta-invisible","plycem-exterior-invisible-joint","plycem-microconcreto-exterior","plycem-exterior-microconcrete","plycem-ranurado","plycem-grooved"].includes(u(e.producto))&&(0,r.jsx)("div",{className:"value",children:(0,r.jsxs)("div",{className:"value",children:[(0,r.jsx)("span",{children:"en"===s?"Wall Type:":"Tipo de pared:"})," ",e.tipoPared]})}),["plycem-exterior-junta-invisible","plycem-exterior-invisible-joint"].includes(u(e.producto))&&(0,r.jsxs)("div",{className:"value",children:[(0,r.jsx)("span",{children:"en"===s?"Finish Type:":"Tipo de acabado:"})," ",e.tipoAcabado]}),["plycem-ranurado","plycem-grooved"].includes(u(e.producto))&&(0,r.jsxs)("div",{className:"value",children:[(0,r.jsx)("span",{children:"en"===s?"Sheet Thickness:":"Espesores de l\xe1mina:"})," ",e.espesorLamina]}),["plycem-siding"].includes(u(e.producto))&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)("div",{className:"value",children:[(0,r.jsx)("span",{children:"en"===s?"Siding Type:":"Tipo de Siding:"})," ",e.tipoSiding]}),(0,r.jsxs)("div",{className:"value",children:[(0,r.jsx)("span",{children:"en"===s?"Siding Height (m):":"Altura de Siding (m):"})," ",e.alturaSiding]})]}),["plycem-techos-eureka","plycem-eureka-ceilings"].includes(u(e.producto))&&(0,r.jsxs)("div",{className:"value",children:[(0,r.jsx)("span",{children:"en"===s?"Sheet Length:":"Largo de l\xe1mina:"})," ",e.largoLamina]}),["plycem-entrepiso-alto-desempe\xf1o","plycem-high-performance-mezzanine-floors"].includes(u(e.producto))&&(0,r.jsxs)("div",{className:"value",children:[(0,r.jsx)("span",{children:"en"===s?"Usage:":"Uso:"})," ",e.uso]}),["plycem-decks"].includes(u(e.producto))&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)("div",{className:"value",children:[(0,r.jsx)("span",{children:"en"===s?"Dimension A (Beam direction) (m):":"Dimensi\xf3n A (Direcci\xf3n de vigas) (m):"})," ",e.value1]}),(0,r.jsxs)("div",{className:"value",children:[(0,r.jsx)("span",{children:"en"===s?"Dimension B (Plydeck direction) (m):":"Dimensi\xf3n B (Direcci\xf3n de Plydeck) (m):"})," ",e.value2]})]}),["plycem-entrepiso-residencial","plycem-residential-mezzanine"].includes(u(e.producto))&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)("div",{className:"value",children:[(0,r.jsx)("span",{children:"en"===s?"Floor Length (m):":"Longitud de entrepiso (m):"})," ",e.value1]}),(0,r.jsxs)("div",{className:"value",children:[(0,r.jsx)("span",{children:"en"===s?"Floor Width (m):":"Ancho de entrepiso (m):"})," ",e.value2]})]}),(0,r.jsxs)("div",{className:"value",children:[(0,r.jsx)("span",{children:"en"===s?"Sheet Quantity:":"Cantidad de l\xe1minas:"})," ",e.quantity]})]})]})})]},n)})})]})]})};function $(){let e=(0,m._)(["\n .row1 {\n position: relative;\n height: auto;\n background-color: rgba(230, 230, 230, 0.5);\n padding: ","rem ","rem ","rem;\n\n &.cotizar {\n padding: ","rem ","rem;\n }\n\n @media "," {\n height: 50%;\n padding: ","rem ","rem ","rem;\n\n &.cotizar {\n padding: ","rem ","rem ","rem;\n }\n }\n\n .resumen {\n color: #b42b3d;\n font-size: ","rem;\n font-weight: 600;\n line-height: ","rem;\n\n @media "," {\n top: ","rem;\n left: ","rem;\n\n &.absolute {\n position: absolute;\n }\n }\n }\n }\n\n .row2 {\n height: auto;\n padding: ","rem;\n\n @media "," {\n height: 50%;\n padding: ","rem ","rem;\n }\n\n .title {\n color: #b42b3d;\n font-size: ","rem;\n font-weight: 600;\n\n @media "," {\n color: #282828;\n font-size: ","rem;\n font-weight: 500;\n }\n }\n }\n"]);return $=function(){return e},e}let B=u.ZP.section($(),1.5,1.5,3.125,1.5,1.5,h.Td.md,2.5,2.5,1.25,2.5,2.5,2.75,1,1.375,h.Td.md,2.5,2.5,1.5,h.Td.md,1.5,2.5,1,h.Td.md,1.375);var U=()=>
1{let{localStorageProducts:e,productParams:n}=(0,a.useContext)(l.$V),{modalStep:t,setModalErrors:i,ModalErrors:o}=(0,a.useContext)(l.XL),[s,d]=(0,a.useState)(1),m=(0,c.Z)();return(0,r.jsxs)(B,{className:1==t?"show":"hidden",children:[(0,r.jsxs)("div",{className:"row1",children:[(0,r.jsxs)("span",{className:"resumen absolute",children:["Resumen ",(0,r.jsx)("span",{className:"quicksand",children:"(".concat(s,"/").concat(e.length,")")})]}),(0,r.jsx)(D,{setCurrentPage:d})]}),(0,r.jsx)("div",{className:"row2",children:(0,r.jsxs)("div",{className:"customer-form",children:[(0,r.jsx)("h2",{className:"title",children:"en"===m?"Customer Information:":"Informaci\xf3n del cliente:"})," ",(0,r.jsx)(g,{})]})})]})},J=t(9203);function W(){let e=(0,m._)(["\n margin: auto;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n\n .show {\n display: block;\n }\n .hidden {\n display: none;\n }\n"]);return W=function(){return e},e}let K=u.ZP.section(W());var ee=e=>{let{handleCloseModal:n}=e,{modalStep:t}=(0,a.useContext)(l.XL);return(0,r.jsx)(K,{className:4==t?"show":"hidden",children:(0,r.jsx)(J.r,{title:"\xa1La solicitud fue enviada con \xe9xito!",message:"El distribuidor o ferreter\xeda seleccionada estar\xedan enviado la cotizaci\xf3n solicitada tan pronto como le sea posible.",onHandleClick:n})})};function en(){let e=(0,m._)(['\n position: relative;\n .options {\n gap: 1.25rem 2.5rem;\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n\n .option {\n border: 1px solid var(--Plycem-Negro, #282828);\n transition: all ease 0.3s;\n display: flex;\n align-items: center;\n &.active {\n border: 1px solid var(--Plycem-Rojo, #b42b3d);\n background: rgba(180, 43, 61, 0.2);\n }\n label {\n display: flex;\n align-items: center;\n cursor: pointer;\n font-family: Raleway;\n font-size: 1.125rem !important;\n font-style: normal !important;\n font-weight: 400 !important;\n line-height: normal !important;\n padding: 1.19rem 0rem 1.19rem 1.25rem;\n width: 100%;\n }\n input[type="checkbox"] {\n display: none;\n }\n input[type="checkbox"] + label > span {\n position: relative;\n display: flex;\n justify-content: center;\n align-items: center;\n margin-right: 0.88rem;\n width: 1rem;\n height: 1rem;\n background: transparent;\n border: 0.125rem solid #000000;\n cursor: pointer;\n transition: all 250ms cubic-bezier(0.4, 0, 0.23, 1);\n }\n input[type="checkbox"] + label:hover > span,\n input[type="checkbox"]:focus + label > span {\n background: rgba(255, 255, 255, 0.1);\n }\n input[type="checkbox"]:checked + label > span {\n border: 0.5rem solid ',";\n background: ",';\n animation: shrink-bounce 200ms cubic-bezier(0.4, 0, 0.23, 1);\n }\n input[type="checkbox"]:checked + label > span:before {\n content: "";\n position: absolute;\n top: -0.1rem;\n left: -0.3rem;\n border-right: 0.15rem solid transparent;\n border-bottom: 0.15rem solid transparent;\n transform: rotate(45deg);\n transform-origin: 0% 100%;\n animation: checkbox-check 125ms 250ms cubic-bezier(0.4, 0, 0.23, 1) forwards;\n }\n\n @keyframes shrink-bounce {\n 0% {\n transform: scale(1);\n }\n 33% {\n transform: scale(0.85);\n }\n 100% {\n transform: scale(1);\n }\n }\n @keyframes checkbox-check {\n 0% {\n width: 0;\n height: 0;\n border-color: #ffffff;\n transform: translate3d(0, 0, 0) rotate(45deg);\n }\n 33% {\n width: 0.3rem;\n height: 0;\n transform: translate3d(0, 0, 0) rotate(45deg);\n }\n 100% {\n width: 0.3rem;\n height: 0.7rem;\n border-color: #ffffff;\n transform: translate3d(0, -0.5rem, 0) rotate(45deg);\n }\n }\n }\n }\n']);return en=function(){return e},e}let et=u.ZP.div(en(),h.DM.red,h.DM.red);var er=e=>{let{value:n,title:t,name:i,options:o,onChange:s,customClass:d=""}=e,{setModalFormData:c,setModalErrors:m}=(0,a.useContext)(l.XL),u=(0,a.useRef)(null),[h,p]=(0,a.useState)(String),x=(e,n)=>{c(t=>({...t,[e]:n}))};return(0,a.useEffect)(()=>{"Seleccionar"==n?m(e=>[...e,i]):m(e=>e.filter(e=>e!==i))},[n]),(0,r.jsxs)("div",{className:"input-container",ref:u,children:[(0,r.jsxs)("label",{children:[t,":"]}),(0,r.jsx)(et,{className:d,children:(0,r.jsx)("div",{className:"options",children:o&&o.length>=0&&o.map((e,n)=>(0,r.jsxs)("div",{className:"option ".concat(h==e?"active":""),onClick:()=>x(i,e),children:[(0,r.jsx)("input",{id:e,name:i,type:"checkbox",onChange:()=>p(e),checked:h===e}),(0,r.jsxs)("label",{htmlFor:e,children:[(0,r.jsx)("span",{}),e]})]},n))})})]})};function ei(){let e=(0,m._)(["\n position: relative;\n\n &.open-on-top {\n .options {\n @media "," {\n bottom: 3.75rem;\n top: auto;\n }\n }\n }\n\n .option-selected {\n position: relative;\n display: flex;
1\n align-items: center;\n border: 1px solid #282828;\n padding: 0 ","rem;\n cursor: pointer;\n min-height: ","rem;\n\n @media "," {\n padding: 0 ","rem;\n min-height: ","rem;\n }\n\n &.disabled {\n border: 1px solid #e6e6e6;\n background-color: #e6e6e6;\n color: #282828;\n }\n\n .icon {\n position: absolute;\n right: ","rem;\n\n @media "," {\n right: ","rem;\n }\n }\n }\n .options {\n position: absolute;\n left: 0;\n top: ","rem;\n background-color: #ffffff;\n width: 100%;\n z-index: 1000;\n overflow: auto;\n max-height: 0;\n\n @media "," {\n top: ","rem;\n }\n\n &::-webkit-scrollbar {\n width: 5px;\n }\n\n &::-webkit-scrollbar-thumb {\n background: #b42b3d;\n }\n\n &.open {\n max-height: ","rem;\n border: 1px solid #282828;\n }\n\n .option {\n padding: ","rem ","rem;\n cursor: pointer;\n\n @media "," {\n padding: ","rem ","rem;\n }\n\n &:hover {\n background-color: #b42b3d;\n color: #ffffff;\n }\n }\n }\n"]);return ei=function(){return e},e}let ea=u.ZP.div(ei(),h.Td.md,.5,2.5,h.Td.md,1.25,51/16,.5,h.Td.md,1.25,3.125,h.Td.md,3.75,12.5,.625,.5,h.Td.md,.625,1.25);var el=e=>{let{value:n,title:t,name:i,options:o,onChange:s,customClass:c=""}=e,{setModalFormData:m,setModalErrors:u}=(0,a.useContext)(l.XL),[h,p]=(0,a.useState)(!1),x=(0,a.useRef)(null);(0,a.useEffect)(()=>{let e=e=>{x.current&&!x.current.contains(e.target)&&p(!1)};return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}},[]);let g=(e,n)=>{m(t=>({...t,[e]:n}))},j=e=>{m(n=>({...n,distribuidor:e.title,storeLogo:e.logo,storeAdds:e.publicidad,storeEmail:"",storePhone:""})),e.items?s(e.items):(s(null),m(n=>({...n,storeEmail:e.email,storePhone:e.telefono,puntoVenta:e.title})))},f=e=>{m(n=>({...n,storeEmail:e.email,storePhone:e.telefono}))};return(0,a.useEffect)(()=>{"Seleccionar"==n?u(e=>[...e,i]):u(e=>e.filter(e=>e!==i))},[n]),(0,r.jsxs)("div",{className:"input-container",ref:x,children:[(0,r.jsxs)("label",{children:[t,":"]}),(0,r.jsxs)(ea,{className:c,children:[(0,r.jsxs)("div",{className:"option-selected",onClick:()=>o.length>=1&&p(!h),children:[n,(0,r.jsx)(d.Q,{src:"/icons/arrow-down.svg",className:"icon"})]}),(0,r.jsx)("div",{className:"options ".concat(h?"open":""),children:o&&o.length>=0&&o.map((e,n)=>(0,r.jsx)("div",{className:"option",onClick:()=>{g(i,"distribuidor"===i||"puntoVenta"===i?e.title:e),p(!1),"distribuidor"===i?j(e):"puntoVenta"===i?f(e):"distribuidor"!==i&&"puntoVenta"!==i&&s(e)},children:"distribuidor"===i||"puntoVenta"===i?e.title:e},n))})]})]})};function eo(){let e=(0,m._)(["\n .form {\n display: flex;\n flex-direction: column;\n align-items: flex-end;\n\n .inputs-container {\n display: grid;\n grid-template-columns: 1fr;\n row-gap: 3rem;\n width: 100%;\n\n .input-container {\n display: flex;\n flex-direction: column;\n gap: ","rem;\n\n @media "," {\n gap: ","rem;\n }\n\n label {\n color: #282828;\n font-size: ","rem;\n font-weight: 600;\n line-height: ","rem;\n\n @media "," {\n line-height: ","rem;\n }\n }\n\n input {\n height: ","rem;\n color: #282828;\n font-size: ","rem;\n font-weight: 400;\n line-height: ","rem;\n border: 1px solid #282828;\n outline: none;\n cursor: text;\n padding: 0 ","rem;\n\n @media "," {\n height: ","rem;\n padding: 0 ","rem;\n }\n }\n }\n }\n\n .grid {\n gap: 1.25rem 2.5rem;\n display: grid;\n grid-template-columns: repeat(1, 1fr);\n align-items: end;\n @media "," {\n grid-template-columns: repeat(2, 1fr);\n }\n }\n\n .button-wrapper {\n width: 100%;\n .next-button {\n width: 100%;\n margin: 0;\n margin-top: ","rem;\n height: ","rem;\n\n @media "," {\n margin-top: 0rem;\n height: 3.125rem;\n }\n }\n }\n }\n"]);return eo=function(){return e},e}let es=u.ZP.section(eo(),.5,h.Td.md,1,1,1.375,h.Td.md,1.75,2.5,1,1.375,.5,h.Td.md,45/16,1.25,h.Td.md,1,2.5,h.Td.md);var ed=e=>{let{setActiveForm:n,activeForm:t}=e,i=(0,c.Z)(),{modalFormData:o,setModalFormData:s,setModalStep:m,setModalErrors:u,modalErrors:h}=(0,a.useContext)(l.XL),{errors:p}=(0,a.useContext)(l.$V),x={rolTitle:"en"===i?"Role in your project":"Rol que tiene en su proyecto",tipoProyectoTitle:"en"===i?"Type of project":"Tipo de proyecto",tiempoEjecucionTitle:"en"===i?"Will your project be executed in?":"\xbfSu proyecto ser\xe1 ejecutado en?",nextButton:"en"===i?"Next":"Siguiente"};return(0,a.useEffect)(()=>
1{let{rol:e,tipoProyecto:n,tiempoEjecucion:t}=o;e&&n&&t?u(e=>e.filter(e=>"projectForm"!==e)):u(e=>[...e,"projectForm"])},[o]),(0,r.jsx)(es,{children:(0,r.jsx)("div",{className:"form",children:(0,r.jsxs)("div",{className:"inputs-container",children:[(0,r.jsx)("div",{className:"input-container",children:(0,r.jsx)(er,{value:o.rol,title:x.rolTitle,name:"rol",options:["en"===i?"Architect":"Arquitecto","en"===i?"Engineer":"Ingeniero","en"===i?"Master builder":"Maestros de obra","en"===i?"Contractor":"Contratista","en"===i?"End customer":"Cliente final","en"===i?"Other":"Otro"]})}),(0,r.jsx)("div",{className:"input-container",children:(0,r.jsx)(er,{value:o.tipoProyecto,title:x.tipoProyectoTitle,name:"tipoProyecto",options:["en"===i?"Remodeling":"Remodelaci\xf3n","en"===i?"Full construction":"Construcci\xf3n completo"]})}),(0,r.jsxs)("div",{className:"grid",children:[(0,r.jsx)(el,{value:o.tiempoEjecucion,title:x.tiempoEjecucionTitle,name:"tiempoEjecucion",options:["en"===i?"Up to 3 months":"M\xe1ximo 3 meses","en"===i?"Up to 6 months":"M\xe1ximo 6 meses","en"===i?"Up to 9 months":"M\xe1ximo 9 meses","en"===i?"Long term":"Largo plazo","en"===i?"Not defined yet":"No lo he definido"],onChange:(e,n)=>{},customClass:"open-on-top"}),(0,r.jsx)("div",{className:"button-wrapper",children:(0,r.jsxs)("button",{type:"button",className:"next-button ".concat((h&&h.some(e=>"projectForm"===e)||p.length>0)&&"disabled"),onClick:()=>((null==h?void 0:h.i)||0===p.length)&&m(3),children:[(0,r.jsx)("span",{children:x.nextButton}),(0,r.jsx)(d.Q,{src:"/icons/long-arrow-right.svg"})]})})]})]})})})};function ec(){let e=(0,m._)(["\n .row {\n height: auto;\n padding: ","rem;\n\n &:nth-child(2) {\n padding-top: 0.5rem;\n }\n\n @media "," {\n padding: ","rem ","rem;\n }\n\n .quote-list {\n display: flex;\n flex-direction: column;\n border-bottom: 1px solid #bdbdbd;\n padding-bottom: ","rem;\n\n @media "," {\n display: initial;\n flex-direction: initial;\n border: none;\n padding-bottom: 0;\n }\n\n .header {\n display: flex;\n align-items: center;\n color: #b42b3d;\n font-size: ","rem;\n gap: ","rem;\n font-weight: 500;\n margin-bottom: 16px;\n\n @media "," {\n display: initial;\n color: #282828;\n font-size: ","rem;\n font-weight: 500;\n margin-bottom: 0;\n }\n\n div {\n display: flex;\n align-items: center;\n }\n\n svg {\n transform: scale(-1);\n\n path {\n fill: #b42b3d;\n }\n }\n }\n\n .product-name {\n color: #282828;\n font-size: ","rem;\n font-weight: 600;\n line-height: ","rem;\n\n @media "," {\n color: #b42b3d;\n margin-left: 10px;\n }\n }\n }\n }\n"]);return ec=function(){return e},e}let em=u.ZP.section(ec(),1.5,h.Td.md,1.5,2.5,1,h.Td.md,1,.5,h.Td.md,1.5,1,1.375,h.Td.md);var eu=()=>{let{localStorageProducts:e,productParams:n}=(0,a.useContext)(l.$V),{modalStep:t,setModalErrors:o,setModalStep:s,ModalErrors:m}=(0,a.useContext)(l.XL),{width:u}=(0,i.iP)(),h=u<1080,p=(0,c.Z)();return(0,r.jsxs)(em,{className:2==t?"show":"hidden",children:[(0,r.jsx)("div",{className:"row",children:(0,r.jsxs)("div",{className:"quote-list",children:[(0,r.jsxs)("span",{className:"header",onClick:()=>h&&s(1),children:[h&&(0,r.jsx)(d.Q,{src:"/icons/long-arrow-right.svg"}),"en"===p?"Quote:":"Cotizar:"]}),""==n.flujo?e.map((n,t)=>{let{producto:i}=n;return(0,r.jsx)("span",{className:"product-name",dangerouslySetInnerHTML:{__html:"".concat(i).concat(t<e.length-1?",":"")}},t)}):(0,r.jsx)("span",{className:"product-name",dangerouslySetInnerHTML:{__html:n.producto}})]})}),(0,r.jsx)("div",{className:"row",children:(0,r.jsx)(ed,{})})]})};let eh=()=>{let e=[];return{saveProductLocalStorage:e=>{let n=window.localStorage.getItem("products");if(null===n)window.localStorage.setItem("products",JSON.stringify([e]));else{let t=JSON.parse(n),r=t.some(n=>n.title===e.title);r||(t.push(e),window.localStorage.setItem("products",JSON.stringify(t)))}},saveTablesLocalStorage:()=>{let n=document.querySelectorAll(".tables-to-save");if(0===n.length){console.error('Elements with class "table-to-save" not found.');return}n.forEach(n=>{let t='<div class="summary-tables-pdf">'+n.innerHTML+"</div>";e.push(t)});let t=window.localStorage.getItem("tables");if(null===t)window.localStorage.setItem("tables",JSON.stringify(e));else{let n=JSON.parse(t);n.push(...e),window.localStorage.setItem("tables",JSON.stringify(n))}}}};var ep=t(6154),ex=t(3654);let eg=()=>{let{modalFormData:e}=(0,a.useContext)(l.XL);(0,o.useRouter)();let{userRole:n}=(0,a.useContext)(l.vQ);return{sendQuote:()=>{let t=JSON.parse(window.localStorage.getItem("tables"));t.join(""),(0,ex.H)(n,"Calculadora",e.pais)},sendSingleQuote:()=>{let t=JSON.parse(window.localStorage.getItem("tables"));t.join(""),(0,ex.H)(n,"Calculadora",e.pais)}}};var ej=t(6195);function ef(){let e=(0,m._)(["\n width: 100%;\n .label {\n font-size: 1.125rem;\n font-weight: 600;\n margin-bottom: 1rem;\n }\n .distributor-data {\n height: 5.625rem;\n width: 100%;\n gap: 1.25rem 1.19rem;\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n .distributor-image {\n width: 100%;\n display: flex;\n align-items: center;\n height: inherit;\n justify-content: flex-start;\n img {\n height: 100%;\n width: 100%;\n object-fit: contain;\n }\n }\n .contact {\n display: flex;\n align-items: flex-start;\n flex-direction: column;\n padding: 1rem;\n gap: 0.5rem;\n border: 1px solid ",";\n label {\n font-size: 0.8rem;\n }\n }\n }\n"]);return ef=function(){return e},e}let eb=u.ZP.section(ef(),h.DM.gray);var ev=()=>{let{modalFormData:e}=(0,a.useContext)(l.XL);return(0,r.jsxs)(eb,{children:[(0,r.jsx)("div",{className:"label",children:"Te pondremos en contacto con: "}),(0,r.jsxs)("div",{className:"distributor-data",children:[(0,r.jsx)("div",{className:"distributor-image",children:e.storeLogo&&(0,r.jsx)(f(),{src:e.storeLogo.url,alt:"logo del distribuidor",width:400,height:400})}),(0,r.jsxs)("div",{className:"contact",children:[(0,r.jsx)("div",{className:"data",children:(0,r.jsx)("label",{children:e.storePhone})}),(0,r.jsx)("div",{className:"data",children:(0,r.jsx)("label",{children:e.storeEmail})})]})]})]})};function ey(){let e=(0,m._)(["\n padding: ","rem;\n\n @media "," {\n padding: 1.5rem 2.5rem 1rem;\n }\n\n .quote-list {\n display: flex;\n flex-direction: column;\n border-bottom: 1px solid #bdbdbd;\n padding-bottom: ","rem;\n\n @media "," {\n display: initial;\n flex-direction: initial;\n border: none;\n padding-bottom: 0;\n }\n\n .header {\n display: flex;\n align-items: center;\n color: #b42b3d;\n font-size: ","rem;\n gap: ","rem;\n font-weight: 500;\n margin-bottom: 16px;\n\n @media "," {\n display: initial;\n color: #282828;\n font-size: ","rem;\n font-weight: 500;\n margin-bottom: 0;\n }\n\n div {\n display: flex;\n align-items: center;\n }\n\n svg {\n transform: scale(-1);\n\n path {\n fill: #b42b3d;\n }\n }\n }\n\n .product-name {\n color: #282828;\n font-size: ","rem;\n font-weight: 600;\n line-height: ","rem;\n\n @media "," {\n color: #b42b3d;\n margin-left: 10px;\n }\n }\n }\n\n .form-container {\n display: flex;\n flex-direction: column;\n margin-top: ","rem;\n\n @media "," {\n gap: ","rem;\n flex-direction: initial;\n margin-top: ","rem;\n }\n\n .form {\n display: flex;\n flex-direction: column;\n align-items: flex-end;\n gap: ","rem;\n width: 100%;\n padding-bottom: 16px;\n border-bottom: 1px solid #bdbdbd;\n\n @media "," {\n gap: 1.2rem;\n width: 55%;\n padding-bottom: 0;\n border: none;\n }\n\n .input-container {\n display: flex;\n flex-direction: column;\n gap: ","rem;\n width: 100%;\n\n @media "," {\n gap: ","rem;\n }\n\n label {\n color: #282828;\n font-size: ","rem;\n font-weight: 600;\n line-height: normal;\n\n @media "," {\n font-size: ","rem;\n }\n }\n }\n\n .grid {\n width: 100%;\n gap: 1.25rem 1.19rem;\n display: flex;\n flex-wrap: wrap;\n grid-template-columns: repeat(1, 1fr);\n .grid-item {\n flex: 1 0 100%;\n @media "," {\n flex: 1 0 45%;\n }\n }\n }\n\n textarea {\n resize: none;\n max-height: ","rem;\n min-height: ","rem;\n padding: ","rem ","rem;\n border: none;\n background-color: #e6e6e6;\n width: 100%;\n margin-top: 5px;\n\n @media "," {\n max-height: ","rem;\n min-height: ","rem;\n padding: ","rem ","rem;\n margin-top: 0;\n }\n }\n\n .buttons-container {\n display: flex;\n gap: ","rem;\n width: 100%;\n margin-top: 8px;\n\n @media "," {\n margin-top: 0;\n }\n\n button {\n width: 100%;\n margin: 0;\n transition: all 0.3s;\n height: ","rem;\n\n @media "," {\n width: 50%;\n height: ","rem;\n }\n\n &.back {\n display: none;\n background-color: #56565b;\n\n @media "," {\n display: flex;\n }\n\n &:hover {\n background-color: #46464e;\n }\n svg {\n transform: scale(-1);\n }\n }\n }\n }\n }\n\n .adds {\n width: 100%;\n margin-top: ","rem;\n\n @media "," {\n width: 45%;\n margin-top: 0;\n }
1\n\n .title {\n color: #282828;\n font-size: ","rem;\n font-weight: 600;\n line-height: ","rem;\n }\n\n .mySwiper {\n width: 100%;\n height: ","rem;\n margin-top: ","rem;\n\n @media "," {\n height: ","rem;\n margin-top: ","rem;\n }\n\n .swiper-pagination {\n bottom: ","rem;\n }\n\n .swiper-pagination-bullet {\n width: ","rem;\n height: ","rem;\n background-color: #adabab;\n\n @media "," {\n width: ","rem;\n height: ","rem;\n }\n }\n\n .swiper-pagination-bullet-active {\n background-color: #b42b3d;\n }\n\n .container {\n width: ","rem;\n height: ","rem;\n\n @media "," {\n width: ","rem;\n height: ","rem;\n }\n\n img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n }\n }\n }\n }\n"]);return ey=function(){return e},e}let ew=u.ZP.section(ey(),1.5,h.Td.md,1,h.Td.md,1,.5,h.Td.md,1.5,1,1.375,h.Td.md,1,h.Td.md,3.75,1.5,.5,h.Td.md,.5,h.Td.md,1,1,h.Td.md,1.125,h.Td.md,5,5,.875,.5,h.Td.md,7.125,7.125,17/16,1.25,1.25,h.Td.md,2.5,h.Td.md,3.125,h.Td.md,1,h.Td.md,1.125,1.75,21.875,1,h.Td.md,417/16,1.5,0,1,1,h.Td.md,19/16,19/16,303/16,303/16,h.Td.md,23.375,23.375);var eN=()=>{let e=(0,c.Z)(),{userRole:n}=(0,a.useContext)(l.vQ),{salePoints:t}=(0,a.useContext)(l.Xp),{localStorageProducts:o,productParams:s}=(0,a.useContext)(l.$V),{modalFormData:m,setModalFormData:u,modalStep:h,setModalStep:p,setModalErrors:x,modalErrors:g}=(0,a.useContext)(l.XL),{saveTablesLocalStorage:j}=eh(),{sendQuote:y,sendSingleQuote:w}=eg(),[N,k]=(0,a.useState)([]),[P,M]=(0,a.useState)([]),[C,T]=(0,a.useState)([]),[S,L]=(0,a.useState)([]),[z,E]=(0,a.useState)(!1),{width:_}=(0,i.iP)(),A=_<1080;(0,a.useEffect)(()=>{let e=t.map(e=>e.title).sort((e,n)=>e.localeCompare(n));k(e)},[t]);let I=(e,n)=>{u(t=>({...t,[e]:n}))};(0,a.useEffect)(()=>{if(3==h){let{pais:e,provincia:n,puntoVenta:t,distribuidor:r}=m;""==e||"Seleccionar"==n||"Seleccionar"==t||"Seleccionar"==r?x(e=>[...e,"locationForm"]):(x(e=>e.filter(e=>"locationForm"!==e)),e&&n&&t&&r&&x([]))}},[m,h]);let H=()=>{E(!0),Z(),j(),q(),(0,ex.q)("effectiveness_calculator_use",{effectiveness_calculator:"Cotizaci\xf3n enviada"}),"cotizar"==o[0].flujo?setTimeout(()=>{w()},1500):setTimeout(()=>{y()},1500)},q=()=>{let e=JSON.parse(window.localStorage.getItem("products"));e.forEach(e=>{let{producto:t}=e;(0,ex.q)("calculator_usage",{product_name:t,product_country:m.pais,product_province:m.provincia,distribution_agent:m.distribuidor,user_type:n})})},G=()=>{p(2),x([])},Z=async()=>{let e=new FormData;Object.entries(m).forEach(n=>{let[t,r]=n;e.append(t,r)});let t=e=>e.replace(/<\/?[^>]+(>|$)/g,""),r=o.map(e=>"".concat(t(e.producto)," (Cantidad: ").concat(e.quantity,")")).join(", ");e.append("cotizacion",r);let i=JSON.parse(window.localStorage.getItem("tables")),a=i.join(""),l="<div><h1>Solicitud de cotizaci\xf3n de materiales Plycem</h1></div><div>".concat(a,"</div>");e.append("cotizaciones_html",l);try{E(!0);let t=await fetch((0,ej.O)(10271),{method:"POST",body:e});if(t.ok)await t.json(),(0,ex.q)("form_submitted",{country_advice:m.pais,user_type:n}),p(4);else throw Error("Error en la respuesta del servidor")}catch(e){console.error("Error al enviar el formulario:",e)}finally{E(!1)}},F={country:"en"===e?"Country":"Pa\xeds",provinceZone:"en"===e?"Province/Area":"Provincia/Zona",hardwareStore:"en"===e?"Hardware Store":"Ferreter\xeda",pointOfSale:"en"===e?"Point of Sale":"Punto de venta",detailPlaceholder:"en"===e?"Detail (optional)":"Detalle (opcional)",sending:"en"===e?"Sending":"Enviando",quote:"en"===e?"Quote":"Cotizar"};return(0,r.jsx)(r.Fragment,{children:t&&(0,r.jsxs)(ew,{className:3==h?"show":"hidden",children:[(0,r.jsxs)("div",{className:"quote-list",children:[(0,r.jsxs)("span",{className:"header",onClick:()=>A&&p(1),children:[A&&(0,r.jsx)(d.Q,{src:"/icons/long-arrow-right.svg"}),"en"===e?"Quote:":"Cotizar:"]}),""==s.flujo?o.map((e,n)=>{let{producto:t}=e;return(0,r.jsx)("span",{className:"product-name",dangerouslySetInnerHTML:{__html:"".concat(t).concat(n<o.length-1?",":"")}},n)}):(0,r.jsx)("span",{className:"product-name",dangerouslySetInnerHTML:{__html:s.producto}})]}),(0,r.jsxs)("div",{className:"form-container",children:[(0,r.jsxs)("div",{className:"form",children:[(0,r.jsxs)("div",{className:"grid",children:[(0,r.jsx)("div",{className:"grid-item",children:(0,r.jsx)(el,{value:m.pais,title:F.country,name:"pais",options:N,onChange:e=>{M([]),T([]),L([]);let n=t.find(n=>n.title===e);if(n){let e=n.acf.punto_de_venta.map(e=>e.title).sort((e,n)=>e.localeCompare(n));M(e)}u(e=>
1({...e,provincia:"Seleccionar",distribuidor:"Seleccionar",puntoVenta:"Seleccionar"}))}})}),(0,r.jsx)("div",{className:"grid-item",children:(0,r.jsx)(el,{value:m.provincia,title:F.provinceZone,name:"provincia",options:P,onChange:e=>{let n=t.find(e=>e.title===m.pais),r=n.acf.punto_de_venta.find(n=>n.title===e);if(r){let e=r.punto_de_venta.sort((e,n)=>e.title.localeCompare(n.title));T(e)}u(e=>({...e,puntoVenta:"Seleccionar",distribuidor:"Seleccionar"}))}})}),(0,r.jsx)("div",{className:"grid-item",children:(0,r.jsx)(el,{value:m.distribuidor,title:F.hardwareStore,name:"distribuidor",options:C,onChange:e=>{let n=e.sort((e,n)=>e.title.localeCompare(n.title));L(n),u(e=>({...e,puntoVenta:"Seleccionar"}))}})}),null!=S&&(0,r.jsxs)("div",{className:"grid-item",children:[(0,r.jsx)(el,{value:m.puntoVenta,title:F.pointOfSale,name:"puntoVenta",options:S})," "]})]}),(0,r.jsx)(ev,{}),(0,r.jsx)("textarea",{placeholder:F.detailPlaceholder,value:m.detalle,onChange:e=>I("detalle",e.target.value)}),(0,r.jsxs)("div",{className:"buttons-container",children:[(0,r.jsxs)("button",{type:"button",className:"next-button back",onClick:()=>G(),children:[(0,r.jsx)(d.Q,{src:"/icons/long-arrow-right.svg"}),(0,r.jsx)("span",{children:"en"===e?"Back":"Atr\xe1s"})," "]}),(0,r.jsxs)("button",{type:"button",className:"next-button ".concat((g.length>0||z)&&"disabled"),onClick:()=>0==g.length&&!z&&H(),children:[(0,r.jsx)("span",{children:z?F.sending:F.quote}),(0,r.jsx)(d.Q,{src:"/icons/long-arrow-right.svg"})]})]})]}),(0,r.jsxs)("div",{className:"adds",children:[(0,r.jsxs)("h2",{className:"title",children:["en"===e?"Advertising":"Publicidad",":"]}),m.storeAdds&&(0,r.jsx)(v.tq,{effect:"fade",pagination:{clickable:!0},autoplay:{delay:5e3,disableOnInteraction:!1},modules:[b.tl,b.pt,b.xW],className:"mySwiper",children:m.storeAdds&&m.storeAdds.map((e,n)=>{let{image:t}=e;return(0,r.jsx)(v.o5,{children:(0,r.jsx)("div",{className:"container",children:(0,r.jsx)(f(),{src:t.url,alt:t.alt?t.alt:"add",width:t.width,height:t.height})})},"slide-".concat(n))})})]})]})]})})};function ek(){let e=(0,m._)(["\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: #00000055;\n z-index: 20;\n\n .show {\n display: block;\n }\n\n .hidden {\n display: none;\n }\n\n .box {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n max-height: 90%;\n min-height: 90%;\n width: 90%;\n background-color: #fff;\n overflow: auto;\n\n @media "," {\n max-height: ","rem;\n min-height: ","rem;\n width: ","rem;\n }\n\n &::-webkit-scrollbar {\n width: 5px;\n }\n\n &::-webkit-scrollbar-thumb {\n background: #535353;\n }\n\n @media "," {\n max-height: ","rem;\n min-height: ","rem;\n width: ","rem;\n }\n }\n\n .close-button {\n position: absolute;\n right: ","rem;\n top: ","rem;\n cursor: pointer;\n z-index: 20;\n\n @media "," {\n right: ","rem;\n top: ","rem;\n }\n }\n"]);return ek=function(){return e},e}let eP=u.ZP.section(ek(),h.Td.md,41.875,38.75,64.0625,h.Td.md,41.875,38.75,64.0625,1.5,1.5,h.Td.md,15/16,15/16);var eM=()=>{let{localStorageProducts:e}=(0,a.useContext)(l.$V),{setModalIsOpen:n,setModalFormData:t,setModalStep:i,modalStep:c}=(0,a.useContext)(l.XL),m=(0,o.useRouter)(),u=()=>{n(!1),i(1),t({rol:"",tipoProyecto:"",tiempoEjecucion:"",nombre:"",apellidos:"",correo:"",telefono:"",pais:"",provincia:"",distribuidor:"",puntoVenta:"",detalle:"",storeEmail:"",storePhone:"",storeLogo:"",storeAdds:""}),localStorage.removeItem("products"),m.reload()};return(0,r.jsx)(r.Fragment,{children:e&&(0,s.createPortal)((0,r.jsx)(eP,{children:4!=c?(0,r.jsxs)("div",{className:"box",children:[(0,r.jsx)(d.Q,{className:"close-button",src:"/icons/close.svg",onClick:()=>u()}),(0,r.jsx)(U,{}),(0,r.jsx)(eu,{}),(0,r.jsx)(eN,{})]}):(0,r.jsx)(ee,{handleCloseModal:u})}),document.body)})},eC=t(8075);function eT(){let e=(0,m._)(["\n position: relative;\n margin-top: ","rem;\n display: flex;\n flex-direction: column;\n gap: ","rem;\n\n @media "," {\n margin-top: auto;\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: ","rem;\n row-gap: ","rem;\n }\n\n .cotizar-items {\n width: 100%;\n grid-column: 1 / span 2;\n display: flex;\n gap: 2rem;\n flex-direction: column;\n max-height: 25rem;\n overflow: auto;\n &::-webkit-scrollbar {\n width: 5px;\n }\n\n &::-webkit-scrollbar-thumb {\n background: #b42b3d;\n }\n .title {\n width: 50%;\n margin-left: auto;\n label {\n font-size: 0.9rem;\n font-style: normal;\n font-weight: 600;\n line-height: 1.4rem; /* 155.556% */\n }\n }\n .item {\n display: flex;\n flex-direction: column;\n width: 100%;\n gap: 1rem;\n @media "," {\n flex-direction: row;\n gap: 0rem;\n }\n .option {\n @media "," {\n width: 50%;\n }\n width: 100%;\n display: flex;\n align-items: center;\n font-size: 0.9rem;\n font-style: normal;\n font-weight: 600;\n }\n .input-container {\n flex: 1;\n label {\n display: none;\n }\n }\n }\n }\n\n .input-container {\n display: flex;\n flex-direction: column;\n gap: 1.06rem;\n\n &.full {\n @media "," {\n grid-column: span 2;\n }\n }\n\n &.not-show {\n display: none;\n }\n\n label {\n color: #282828;\n font-size: ","rem;\n font-weight: 600;\n line-height: 1;\n }\n\n .SelectContainer {\n border: 1px solid #ec0000;\n padding: ","rem;\n }\n\n .input {\n position: relative;\n\n .measurement {\n position: absolute;\n top: 50%;\n right: ","rem;\n transform: translateY(-50%);\n color: #56565b;\n }\n }\n }\n\n .button-container {\n @media "," {\n &.quote {\n grid-column: span 2;\n margin-top: 1vw;\n display: flex;\n flex-direction: column;\n }\n\n &.both {\n grid-column: span 2;\n display: grid;\n align-items: flex-end;\n grid-template-columns: repeat(2, 1fr);\n gap: 1.563vw;\n }\n }\n\n button {\n width: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 1.042vw;\n min-height: 2.44856rem;\n border: none;\n background-color: #b42b3d;\n color: #fff;\n font-size: 1vw;\n font-weight: 600;\n cursor: pointer;\n\n &.add {\n background-color: #56565b;\n color: #fff;\n margin-bottom: ","rem;\n }\n\n &.disabled {\n background-color: #c0c0c0;\n color: #818181;\n cursor: initial;\n\n path {\n fill: #818181;\n }\n }\n\n path {\n fill: #fff;\n }\n }\n }\n"]);return eT=function(){return e},e}let eS=u.ZP.section(eT(),3,3,h.Td.md,31/16,1.375,h.Td.md,h.Td.md,h.Td.md,1,1.25,1.25,h.Td.md,1);function eL(){let e=(0,m._)(["\n position: relative;\n border: 1px solid #282828;\n padding: 0 ","rem;\n cursor: text;\n min-height: 2.44856rem;\n width: 100%;\n -moz-appearance: textfield;\n font-size: ","rem;\n font-weight: 400;\n line-height: ","rem;\n\n &.disabled {\n border: 1px solid #e6e6e6;\n background-color: #e6e6e6;\n color: #282828;\n }\n\n &::-webkit-inner-spin-button,\n *::-webkit-outer-spin-button {\n -webkit-appearance: none;\n margin: 0;\n }\n"]);return eL=function(){return e},e}let ez=u.ZP.input(eL(),1.25,1,1.375);var eE=e=>{let{value:n,title:t,name:i,size:o="mid",type:s="single",product:d,disabled:c=!1,measurement:m,placeholder:u}
1=e,{productParams:h,setProductParams:p,setErrors:x,updateProductsQuantity:g,setLocalStorageProducts:j,saveProductLocalStorage:f}=(0,a.useContext)(l.$V),b=(e,n)=>{"single"==s?p(t=>({...t,[e]:n})):g(e,n)};return(0,a.useEffect)(()=>{n?x(e=>e.filter(e=>e!==i)):x(e=>[...e,i])},[h]),(0,r.jsxs)("div",{className:"input-container ".concat(o),children:[(0,r.jsxs)("label",{htmlFor:"",children:[t,":"]}),(0,r.jsxs)("div",{className:"input",children:[(0,r.jsx)(ez,{type:"number",className:c&&"disabled",value:n?Math.max(0,n):"",disabled:c,placeholder:u,onChange:e=>b(i,e.target.value)}),m&&(0,r.jsx)("span",{className:"measurement",children:m})]})]})};function e_(){let e=(0,m._)(["\n position: relative;\n .option-selected {\n position: relative;\n display: flex;\n align-items: center;\n border: 1px solid #282828;\n padding: 0 ","rem;\n cursor: pointer;\n min-height: 2.44856rem;\n\n &.disabled {\n border: 1px solid #e6e6e6;\n background-color: #e6e6e6;\n color: #282828;\n }\n\n .icon {\n position: absolute;\n right: ","rem;\n }\n }\n .options {\n position: absolute;\n left: 0;\n top: ","rem;\n background-color: #ffffff;\n width: 100%;\n z-index: 1;\n overflow: auto;\n max-height: 0;\n\n &::-webkit-scrollbar {\n width: 5px;\n }\n\n &::-webkit-scrollbar-thumb {\n background: #b42b3d;\n }\n\n &.open {\n max-height: ","rem;\n border: 1px solid #282828;\n }\n\n .option {\n padding: ","rem ","rem;\n cursor: pointer;\n\n &:hover {\n background-color: #b42b3d;\n color: #ffffff;\n }\n }\n }\n"]);return e_=function(){return e},e}let eA=u.ZP.div(e_(),1.25,1.25,3.75,12.5,.625,1.25);var eI=e=>{let{value:n,title:t,name:i,size:o="full",options:s,disabled:m=!1}=e,{setProductParams:u,setErrors:h}=(0,a.useContext)(l.$V),p=(0,c.Z)(),[x,g]=(0,a.useState)(!1),j=(0,a.useRef)(null),f=n||("en"===p?"Select":"Seleccionar");(0,a.useEffect)(()=>{let e=e=>{j.current&&!j.current.contains(e.target)&&g(!1)};return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}},[]);let b=(e,n)=>{u(t=>({...t,[e]:n}))};return(0,a.useEffect)(()=>{"Seleccionar"===n||"Select"===n?h(e=>[...e,i]):h(e=>e.filter(e=>e!==i))},[n]),(0,r.jsxs)("div",{className:"input-container ".concat(o," "),ref:j,children:[(0,r.jsxs)("label",{children:[t,":"]}),(0,r.jsxs)(eA,{children:[(0,r.jsxs)("div",{className:"option-selected ".concat(m&&"disabled"),onClick:()=>s.length>0&&g(!x),children:[(0,r.jsx)("div",{dangerouslySetInnerHTML:{__html:f}}),(0,r.jsx)(d.Q,{src:"/icons/arrow-down.svg",className:"icon"})]}),(0,r.jsx)("div",{className:"options ".concat(x?"open":""),children:s&&s.map((e,n)=>{let{opcion:t}=e;return(0,r.jsx)("div",{className:"option",onClick:()=>{b(i,t),g(!1)},dangerouslySetInnerHTML:{__html:t}},n)})})]})]})},eH=()=>{(0,o.useRouter)();let{productSelected:e,productsSelected:n,productParams:t,errors:s,setStep:m,setLocalStorageProducts:u,setProductParams:h,setErrors:p}=(0,a.useContext)(l.$V),{setModalIsOpen:x}=(0,a.useContext)(l.XL),{saveProductLocalStorage:g}=eh(),{width:j}=(0,i.iP)(),{scroll:f}=(0,eC.lh)(),b=e=>{if(e){let n=e.replace("<sup>\xae</sup>",""),t=n.toLowerCase().split(" ").join("-");return t}},v=()=>{"cotizar"==t.flujo?y():(m(3),f.scrollTo("#product-table-calculator"))},y=()=>{0==s.length&&t.producto&&(n.map(e=>{u(n=>{let t=n.findIndex(n=>n.title===e.title);return -1!==t?n.map((n,r)=>r===t?{...n,...e}:n):[...n,e]}),g(e)}),x(!0),p([]),f.scrollTo("#activate-sticky",{duration:0}))},w=(0,c.Z)();return(0,r.jsx)(r.Fragment,{children:("cotizar"!=t.flujo?e.acf:n.length>0)&&(0,r.jsxs)(eS,{children:["cotizar"!=t.flujo&&(0,r.jsxs)(r.Fragment,{children:[" ",["plycem-exterior-junta-invisible","plycem-exterior-invisible-joint","plycem-microconcreto-exterior","plycem-ranurado","plycem-grooved","plycem-exterior-microconcrete"].includes(b(t.producto))&&(0,r.jsx)(eI,{value:t.tipoPared,title:"en"===w?"Wall Type":"Tipo de pared",name:"tipoPared",size:["plycem-microconcreto-exterior","plycem-exterior-microconcrete"].includes(b(t.producto))?"full":"mid",options:e.acf.tipo_de_pared}),["plycem-exterior-junta-invisible","plycem-exterior-invisible-joint"].includes(b(t.producto))&&(0,r.jsx)(eI,{value:t.tipoAcabado,title:"en"===w?"Finish Type":"Tipo de acabado",name:"tipoAcabado",size:"mid",options:e.acf.tipo_de_acabado}),["plycem-grooved","plycem-ranurado"].includes(b(t.producto))&&(0,r.jsx)(eI,{value:t.espesorLamina,title:"en"===w?"Sheet Thickness":"Espesores de l\xe1mina",name:"espesorLamina",size:["plycem-grooved","plycem-ranurado"].includes(b(t.producto))?"mid":"full",options:e.acf.espes
1ores_de_lamina.filter(e=>e.tipo_de_pared==t.tipoPared),disabled:!t.tipoPared}),["plycem-siding"].includes(b(t.producto))&&(0,r.jsx)(eI,{value:t.tipoSiding,title:"en"===w?"Siding Type":"Tipo de Siding",name:"tipoSiding",size:"mid",options:e.acf.tipo_de_siding}),["plycem-siding"].includes(b(t.producto))&&(0,r.jsx)(eI,{value:t.alturaSiding,title:"en"===w?"Siding Height (m)":"Altura de Siding (m)",name:"alturaSiding",size:"mid",options:e.acf.altura_de_siding}),["plycem-techos-eureka","plycem-eureka-ceilings"].includes(b(t.producto))&&(0,r.jsx)(eI,{value:t.largoLamina,title:"en"===w?"Sheet Length":"Largo de l\xe1mina",name:"largoLamina",options:e.acf.largo_de_lamina}),["plycem-entrepiso-alto-desempe\xf1o","plycem-high-performance-mezzanine-floors"].includes(b(t.producto))&&(0,r.jsx)(eI,{value:t.uso,title:"en"===w?"Usage":"Uso",name:"uso",options:e.acf.uso}),("calcular-cotizar"==t.flujo||["plycem-decks","plycem-entrepiso-residencial","plycem-residential-mezzanine"].includes(b(t.producto)))&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(eE,{value:t.value1,title:{"plycem-exterior-junta-invisible":"Longitud de pared (m)","plycem-exterior-invisible-joint":"Wall length (m)","plycem-entrepiso-alto-desempe\xf1o":"Longitud de entrepiso (m)","plycem-high-performance-mezzanine-floors":"Floor length (m)","plycem-techos-eureka":"Longitud (m)","plycem-eureka-ceilings":"Length (m)","plycem-siding":"Longitud (m)","plycem-ranurado":"Longitud (m)","plycem-grooved":"Length (m)","plycem-decks":"Dimensi\xf3n A (Direcci\xf3n de vigas) (m)","plycem-decks-en":"Dimension A (Beam direction) (m)","plycem-entrepiso-residencial":"Longitud de entrepiso (m)","plycem-residential-mezzanine":"Floor length (m)","plycem-microconcreto-exterior":"Longitud de pared (m)","plycem-exterior-microconcrete":"Wall length (m)"}[b(t.producto)],name:"value1",measurement:"m",placeholder:"0.0"}),(0,r.jsx)(eE,{value:t.value2,title:{"plycem-exterior-junta-invisible":"Alto de pared (m)","plycem-exterior-invisible-joint":"Wall height (m)","plycem-entrepiso-alto-desempe\xf1o":"Ancho de entrepiso (m)","plycem-high-performance-mezzanine-floors":"Floor width (m)","plycem-techos-eureka":"Ancho (m)","plycem-eureka-ceilings":"Width (m)","plycem-siding":"Altura m\xe1xima (m)","plycem-ranurado":"Altura m\xe1xima (m)","plycem-grooved":"Maximum height (m)","plycem-decks":"Dimensi\xf3n B (Direcci\xf3n de Plydeck) (m)","plycem-decks-en":"Dimension B (Plydeck direction) (m)","plycem-entrepiso-residencial":"Ancho de entrepiso (m)","plycem-residential-mezzanine":"Floor width (m)","plycem-microconcreto-exterior":"Alto de pared (m)","plycem-exterior-microconcrete":"Wall height (m)"}[b(t.producto)],name:"value2",measurement:"m",placeholder:"0.0"})]})]}),"cotizar"==t.flujo&&(0,r.jsxs)("div",{className:"cotizar-items",children:[(0,r.jsx)("div",{className:"title",children:(0,r.jsx)("label",{children:"Cantidad de l\xe1minas:"})}),n.map((e,n)=>(0,r.jsxs)("div",{className:"item",children:[(0,r.jsx)("div",{className:"option",dangerouslySetInnerHTML:{__html:e.title}}),(0,r.jsx)(eE,{value:e.quantity,title:"en"===w?"Sheet Quantity":"Cantidad de l\xe1minas",type:"bulk",name:e.title,size:"full",placeholder:"0"})]},n))]}),(0,r.jsxs)("div",{className:"button-container ".concat("cotizar"==t.flujo?"quote":"both"),children:["cotizar"!=t.flujo&&(0,r.jsx)(eE,{value:t.area,title:"en"===w?"Total Area (m\xb2)":"\xc1rea total (m\xb2)",name:"area",measurement:"m\xb2",disabled:!0,placeholder:"0.0"}),(0,r.jsxs)("button",{type:"button",onClick:()=>0==s.length&&v(),className:"".concat(s.length>=1?"disabled":""," ").concat(j<1080&&"next-button"),children:[(0,r.jsx)("span",{children:"cotizar"==t.flujo?"en"===w?"Request a quote from your nearest distributor.":"Solicitar cotizaci\xf3n a tu distribuidor m\xe1s cercano.":"en"===w?"Next":"Siguiente"})," ",(0,r.jsx)(d.Q,{src:"/icons/long-arrow-right.svg"})]})]})]})})};function eq(){let e=(0,m._)(["\n position: relative;\n padding: ","rem;\n display: flex;\n flex-direction: column;\n width: 100%;\n\n @media "," {\n padding: ","rem;\n width: calc(58vw - 5.652rem);\n &.border {\n border-right: 1px solid #56565b;\n }\n\n .missing-step {\n flex: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n }\n\n .info {\n display: flex;\n gap: 2rem;\n flex-direction: column;\n @media "," {\n gap: 0rem;\n flex-direction: row;\n .house {\n width: 70% !important;\n margin-right: -2.7rem;\n margin-top: -1rem;\n }\n }\n .house {\n width: 100%;\n }\n .title {\n flex: 1;\n }\n }\n\n .number {\n color: #282828;\n font-size: ","rem;\n font-style: normal;\n font-weight: 500;\n line-height: ","rem;\n\n @media "," {\n font-size: ","rem;\n line-height: ","rem;\n }\n }\n\n .instruction {\n color: #282828;\n font-size: ","rem;\n font-weight: 400;\n line-height: ","rem;\n margin-top: ","rem;\n }\n\n .back {\n margin-bottom: ","rem;\n margin-top: ","rem;\n width: fit-content;\n\n .arrow-icon {\n transform: rotate(180deg);\n }\n }\n"]);return eq=function(){return e},e}let eG=u.ZP.section(eq(),1.5,h.Td.md,3.75,h.Td.md,1.5,45/16,h.Td.md,35/16,45/16,1,1.375,1.5,3,1.5);var eZ=()=>
1{let{productParams:e,setStep:n,productsSelected:t,productSelected:o}=(0,a.useContext)(l.$V),{width:s}=(0,i.iP)(),m=s<1080,u=(0,c.Z)(),h={calcularCotizar:"en"===u?"Complete the required information to start calculating your project. <br><br> This is the final use you can give to the product you are selecting.":"Completa la informaci\xf3n requerida para iniciar el c\xe1lculo de tu proyecto. <br><br> Este es el uso final que le puedes dar al producto que est\xe1s seleccionando",cotizar:"en"===u?"Enter the quantities you wish to quote.":"Ingresa las cantidades que deseas cotizar."};return(0,r.jsx)(eG,{className:"".concat(!e.producto&&!m&&"blank"," ").concat(e.flujo&&"calcular-cotizar"==e.flujo&&"border"),children:e.producto||m?(0,r.jsxs)(r.Fragment,{children:[m&&(0,r.jsx)("div",{className:"back",onClick:()=>n(1),children:(0,r.jsx)(d.Q,{src:"/icons/long-arrow-right.svg",className:"arrow-icon"})}),(0,r.jsxs)("div",{className:"info",children:[(0,r.jsxs)("div",{className:"title",children:[(0,r.jsx)("span",{className:"number quicksand",children:"02"}),(0,r.jsx)("p",{className:"instruction",dangerouslySetInnerHTML:{__html:"cotizar"==e.flujo?h.cotizar:h.calcularCotizar}})]}),o&&"calcular-cotizar"==e.flujo&&(0,r.jsx)("div",{className:"house",children:(0,r.jsx)(f(),{src:o.acf.producto_casa.url,alt:"casa",width:800,height:800})})]}),(0,r.jsx)(eH,{})]}):(0,r.jsx)("h2",{className:"missing-step",children:"en"===u?"Complete Step 1":"Completar paso 1"})})};function eF(){let e=(0,m._)(["\n position: relative;\n padding: ","rem;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n width: 100%;\n\n @media "," {\n padding: ","rem;\n width: calc(42vw - 5.652rem);\n border-right: 1px solid #56565b;\n }\n\n .number {\n color: #282828;\n font-size: ","rem;\n font-style: normal;\n font-weight: 500;\n line-height: ","rem;\n\n @media "," {\n font-size: ","rem;\n line-height: ","rem;\n }\n }\n\n .instruction {\n color: #282828;\n font-size: ","rem;\n font-weight: 400;\n line-height: ","rem;\n margin-top: ","rem;\n }\n\n .product-image {\n width: ","rem;\n height: auto;\n }\n\n .products-container {\n margin-top: ","rem;\n\n @media "," {\n margin-top: 0;\n }\n\n .products {\n .products-list {\n display: flex;\n flex-direction: column;\n gap: ","rem;\n\n @media "," {\n gap: 1.563vw;\n }\n\n .product-container {\n cursor: pointer;\n\n span.product {\n position: relative;\n color: #282828;\n font-size: ","rem;\n font-weight: 400;\n padding-left: ",'rem;\n\n &.active {\n color: #b42b3d;\n font-weight: 600;\n\n &::before {\n content: "";\n background-color: #b42b3d;\n border: 1px solid #b42b3d;\n }\n }\n\n &::before {\n content: "";\n width: ',"rem;\n height: ","rem;\n background-color: #ffffff;\n border: 1px solid #282828;\n position: absolute;\n left: 0;\n top: 50%;\n transform: translateY(-50%);\n }\n }\n }\n }\n }\n }\n"]);return eF=function(){return e},e}let eY=u.ZP.section(eF(),1.5,h.Td.md,3.75,1.5,45/16,h.Td.md,35/16,45/16,1,1.375,1.5,20,49/16,h.Td.md,1.875,h.Td.md,1,1.875,1,1);var eX=()=>{var e;let{products:n}=(0,a.useContext)(l.Xp),t=(0,c.Z)(),{productSelected:o,setProductSelected:s,handleProductsSelection:m,productsSelected:u,productParams:h,setProductParams:p,setErrors:x,step:g,setStep:j}=(0,a.useContext)(l.$V),{width:b}=(0,i.iP)(),v=b<1080,y=(e,n)=>{s(n),m(n),j(1),p({flujo:h.flujo,producto:e}),x([])},w={calcularCotizar:"en"===t?"Select the Plycem product that suits your needs.":"Selecciona el producto Plycem que se adapte a tu necesidad.",cotizar:"en"===t?"List of materials for your project.":"Listado de materiales para tu proyecto."};return(0,r.jsx)(eY,{id:"product-selector-calculator",className:"".concat(!h.flujo&&!v&&"blank"),children:h.flujo||v?(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)("div",{children:[(0,r.jsx)("span",{className:"number quicksand",children:"01"}),(0,r.jsx)("p",{className:"instruction",children:"cotizar"==h.flujo?w.cotizar:w.calcularCotizar})]}),(null==o?void 0:null===(e=o.acf)||void 0===e?void 0:e.imagen_del_producto)&&!v&&(0,r.jsx)(f(),{src:o.acf.imagen_del_producto.url,alt:o.title,width:o.acf.imagen_del_producto.width,height:o.acf.imagen_del_producto.height,className:"product-image"}),(0,r.jsx)("div",{className:"products-container",children:(0,r.jsx)("div",{className:"products",children:(0,r.jsx)("div",{className:"products-list",children:n&&n.length>0&&n.map((e,n)=>(0,r.jsx)("div",{className:"product-container",onClick:()=>y(e.title,e),children:(0,r.jsx)("span",{className:"cotizar"!=h.flujo?h.producto===e.title?"product active":"product":u.some(n=>n.title===e.title)?"product active":"product",dangerouslySetInnerHTML:{__html:e.title}}
1)},"".concat(e.title,"-").concat(n)))})})}),v&&(0,r.jsxs)("button",{type:"button",className:"next-button ".concat(!h.flujo&&"disabled"),onClick:()=>h.flujo&&j(2),children:[(0,r.jsx)("span",{children:h.flujo?"en"===t?"Next":"Siguiente":"en"===t?"Select Flow":"Seleccionar flujo"})," ",(0,r.jsx)(d.Q,{src:"/icons/long-arrow-right.svg"})]})]}):(0,r.jsx)("h2",{className:"missing-step",children:"en"===t?"Select Flow":"Seleccionar flujo"})})},eR=t(2152),eV=t.n(eR);let eQ=()=>{let e="https://plycem.com";return{downloadPdf:()=>{let n=document.getElementById("print-content");if(!n){console.error('Element with id "print-content" not found.');return}ep.Z.post("".concat(e,"/wp-admin/admin-ajax.php"),{action:"get_pdf_url",cotizaciones_html:'<div class="summary-tables-pdf">'+n.innerHTML+"</div>"},{headers:{"Content-Type":"application/x-www-form-urlencoded"},transformRequest:[e=>new URLSearchParams(e).toString()]}).then(n=>{!function(e,n){let t=document.createElement("a");t.href=e,t.setAttribute("download",n),t.setAttribute("target","_blank"),t.setAttribute("rel","noreferrer"),t.click()}("".concat(e).concat(n.data),"Cotizaci\xf3n Plycem.pdf");let t=n.data.split("/"),r=t[t.length-1];ep.Z.post("".concat(e,"/wp-admin/admin-ajax.php"),{action:"delete_file",file_name:r},{headers:{"Content-Type":"application/x-www-form-urlencoded"},transformRequest:[e=>new URLSearchParams(e).toString()]}).then(e=>{console.log(e.data)}).catch(e=>{console.error("Error al eliminar el archivo:",e)})}).catch(e=>{console.error("Error en la descarga del archivo:",e)})}}};function eO(){let e=(0,m._)(["\n position: relative;\n display: flex;\n justify-content: space-between;\n margin-top: ","rem;\n padding: ","rem ",'rem;\n\n &.error {\n color: #b42b3d;\n &::after {\n background-color: #b42b3d;\n }\n }\n\n &::after {\n content: "";\n position: absolute;\n left: 0;\n top: 55%;\n transform: translateY(-50%);\n width: 16px;\n height: 4px;\n background-color: #56565b;\n }\n\n input {\n width: ',"rem;\n background-color: transparent;\n border: none;\n outline: none;\n border-bottom: 1px solid #282828;\n cursor: text;\n -moz-appearance: textfield;\n\n &::-webkit-inner-spin-button,\n *::-webkit-outer-spin-button {\n -webkit-appearance: none;\n margin: 0;\n }\n }\n\n .middle {\n margin: 0 ","rem;\n }\n\n .letter {\n margin-right: ","rem;\n }\n"]);return eO=function(){return e},e}let eD=u.ZP.div(eO(),.625,5/16,2,3.125,.25,.25);var e$=e=>{let{value1:n,value2:t}=e,{productParams:i,setProductParams:o,setErrors:s}=(0,a.useContext)(l.$V),d=(0,c.Z)(),[m,u]=(0,a.useState)(!1),h=e=>{if(e){let n=e.replace("<sup>\xae</sup>",""),t=n.toLowerCase().split(" ").join("-");return t}},p=(e,n)=>{o(t=>({...t,[e]:n}))};return(0,a.useEffect)(()=>{0==i.area?s(e=>[...e,name]):s(e=>e.filter(e=>e!==name))},[i.area]),(0,r.jsxs)(eD,{className:"".concat(0==i.area&&"error"),children:[(0,r.jsx)("div",{children:m?(0,r.jsxs)("div",{children:[(0,r.jsx)("span",{className:"letter",children:"plycem-decks"==h(i.producto)?"A":"L"}),(0,r.jsx)("input",{type:"number",value:i.value1?Math.max(0,i.value1):"",onChange:e=>p("value1",e.target.value)}),(0,r.jsx)("span",{children:"m"}),(0,r.jsx)("span",{className:"middle",children:"X"}),(0,r.jsx)("span",{className:"letter",children:"plycem-decks"==h(i.producto)?"B":"A"}),(0,r.jsx)("input",{type:"number",value:i.value2?Math.max(0,i.value2):"",onChange:e=>p("value2",e.target.value)}),(0,r.jsx)("span",{children:"m"})]}):(0,r.jsxs)("span",{className:"area",children:[i.area," m",(0,r.jsx)("sup",{children:"2"})]})}),(0,r.jsx)("span",{className:"button",onClick:()=>u(!m),children:m?"en"===d?"Save":"Guardar":"en"===d?"Edit":"Editar"})]})};function eB(){let e=(0,m._)(["\n position: relative;\n display: flex;\n flex-direction: column;\n margin-top: 0;\n background-color: #e6e6e6;\n padding: ","rem;\n\n .title {\n color: #b42b3d;\n font-size: ","rem;\n font-weight: 600;\n line-height: ","rem;\n }\n\n .product-name,\n .result {\n position: relative;\n margin-top: ","rem;\n padding: 0 ",'rem;\n\n &::after {\n content: "";\n position: absolute;\n left: 0;\n top: 50%;\n transform: translateY(-50%);\n width: 16px;\n height: 4px;\n background-color: #56565b;\n }\n }\n\n .product-name {\n padding: ',"rem ","rem;\n }\n\n .result {\n border-top: 1px solid #bdbdbd;\n padding: ","rem ","rem;\n font-size: ","rem;\n font-weight: 600;\n line-height: ","rem;\n\n &::after {\n background-color: #b42b3d;\n top: 55%;\n }\n\n .value {\n font-size: ","rem;\n font-weight: 500;\n line-height: ","rem;\n }\n }\n\n .button {\n color: #56565b;\n font-size: ","rem;\n font-weight: 400;\n line-height: ","rem;\n cursor: pointer;\n\n &:hover {\n font-weight: 500;\n }\n }\n"]);return eB=function(){return e},e}let eU=u.ZP.section(eB(),1.875,1,1.375,1,2,5/16,2,1,2,1,1.375,2,1.375,1,1.375);function eJ(){let e=(0,m._)(["\n position: relative;\n margin-top: ","rem;\n\n &.open {\n background-color: #ffffff;\n }\n\n .value {\n position: relative;\n display: flex;\n justify-content: space-between;\n padding: ","rem ",'rem;\n\n &.open {\n &::after {\n display: none;\n }\n }
1\n\n &.error {\n .title {\n color: #b42b3d;\n }\n &::after {\n background-color: #b42b3d;\n }\n }\n\n &::after {\n content: "";\n position: absolute;\n left: 0;\n top: 50%;\n transform: translateY(-50%);\n width: 16px;\n height: 4px;\n background-color: #56565b;\n }\n\n .title {\n color: #282828;\n font-size: ',"rem;\n font-weight: 400;\n line-height: ","rem;\n }\n }\n .options-container {\n position: absolute;\n display: flex;\n flex-direction: column;\n background-color: #ffffff;\n width: 100%;\n overflow: hidden;\n max-height: 0;\n z-index: 2;\n\n &.open {\n padding: ","rem ","rem;\n max-height: fit-content;\n }\n\n .option {\n padding: ","rem 0;\n cursor: pointer;\n\n &:hover,\n &.current {\n color: #b42b3d;\n font-weight: 600;\n }\n }\n }\n"]);return eJ=function(){return e},e}let eW=u.ZP.div(eJ(),.625,5/16,2,1,1.375,5/16,2,5/16);var eK=e=>{let{title:n,name:t,options:i}=e,{setProductParams:o,setErrors:s}=(0,a.useContext)(l.$V),[d,m]=(0,a.useState)(!1),u=(0,c.Z)(),h=(0,a.useRef)(null);(0,a.useEffect)(()=>{let e=e=>{h.current&&!h.current.contains(e.target)&&m(!1)};return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}},[]);let p=(e,n)=>{o(t=>({...t,[e]:n}))};return(0,a.useEffect)(()=>{"Seleccionar"==n?s(e=>[...e,t]):s(e=>e.filter(e=>e!==t))},[n]),(0,r.jsxs)(eW,{className:d?"open":"",ref:h,children:[(0,r.jsxs)("div",{className:"value ".concat(d&&"open"," ").concat(n===("en"===u?"Select":"Seleccionar")&&"error"),children:[(0,r.jsx)("span",{className:"title",dangerouslySetInnerHTML:{__html:n}}),(0,r.jsx)("span",{className:"button",onClick:()=>m(!d),children:d?"en"===u?"Close":"Cerrar":"en"===u?"Edit":"Editar"})]}),(0,r.jsx)("div",{className:"options-container ".concat(d&&"open"),children:i&&i.map((e,i)=>{let{opcion:a}=e;return(0,r.jsx)("span",{className:"option ".concat(a==n&&"current"),onClick:()=>{p(t,a),m(!1)},dangerouslySetInnerHTML:{__html:a}},"".concat(a,"-").concat(i))})})]})},e0=()=>{let{productSelected:e,productParams:n}=(0,a.useContext)(l.$V),t=(0,c.Z)(),i=e=>{if(e){let n=e.replace("<sup>\xae</sup>",""),t=n.toLowerCase().split(" ").join("-");return t}};return(0,r.jsx)(r.Fragment,{children:e.acf&&(0,r.jsxs)(eU,{children:[(0,r.jsx)("span",{className:"title",children:"en"===t?"Summary:":"Resumen:"}),(0,r.jsx)("span",{className:"product-name",dangerouslySetInnerHTML:{__html:n.producto}}),["plycem-exterior-junta-invisible","plycem-exterior-invisible-joint","plycem-microconcreto-exterior","plycem-exterior-microconcrete","plycem-ranurado","plycem-grooved"].includes(i(n.producto))&&(0,r.jsx)(eK,{title:"en"===t?"Wall Type":"Tipo de pared",name:"tipoPared",options:e.acf.tipo_de_pared}),["plycem-exterior-junta-invisible","plycem-exterior-invisible-joint"].includes(i(n.producto))&&(0,r.jsx)(eK,{title:"en"===t?"Finish Type":"Tipo de acabado",name:"tipoAcabado",options:e.acf.tipo_de_acabado}),["plycem-ranurado","plycem-grooved"].includes(i(n.producto))&&(0,r.jsx)(eK,{title:"en"===t?"Sheet Thickness":"Espesores de l\xe1mina",name:"espesorLamina",options:e.acf.espesores_de_lamina.filter(e=>e.tipo_de_pared==n.tipoPared)}),["plycem-siding"].includes(i(n.producto))&&(0,r.jsx)(eK,{title:"en"===t?"Siding Type":"Tipo de Siding",name:"tipoSiding",options:e.acf.tipo_de_siding}),["plycem-siding"].includes(i(n.producto))&&(0,r.jsx)(eK,{title:"en"===t?"Siding Height (m)":"Altura de Siding (m)",name:"alturaSiding",options:e.acf.altura_de_siding}),["plycem-techos-eureka","plycem-eureka-ceilings"].includes(i(n.producto))&&(0,r.jsx)(eK,{title:"en"===t?"Sheet Length":"Largo de l\xe1mina",name:"largoLamina",options:e.acf.largo_de_lamina}),["plycem-entrepiso-alto-desempe\xf1o","plycem-high-performance-mezzanine-floors"].includes(i(n.producto))&&(0,r.jsx)(eK,{title:"en"===t?"Usage":"Uso",name:"uso",options:e.acf.uso}),(0,r.jsx)(e$,{value1:n.value1,value2:n.value2}),(0,r.jsxs)("span",{className:"result",children:["en"===t?"Result of the listing:":"Resultado del listado:"," ",(0,r.jsx)("span",{className:"value quicksand",children:n.result})," ","en"===t?"units":"unidades"]})]})})};function e1(){let e=(0,m._)(["\n position: relative;\n width: 100vw;\n padding-bottom: ","rem;\n\n @media "," {\n padding: ","rem;\n display: flex;\n\n .table-container {\n height: 62vh;\n overflow: auto;\n &::-webkit-scrollbar {\n width: 10px !important;\n }\n &::-webkit-scrollbar,\n &::-webkit-scrollbar-track {\n background-color: #e5e5e5 !important;\n box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);\n }\n &::-webkit-scrollbar-thumb {\n background-color: #333 !important;\n box-shadow: 3px 0 15px rgba(0, 0, 0, 0.3);\n }\n &::-webkit-scrollbar,\n &::-webkit-scrollbar-track {\n background-color: #e5e5e5 !important;\n box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);\n }\n }\n }\n\n .editor {\n width: 100%;\n\n @media "," {\n width: 40vw;\n border-right: 1px solid #56565b;\n padding-right: ","rem;\n }\n\n .number {\n color: #282828;\n font-size: ","rem;\n font-style: normal;\n font-weight: 500;\n line-height: ","rem;\n padding: 0 ","rem;\n\n @media "," {\n padding: 0;\n }\n }\n\n .instruction {\n color: #282828;\n font-size: ","rem;\n font-weight: 400;\n line-height: ","rem;\n margin-top: ","rem;\n padding: 0 ","rem;\n\n @media "," {\n padding: 0;\n }\n }\n\n .buttons {\n margin-top: ","rem;\n display: flex;\n flex-direction: column;\n gap: ","rem;\n padding: 0 ","rem;\n\n @media "," {\n padding: 0;\n }\n\n button {\n display: flex;\n gap: ","rem;\n justify-content: center;\n align-items: center;\n min-height: ","rem;\n border: none;\n padding: 0 ","rem;\n cursor: pointer;\n transition: all 0.5s;\n color: #ffffff;\n\n path {\n fill: #fff;\n }\n\n &.calcultate {\n background-color: #56565b;\n\n &:hover {\n background-color: #46464e;\n }\n }\n\n &.quote {\n background-color: #b42b3d;\n\n &:hover {\n background-color: #ad061c;\n }\n }\n\n &.disabled {\n background-color: #e6e6e6;\n color: #9a9a9b;\n cursor: initial;\n\n &:hover {\n background-color: #e6e6e6;\n }\n\n path {\n fill: #9a9a9b;\n }\n }\n\n span {\n font-size: ","rem;\n font-weight: 600;\n line-height: ","rem;\n\n @media "," {\n font-size: ","rem;\n }\n }\n }\n }\n }\n\n .tables-container {\n width: 100%;\n padding: 0 ","rem;\n margin-top: ","rem;\n\n @media "," {\n width: 60vw;\n padding: 0;\n padding-left: ","rem;\n margin-top: 0;\n }\n\n .buttons-container {\n display: flex;\n justify-content: space-between;\n align-items: center;\n border-top: 1px solid rgba(86, 86, 91, 0.4);\n padding-top: ","rem;\n\n &.mobile {\n display: flex;\n flex-direction: column;\n gap: ","rem;\n border: none;\n padding-bottom: 24px;\n }\n\n @media "," {\n border: none;\n padding-top: 0;\n }\n\n .message {\n font-size: ","rem;\n font-weight: 400;\n color: #b42b3d;\n }\n\n h2 {\n color: #282828;\n font-size: ","rem;\n font-weight: 600;\n line-height: ","rem;\n max-width: ","rem;\n\n @media "," {\n max-width: ","rem;\n }\n }\n\n .buttons {\n display: flex;\n align-items: center;\n gap: ","rem;\n width: 100%;\n\n @media "," {\n width: initial;\n }\n\n button {\n display: flex;\n gap: ","rem;\n justify-content: center;\n align-items: center;\n background-color: #fff;\n border: 1px solid rgba(86, 86, 91, 0.4);\n min-height: ","rem;\n width: 100%;\n cursor: pointer;\n transition: all 0.3s;\n\n @media "," {\n min-width: ","rem;\n }\n\n &:hover {\n border: #b42b3d;\n background-color: #b42b3d;\n\n span {\n color: #fff;\n }\n\n svg * {\n fill: #fff;\n }\n }\n\n span {\n color: #282828;\n font-size: ","rem;\n font-weight: 600;\n line-height: ","rem;\n }\n\n svg {\n width: ","rem;\n height: auto;\n }\n }\n }\n }\n\n .tables {\n margin-top: ","rem;\n overflow-x: scroll;\n\n @media "," {\n &::-webkit-scrollbar {\n display: none;\n }\n }\n\n &::-webkit-scrollbar {\n height: ","rem;\n }\n\n &::-webkit-scrollbar-thumb {\n background: #b42b3d;\n border-radius: 100px;\n }\n\n &::-webkit-scrollbar-track {\n background: #e6e6e6;\n border-radius: 100px;\n }\n\n table {\n width: 100%;\n min-width: 652px;\n border-collapse: collapse;\n\n tr {\n border-bottom: 1px solid rgba(86, 86, 91, 0.4);\n\n &:last-child {\n border: none;\n }\n }\n\n td {\n color: #282828;\n font-size: ","rem;\n font-weight: 400;\n line-height: ","rem;\n padding: ","rem 0;\n padding-right: 40px;\n\n &:last-child {\n padding-right: 0;\n }\n }\n }\n }\n }\n\n .back {\n margin-bottom: ","rem;\n margin-top: ","rem;\n width: fit-content;\n padding: ","rem ","rem 0;\n\n .arrow-icon {\n transform: rotate(180deg);\n }\n }\n"]);return e1=function(){return e},e}let e2=u.ZP.section(e1(),1.5,h.Td.md,3.75,h.Td.md,1.875,35/16,45/16,1.5,h.Td.md,1,1.375,1.5,1.5,h.Td.md,49/16,1,1.5,h.Td.md,1.25,51/16,1.875,15/16,1.75,h.Td.md,1.125,1.5,47/16,h.Td.md,1.875,2,1.25,h.Td.md,1.125,1.125,1.75,21.375,h.Td.md,15.375,15/16,h.Td.md,.5,41/16,h.Td.md,169/16,1.125,1.75,1,2,h.Td.md,7/16,1,1.375,.5,3,1.5,1.5,1.5);var e5=()=>
1{let{productParams:e,setProductParams:n}=(0,a.useContext)(l.$V),t=(0,c.Z)(),i=Math.ceil(Number(e.value1)/.15*Number(e.value2)/3.66*1.05),o=Math.ceil(9*i),s=Math.ceil((Number(e.value2)/.406+1)*2),d=e.value1*e.value2/5,m=Math.ceil(e.value1*e.value2/30),u=Number(e.value1)*Number(e.value2);return(0,a.useEffect)(()=>{i&&n(e=>({...e,result:i}))},[i]),(0,r.jsx)("div",{className:"table-container",children:(0,r.jsx)("table",{children:(0,r.jsxs)("tbody",{children:[(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{children:"1323611"}),(0,r.jsx)("td",{dangerouslySetInnerHTML:{__html:e.producto}}),(0,r.jsxs)("td",{children:[i," / ","en"===t?"unit":"u"]})]}),(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{children:"962285"}),(0,r.jsx)("td",{children:"en"===t?"PLYCEM\xae Clip for metal includes screw":"Clip PLYCEM<sup>\xae</sup> para metal incluye tornillo"}),(0,r.jsxs)("td",{children:[o," / ","en"===t?"unit":"u"]})]}),(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{children:"982292"}),(0,r.jsx)("td",{children:"en"===t?"PLYCEM\xae Starter Clip includes screw":"Clip de arranque PLYCEM<sup>\xae</sup> incluye tornillo"}),(0,r.jsxs)("td",{children:[s," / ","en"===t?"unit":"u"]})]}),(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{children:"960794"}),(0,r.jsx)("td",{children:"en"===t?"PLYCEM Clip Screw SPH7-162 (contingencies)":"Tornillo para clip PLYCEM SPH7-162 (imprevistos)"}),(0,r.jsxs)("td",{children:[d," / ","en"===t?"unit":"u"]})]}),(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{children:"73812"}),(0,r.jsx)("td",{children:"en"===t?'Square tip #1 x 50mm (2") DE LAR':"Punta cuadrada #1 x 50mm (2â) DE LAR"}),(0,r.jsxs)("td",{children:[m," / ","en"===t?"unit":"u"]})]}),(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{}),(0,r.jsx)("td",{children:"en"===t?"Labor (square meter installation)":"Mano de Obra (metro cuadrado instalaci\xf3n)"}),(0,r.jsxs)("td",{children:[u," / ","en"===t?"m\xb2":"m2"]})]})]})})})},e6=()=>{let{productParams:e,setProductParams:n}=(0,a.useContext)(l.$V),t=(0,c.Z)(),i=Math.ceil(Number(e.area)/2.97*1.05),o=Math.ceil(26.25*i),s=Math.ceil(5.25*i),d=Math.ceil((6.1*i+1.22)/7.5*1.05),m=Math.ceil(1.05*Number(e.area)),u=Math.ceil(Number(e.area)/12*1.05),h=Number(e.area);return(0,a.useEffect)(()=>{i&&n(e=>({...e,result:i}))},[i]),(0,r.jsx)("div",{className:"table-container",children:(0,r.jsx)("table",{children:(0,r.jsxs)("tbody",{children:[(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{children:e.uso===("en"===t?"Commercial":"Comercial")?"971829":e.uso===("en"===t?"Basic Residential":"Residencial B\xe1sico")?"972254":"971677"}),(0,r.jsx)("td",{dangerouslySetInnerHTML:{__html:"".concat(e.producto," ").concat(e.uso===("en"===t?"Commercial":"Comercial")?"25mm":e.uso===("en"===t?"Basic Residential":"Residencial B\xe1sico")?"20mm":"22mm")}}),(0,r.jsxs)("td",{children:[i," / ","en"===t?"unit":"u"]})]}),(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{children:"960798"}),(0,r.jsx)("td",{children:"en"===t?"PLYCEM Screw PH10-175 #10 x 1-3/4 tek tip":"Tornillo PLYCEM PH10-175 #10 x 1-3/4 punta tek"}),(0,r.jsxs)("td",{children:[o," / ","en"===t?"unit":"u"]})]}),(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{children:"961368"}),(0,r.jsx)("td",{children:"en"===t?'Washer \xbe" x 1/4" for floor (19x6.5mm)':'Arandela \xbe" x 1/4" para entrepiso (19x6.5mm)'}),(0,r.jsxs)("td",{children:[s," / ","en"===t?"unit":"u"]})]}),(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{children:"972217"}),(0,r.jsx)("td",{children:"en"===t?"Sikaflex 1A Plus polyurethane sealant 300ml or similar":"Sikaflex 1A Plus sellador poliuretano 300 ml o similar"}),(0,r.jsxs)("td",{children:[d," / ","ml"]})]}),(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{children:"963817"}),(0,r.jsx)("td",{children:"en"===t?"Geotextile fabric NT 1600 Polypropylene 4m x 160m":"Tela de geotextil NT 1600 Polipropileno 4m x 160m"}),(0,r.jsxs)("td",{children:[m," / ","en"===t?"m\xb2":"m2"]})]}),(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{}),(0,r.jsx)("td",{children:"en"===t?"Supreme adhesive from Lanco or similar":"Pegamento Supreme de Lanco o similar"}),(0,r.jsxs)("td",{children:[u," / ","en"===t?"gallon":"gal\xf3n"]})]}),(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{}),(0,r.jsx)("td",{children:"en"===t?"Labor (square meter installation)":"Mano de Obra (metro cuadrado instalaci\xf3n)"}),(0,r.jsxs)("td",{children:[h," / ","en"===t?"m\xb2":"m2"]})]})]})})})},e4=()=>
1{let{productParams:e,setProductParams:n}=(0,a.useContext)(l.$V),t=(0,c.Z)(),i=Math.ceil(Number(e.area)/2.97*1.05),o=Math.ceil(34.65*i),s=Math.ceil(5.25*i),d=Math.ceil((6.1*i+1.22)/7.5*1.05),m=Math.ceil(1.05*Number(e.area)),u=Math.ceil(Number(e.area)/12*1.05),h=Number(e.area);return(0,a.useEffect)(()=>{i&&n(e=>({...e,result:i}))},[i]),(0,r.jsx)("div",{className:"table-container",children:(0,r.jsx)("table",{children:(0,r.jsxs)("tbody",{children:[(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{children:"1322729"}),(0,r.jsx)("td",{children:"en"===t?"PLYCEM Residential Floor":"PLYCEM Entrepiso Residencial"}),(0,r.jsxs)("td",{children:[i," / ","en"===t?"unit":"u"]})]}),(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{children:"960798"}),(0,r.jsx)("td",{children:"en"===t?"PLYCEM Screw PH10-175 #10 x 1-3/4 tek tip":"Tornillo PLYCEM PH10-175 #10 x 1-3/4 punta tek"}),(0,r.jsxs)("td",{children:[o," / ","en"===t?"unit":"u"]})]}),(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{children:"961368"}),(0,r.jsx)("td",{children:"en"===t?'Washer \xbe"x1/4" for floors (19x6.5mm)':'Arandela \xbe"x1/4" p/entrepisos(19x6.5mm)'}),(0,r.jsxs)("td",{children:[s," / ","en"===t?"unit":"u"]})]}),(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{children:"963817"}),(0,r.jsx)("td",{children:"en"===t?"Sikaflex 1A Plus polyurethane sealant 300ml or similar":"Sikaflex 1A Plus sellador poliuretano 300 ml o similar"}),(0,r.jsxs)("td",{children:[d," / ","ml"]})]}),(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{children:"963817"}),(0,r.jsx)("td",{children:"en"===t?"Geotextile fabric NT 1600 Polypropylene 4m x 160m":"Tela de geotextil NT 1600 Polipropileno 4m x 160m"}),(0,r.jsxs)("td",{children:[m," / ","en"===t?"m\xb2":"m2"]})]}),(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{}),(0,r.jsx)("td",{children:"en"===t?"Supreme adhesive from Lanco or similar":"Pegamento Supreme de Lanco o similar"}),(0,r.jsxs)("td",{children:[u," / ","en"===t?"gallon":"gal\xf3n"]})]}),(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{}),(0,r.jsx)("td",{children:"en"===t?"Labor (square meter installation)":"Mano de Obra (metro cuadrado instalaci\xf3n)"}),(0,r.jsxs)("td",{children:[h," / ","en"===t?"m\xb2":"m2"]})]})]})})})},e3=()=>{var e,n;let t=(0,c.Z)(),{productParams:i,setProductParams:o}=(0,a.useContext)(l.$V),s=null===(e=i.tipoAcabado)||void 0===e?void 0:e.toLowerCase(),d=null===(n=i.tipoPared)||void 0===n?void 0:n.toLowerCase(),m=i.value2>=2.45?"en"===t?"Stud Profile Gauge 20x305 cm G60":"Perfil Stud Calibre 20x305 cm G60":"en"===t?"Stud Profile Gauge 20x244 cm G60":"Perfil Stud Calibre 20x244 cm G60",u=Number(i.value2)>2.44?Math.ceil(4*Number(i.value1)/2.8):Math.ceil(2*Number(i.value1)/2.8),h=Number(i.value2)>2.44?Math.ceil((Number(i.value1)/.61+1)*Number(i.value2)/2.8):Math.ceil(Number(i.value1)/.61+1),p=d===("en"===t?"one face":"una cara")||"exterior"===d?Math.ceil(Number(i.area)/2.97*1.05):0,x="exterior"===d?Math.ceil(Number(i.area)/2.97*1.05):"interior"===d?Math.ceil(Number(i.area)/2.97*2.1):0,g=Math.ceil(Number(i.area)/2.97*1.05),j=Math.ceil((p+x)*3.66/45*1.05),f=s===("en"===t?"rough":"grueso")?Math.ceil(Number(i.area)/13):Math.ceil(Number(i.area)/18),b=Math.ceil(2*Number(i.value1)/12),v=Math.ceil(Number(i.value1)/.4*1.25),y="interior"===d?Math.ceil((Number(i.value1)/.4+1)*1.2):Math.ceil((Number(i.value1)/1.2+1)*1.05),w=Number(i.area),N=Math.ceil("interior"===d?0:Number(i.area)/36.48);return(0,a.useEffect)(()=>{g&&o(e=>({...e,result:g}))},[g]),(0,r.jsx)("div",{className:"table-container",children:(0,r.jsx)("table",{children:(0,r.jsxs)("tbody",{children:[(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{children:"Local"}),(0,r.jsx)("td",{children:"en"===t?"Track Profile Gauge 20x305 cm G60":"Perfil Track Calibre 20x305 cm G60"}),(0,r.jsxs)("td",{children:[u," / ","en"===t?"unit":"u"]})]}),(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{children:"Local"}),(0,r.jsx)("td",{children:m}),(0,r.jsxs)("td",{children:[h," / ","en"===t?"unit":"u"]})]}),(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{children:"960804"}),(0,r.jsx)("td",{children:"en"===t?"LH8-050 Screws for metal joints":"Tornillos LH8-050 uniones met\xe1licas"}),(0,r.jsxs)("td",{children:[5*h," / ","en"===t?"unit":"u"]})]}),(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{children:"960093"}),(0,r.jsx)("td",{children:"en"===t?"PLYCEM Exterior Invisible Joint 10mm":"PLYCEM Exterior Junta Invisible 10mm"}),(0,r.jsxs)("td",{children:[p," / ","en"===t?"unit":"u"]})]}),(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{children:"960019"}),(0,r.jsx)("td",{children:"en"===t?"PLYCEM Exterior Invisible Joint 8mm":"PLYCEM Exterior Junta Invisible 8mm"}),(0,r.jsxs)("td",{children:[x," / ","en"===t?"unit":"u"]})]}),(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{children:"960841"}),(0,r.jsx)("td",{children:"en"===t?"Plycem Screw PH8-125 tek tip #8x1-1/4":"Tornillo Plycem PH8-125 punta tek #8x1-1/4"}),(0,r.jsxs)("td",{children:[Math.ceil((p+x)*60)," / ","en"===t?"unit":"u"]})]}),(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{children:"982042"}),(0,r.jsx)("td",{children:"en"===t?"PLYCEM Joint Mesh 15cm x 45m"
1:"Malla para junta PLYCEM 15cm x 45m"}),(0,r.jsxs)("td",{children:[j," / ","en"===t?"roll":"rollo"]})]}),(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{children:"982051"}),(0,r.jsx)("td",{children:"en"===t?"PLYCEM Reinforcement Mesh 25cm x 45m":"Malla de refuerzo PLYCEM 25cm x 45m"}),(0,r.jsxs)("td",{children:[j," / ","en"===t?"roll":"rollo"]})]}),(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{children:"73783"}),(0,r.jsx)("td",{children:"en"===t?"PLYCEM Ultra Joint Mortar 510 (25kg)":"Mortero para junta PLYCEM Ultra 510 (25kg)"}),(0,r.jsxs)("td",{children:[Math.ceil(3.66*p/90*1.05)," / ","en"===t?"bucket 25kg":"cubeta 25kg"]})]}),(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{children:s===("en"===t?"coarse":"grueso")?"73784":"73785"}),(0,r.jsx)("td",{children:"en"===t?"PLYCEM Ultra 520 Finish Mortar Coarse Grain (25kg)":"Mortero para acabado PLYCEM Ultra 520 grano grueso (25kg)"}),(0,r.jsxs)("td",{children:[f," / ","en"===t?"bag 25kg":"bolsa 25kg"]})]}),(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{children:"74544"}),(0,r.jsx)("td",{children:"en"===t?"Sikaflex 1A Plus polyurethane sealant 300ml or similar":"Sikaflex 1A Plus sellador poliuretano 300 ml o similar"}),(0,r.jsxs)("td",{children:[b," / ","en"===t?"tube":"tubo"]})]}),(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{children:"74682"}),(0,r.jsx)("td",{children:"en"===t?"PLYCEM Moisture Barrier roll 1.3m x 30.5m":"Barrera humedad PLYCEM rollo 1.3m x 30,5m"}),(0,r.jsxs)("td",{children:[N," / ","en"===t?"roll":"rollo"]})]}),(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{children:"960805"}),(0,r.jsx)("td",{children:"en"===t?'PLYCEM MM10-075 Screw hexagonal #10 x 3/4" 19mm tek tip':'Tornillo PLYCEM MM10-075 hex\xe1gonal #10 x 3/4" 19mm punta tek'}),(0,r.jsxs)("td",{children:[v," / ","en"===t?"unit":"u"]})]}),(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{children:"en"===t?"Local":"LOCAL"}),(0,r.jsx)("td",{children:"en"===t?'Expansion Bolt 2-1/2" x 1/4"':'Perno de expansi\xf3n 2-1/2" x 1/4"'}),(0,r.jsxs)("td",{children:[y," / ","en"===t?"unit":"u"]})]}),(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{}),(0,r.jsx)("td",{children:"en"===t?"Labor (square meter installation)":"Mano de Obra (metro cuadrado instalaci\xf3n)"}),(0,r.jsxs)("td",{children:[w," / ","en"===t?"m\xb2":"m2"]})]})]})})})},e8=()=>{var e;let n=(0,c.Z)(),{productParams:t,setProductParams:i}=(0,a.useContext)(l.$V),o=(e=t.tipoPared)?"interior"===e.toLowerCase()||"internal"===e.toLowerCase()?"Interior":"exterior"===e.toLowerCase()||"external"===e.toLowerCase()?"Exterior":e:"",s=Math.ceil(t.value1/2.8*2),d=Math.ceil(t.value2<3.06?t.value1/.61+1:(t.value1/.61+1)*t.value2/2.85),m=Math.ceil(Number(t.area)/2.97*1.05),u=Math.ceil(62.5*m),h=Math.ceil(3.66*m/90*1.05),p=Math.ceil(Number(t.area)/4),x=Math.ceil(Number(t.value1)/.4*1.25),g="Interior"===o?Math.ceil((Number(t.value1)/.4+1)*1.2):Math.ceil((Number(t.value1)/1.2+1)*1.05),j=Number(t.area),f=Math.ceil(2*t.value1/12),b=Math.ceil(t.area/36.5);return(0,a.useEffect)(()=>{m&&i(e=>({...e,result:m}))},[m]),(0,r.jsx)("div",{className:"table-container",children:(0,r.jsx)("table",{children:(0,r.jsxs)("tbody",{children:[(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{children:"Local"}),(0,r.jsx)("td",{children:"en"===n?"Track Profile Gauge 20x305 cm G60":"Perfil Track Calibre 20x305 cm G60"}),(0,r.jsxs)("td",{children:[s," / ","en"===n?"unit":"u"]})]}),(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{children:"Local"}),(0,r.jsx)("td",{children:t.value2<=2.44?"en"===n?"Stud Profile Gauge 20x244 cm G60":"Perfil Stud Calibre 20x244 cm G60":"en"===n?"Stud Profile Gauge 20x305 cm G60":"Perfil Stud Calibre 20x305 cm G60"}),(0,r.jsxs)("td",{children:[d," / ","en"===n?"unit":"u"]})]}),(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{children:"Local"}),(0,r.jsx)("td",{children:"en"===n?'Flat head screws No. 8x12 mm (1/2")':'Tornillos cabeza plana No. 8x12 mm (1/2")'}),(0,r.jsxs)("td",{children:[5*d," / ","en"===n?"unit":"u"]})]}),(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{children:"1323827"}),(0,r.jsx)("td",{children:"en"===n?"PLYCEM Exterior Microconcrete":"PLYCEM Microconcreto Exterior"}),(0,r.jsxs)("td",{children:[m," / ","en"===n?"unit":"u"]})]}),(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{children:"Local"}),(0,r.jsx)("td",{children:"en"===n?"Self-tapping screw":"Tornillo autoavellanante"}),(0,r.jsxs)("td",{children:[u," / ","en"===n?"unit":"u"]})]}),(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{children:"Local"}
1),(0,r.jsx)("td",{children:"en"===n?"Generic fiberglass tape for cement sheet, 300 feet roll":"Cinta fibra de vidrio gen\xe9rica para l\xe1mina de cemento Rollo de 300 pies"}),(0,r.jsxs)("td",{children:[h," / ","en"===n?"roll":"rollo"]})]}),(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{children:"en"===n?"Local":"LOCAL"}),(0,r.jsx)("td",{children:"en"===n?"Drywall mortar":"Mortero muro seco"}),(0,r.jsxs)("td",{children:[p," / ","en"===n?"bag":"saco"]})]}),(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{children:"74544"}),(0,r.jsx)("td",{children:"en"===n?"Sikaflex 1A Plus polyurethane sealant 300ml or similar":"Sikaflex 1A Plus sellador poliuretano 300 ml o similar"}),(0,r.jsxs)("td",{children:[f," / ","en"===n?"tube":"tubo"]})]}),(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{children:"74682"}),(0,r.jsx)("td",{children:"en"===n?"PLYCEM Moisture Barrier roll 1.37m x 30.5m":"Barrera humedad PLYCEM rollo 1.37m x 30,5m"}),(0,r.jsxs)("td",{children:[b," / ","en"===n?"roll":"rollo"]})]}),(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{children:"960805"}),(0,r.jsx)("td",{children:"en"===n?"MM 10-075 screw, hex head, tek tip #10x3/4 (19mm)":"Tornillo MM 10-075 cabeza hex\xe1gonal punta broca # 10x3/4 (19mm) punta tek"}),(0,r.jsxs)("td",{children:[x," / ","en"===n?"unit":"u"]})]}),(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{children:"en"===n?"Local":"LOCAL"}),(0,r.jsx)("td",{children:"Interior"===t.tipoPared?"en"===n?"Impact nail 1 inch":"Clavo de impacto de 1 pulgada":"en"===n?"Expansion bolt 2-1/2*1/4":"Perno de expansi\xf3n 2-1/2*1/4"}),(0,r.jsxs)("td",{children:[g," / ","en"===n?"unit":"u"]})]}),(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{}),(0,r.jsx)("td",{children:"en"===n?"Labor (square meter installation)":"Mano de Obra (metro cuadrado instalaci\xf3n)"}),(0,r.jsxs)("td",{children:[j," / ","en"===n?"m\xb2":"m2"]})]})]})})})},e9=()=>{let{productParams:e,setProductParams:n}=(0,a.useContext)(l.$V),t=(0,c.Z)(),i=Math.ceil(2*Number(e.value1)/2.8),o=Math.ceil((Number(e.value1)/.61+1)*Number(e.value2)/2.8),s=Math.ceil(Number(e.area)/2.97*1.05),d=Math.ceil(62.5*s),m=Math.ceil(e.area/38.608*1.05);return e.value1,e.value2,e.value1,e.value1,e.area,e.value1,e.value2,(0,a.useEffect)(()=>{s&&n(e=>({...e,result:s}))},[s]),(0,r.jsx)("div",{className:"table-container",children:(0,r.jsx)("table",{children:(0,r.jsxs)("tbody",{children:[(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{children:"1322729"}),(0,r.jsx)("td",{children:"en"===t?"PLYCEM Residential Floor":"PLYCEM Entrepiso Residencial"}),(0,r.jsxs)("td",{children:[i," / ","en"===t?"unit":"u"]})]}),(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{children:"960798"}),(0,r.jsx)("td",{children:"en"===t?"PLYCEM Screw PH10-175 #10 x 1-3/4 tek tip":"Tornillo PLYCEM PH10-175 #10 x 1-3/4 punta tek"}),(0,r.jsxs)("td",{children:[o," / ","en"===t?"unit":"u"]})]}),(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{children:"961368"}),(0,r.jsx)("td",{children:"en"===t?'Washer \xbe"x1/4" for floors (19x6.5mm)':'Arandela \xbe"x1/4" p/entrepisos(19x6.5mm)'}),(0,r.jsxs)("td",{children:[5*o," / ","en"===t?"unit":"u"]})]}),(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{children:"963817"}),(0,r.jsx)("td",{children:"en"===t?"Sikaflex 1A Plus polyurethane sealant 300ml or similar":"Sikaflex 1A Plus sellador poliuretano 300 ml o similar"}),(0,r.jsxs)("td",{children:[s," / ","ml"]})]}),(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{children:"963817"}),(0,r.jsx)("td",{children:"en"===t?"Geotextile fabric NT 1600 Polypropylene 4m x 160m":"Tela de geotextil NT 1600 Polipropileno 4m x 160m"}),(0,r.jsxs)("td",{children:[d," / ","en"===t?"m\xb2":"m2"]})]}),(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{}),(0,r.jsx)("td",{children:"en"===t?"Supreme adhesive from Lanco or similar":"Pegamento Supreme de Lanco o similar"}),(0,r.jsxs)("td",{children:[Math.ceil(.002*d)," / ","en"===t?"gallon":"gal\xf3n"]})]}),(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{}),(0,r.jsx)("td",{children:"en"===t?"Labor (square meter installation)":"Mano de Obra (metro cuadrado instalaci\xf3n)"}),(0,r.jsxs)("td",{children:[m," / ","en"===t?"m\xb2":"m2"]})]})]})})})},e7=()=>{var e;
1let{productParams:n,setProductParams:t}=(0,a.useContext)(l.$V),i=(0,c.Z)(),o=(e=n.tipoSiding)?"machihembrado"===e.toLowerCase()||"tongue and groove"===e.toLowerCase()?"Machihembrado":"traslapado"===e.toLowerCase()||"overlapped"===e.toLowerCase()?"Traslapado":e:"",s=Math.ceil(2*Number(n.value1)/2.8),d=Math.ceil(n.value2<3.06?n.value1/.61+1:(n.value1/.61+1)*n.value2/2.85),m=Math.ceil(Number(n.value1)/6.1*1.05),u=Math.ceil(2*Number(n.value2)/6),h=Math.ceil(n.tipoSiding===("en"===i?"Tongue and Groove":"Machihembrado")&&"24"===n.alturaSiding?Number(n.area)/.58/5*1.05:n.tipoSiding===("en"===i?"Tongue and Groove":"Machihembrado")&&"30"===n.alturaSiding?Number(n.area)/.73/4*1.05:n.tipoSiding===("en"===i?"Overlapping":"Traslapado")&&"24"===n.alturaSiding?Number(n.area)/.51/5*1.05:Number(n.area)/.65/4*1.05),p=Math.ceil("24"===n.alturaSiding?25*h:50*h);n.area;let x=Math.ceil((Number(n.value1)+2*Number(n.value2))/10*1.05),g=Math.ceil(Number(n.value1)/.3*1.25),j=Math.ceil(Number(n.value1)/1*1.2205),f=n.area,b=Math.ceil(Number(n.area)/38.608*1.05),v=n.value2>=2.45?"en"===i?"Stud Profile Gauge 20x305 cm G60":"Perfil Stud Calibre 20x305 cm G60":"en"===i?"Stud Profile Gauge 20x244 cm G60":"Perfil Stud Calibre 20x244 cm G60";return(0,a.useEffect)(()=>{h&&t(e=>({...e,result:h}))},[h]),(0,r.jsx)("div",{className:"table-container",children:(0,r.jsx)("table",{children:(0,r.jsxs)("tbody",{children:[(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{children:"Local"}),(0,r.jsx)("td",{children:"en"===i?"Track Profile Gauge 20x305 cm G60":"Perfil Track Calibre 20x305 cm G60"}),(0,r.jsxs)("td",{children:[s," / ","en"===i?"unit":"u"]})]}),(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{children:"960937"}),(0,r.jsx)("td",{children:v}),(0,r.jsxs)("td",{children:[d," / ","en"===i?"unit":"u"]})]}),(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{children:"960765"}),(0,r.jsx)("td",{children:"en"===i?"Drip edge for wall aluminum natural 5cm x 11mm x 640cm":"Botaguas para pared de aluminio natural 5cm x 11mm x 640cm"}),(0,r.jsxs)("td",{children:[m," / ","en"===i?"unit":"u"]})]}),(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{children:"960771"}),(0,r.jsx)("td",{children:"en"===i?"Aluminum natural corner 17 x 17 x 6400mm":"Esquinero angular de aluminio natural 17 x 17 x 6400mm"}),(0,r.jsxs)("td",{children:[u," / ","en"===i?"unit":"u"]})]}),(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{children:"960804"}),(0,r.jsx)("td",{children:"en"===i?"Flat head screw #8 x 12mm for metal structure tek tip":"Tornillo cabeza plana #8 x 12mm para estructura met\xe1lica punta tek"}),(0,r.jsxs)("td",{children:[5*d," / ","en"===i?"unit":"u"]})]}),(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{children:n.tipoSiding===("en"===i?"Tongue and Groove":"Machihembrado")&&"24"===n.alturaSiding?960192:n.tipoSiding===("en"===i?"Tongue and Groove":"Machihembrado")&&"30"===n.alturaSiding?960170:n.tipoSiding===("en"===i?"Overlapping":"Traslapado")&&"24"===n.alturaSiding?960170:960176}),(0,r.jsx)("td",{dangerouslySetInnerHTML:{__html:n.producto+" ".concat(o)}}),(0,r.jsxs)("td",{children:[h," / ","en"===i?"packages":"paquetes"]})]}),(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{children:"960841"}),(0,r.jsx)("td",{children:"en"===i?"PLYCEM Screw PH8-125 #8 x 1-1/4 tek tip":"Tornillo PLYCEM PH8-125 #8 x 1-1/4 punta tek"}),(0,r.jsxs)("td",{children:[p," / ","en"===i?"unit":"u"]})]}),(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{children:"Local"}),(0,r.jsx)("td",{children:"en"===i?"Screw filler (Zero Spackling Lanco or similar)":"Resanador para tornillo (Zero Spackilng Lanco o similar)"}),(0,r.jsxs)("td",{children:[Math.ceil(.002*p)," / ","en"===i?"1/4 gallon":"1/4 gal\xf3n"]})]}),(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{children:"74682"}),(0,r.jsx)("td",{children:"en"===i?"PLYCEM Moisture Barrier roll 1.3m x 30.5m":"Barrera humedad PLYCEM rollo 1.3m x 30,5m"}),(0,r.jsxs)("td",{children:[b," / ","en"===i?"unit":"u"]})]}),(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{children:"74544"}),(0,r.jsx)("td",{children:"en"===i?"Sikaflex 1A Plus polyurethane sealant 300ml or similar":"Sikaflex 1A Plus sellador poliuretano 300 ml o similar"}),(0,r.jsxs)("td",{children:[x," / ","en"===i?"unit":"u"]})]}),(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{children:"960805"}),(0,r.jsx)("td",{children:"en"===i?'PLYCEM Screw MM10-075 hexagonal #10 x 3/4" 19mm tek tip':'Tornillo PLYCEM MM10-075 hex\xe1gonal #10 x 3/4" 19mm punta tek'}),(0,r.jsxs)("td",{children:[g," / ","en"===i?"unit":"u"]})]}),(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{children:"Local"}),(0,r.jsx)("td",{children:"en"===i?'Expansion bolt 2-1/2" x 1/4"':'Perno de expansi\xf3n 2-1/2" x 1/4"'}),(0,r.jsxs)("td",{children:[j," / ","en"===i?"unit":"u"]})]}),(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{}),(0,r.jsx)("td",{children:"en"===i?"Labor (square meter installation)":"Mano de Obra (metro cuadrado instalaci\xf3n)"}),(0,r.jsxs)("td",{children:[f," / ","en"===i?"m\xb2":"m2"]})]})]})})})},ne=()=>{var e;
1let{productParams:n,setProductParams:t}=(0,a.useContext)(l.$V),i=(0,c.Z)(),o=null===(e=n.largoLamina)||void 0===e?void 0:e.toLowerCase(),s="eureka 6 pies"===o||"eureka 6 feet"===o?Math.ceil(Number(n.area)/1.42*1.1):"eureka 8 pies"===o||"eureka 8 feet"===o?Math.ceil(Number(n.area)/1.94*1.1):"eureka 10 pies"===o||"eureka 10 feet"===o?Math.ceil(Number(n.area)/2.47*1.1):Math.ceil(Number(n.area)/3*1.1),d=Math.ceil(Number(n.value2)),m=Math.ceil(2.3*s),u=Number(n.area);return(0,a.useEffect)(()=>{s&&t(e=>({...e,result:s}))},[s]),(0,r.jsx)("div",{className:"table-container",children:(0,r.jsx)("table",{children:(0,r.jsxs)("tbody",{children:[(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{children:"1323611"}),(0,r.jsx)("td",{dangerouslySetInnerHTML:{__html:n.producto}}),(0,r.jsxs)("td",{children:[s," / ","en"===i?"unit":"c/u"]})]}),(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{children:"972331"}),(0,r.jsx)("td",{children:"en"===i?"PLYCEM Ridge Profile 7 terracotta":"Cumbrera PLYCEM Perfil 7 terracota"}),(0,r.jsxs)("td",{children:[d," / ","en"===i?"unit":"c/u"]})]}),(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{children:"965864"}),(0,r.jsx)("td",{children:"en"===i?"PLYCEM Terminal Plug terracotta":"Tap\xf3n terminal PLYCEM terracota"}),(0,r.jsxs)("td",{children:[2," / ","en"===i?"unit":"c/u"]})]}),(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{children:"960802"}),(0,r.jsx)("td",{children:"en"===i?"PLYCEM Roof Screw 100 x 6 mm tek tip":"Tornillo PLYCEM para techo 100 x 6 mm punta tek"}),(0,r.jsxs)("td",{children:[m," / ","en"===i?"unit":"c/u"]})]}),(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{}),(0,r.jsx)("td",{children:"en"===i?'Threaded Bolt with washer, cap, and 16" nut':'Perno Roscado con arandela, capuch\xf3n y tuerca de 16"'}),(0,r.jsxs)("td",{children:[d+1," / ","en"===i?"unit":"c/u"]})]}),(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{}),(0,r.jsx)("td",{children:"en"===i?"Labor (square meter installation)":"Mano de Obra (metro cuadrado instalaci\xf3n)"}),(0,r.jsxs)("td",{children:[u," / ","en"===i?"m\xb2":"m2"]})]})]})})})};function nn(){let e=(0,m._)(["\n position: relative;\n padding-bottom: ","rem;\n\n @media "," {\n padding-bottom: 0;\n }\n\n .pdf-only {\n display: none;\n }\n .disclaimer {\n p {\n text-align: center;\n padding-top: 3rem;\n font-size: 0.8rem;\n }\n }\n"]);return nn=function(){return e},e}let nt=u.ZP.section(nn(),1.75,h.Td.md),nr=()=>{let{productSelected:e}=(0,a.useContext)(l.$V),n=(0,c.Z)(),t=n=>{if(e){let e=n.replace("<sup>\xae</sup>",""),t=e.toLowerCase().split(" ").join("-");return t}};return(0,r.jsxs)(nt,{children:[(0,r.jsx)("div",{className:"pdf-only",children:(0,r.jsx)("h2",{dangerouslySetInnerHTML:{__html:e.title}})}),("plycem-exterior-junta-invisible"===t(e.title)||"plycem-exterior-invisible-joint"===t(e.title))&&(0,r.jsx)(e3,{}),("plycem-entrepiso-alto-desempe\xf1o"===t(e.title)||"plycem-high-performance-mezzanine-floors"===t(e.title))&&(0,r.jsx)(e6,{}),("plycem-techos-eureka"===t(e.title)||"plycem-eureka-ceilings"===t(e.title))&&(0,r.jsx)(ne,{}),"plycem-siding"===t(e.title)&&(0,r.jsx)(e7,{}),("plycem-ranurado"===t(e.title)||"plycem-grooved"===t(e.title))&&(0,r.jsx)(e9,{}),"plycem-decks"===t(e.title)&&(0,r.jsx)(e5,{}),("plycem-entrepiso-residencial"===t(e.title)||"plycem-residential-mezzanine"===t(e.title))&&(0,r.jsx)(e4,{}),("plycem-microconcreto-exterior"===t(e.title)||"plycem-exterior-microconcrete"===t(e.title))&&(0,r.jsx)(e8,{}),(0,r.jsx)("div",{className:"disclaimer",children:(0,r.jsx)("p",{children:"en"===n?"The data shown is an estimate of the quantities that may be required for your project, and it does not replace the responsibility of the professional (qualified person in charge of the work), who must perform these calculations based on the final project plans. PLYCEM\xae is not responsible for differences generated between the calculator and the final project.":"Los datos mostrados son una estimaci\xf3n de las cantidades que podr\xedan ser requeridas para tu proyecto, y las mismas no sustituyen la responsabilidad del profesional (id\xf3neo a cargo de la obra) quien deber\xe1 realizar dichos c\xe1lculos con base en los planos definitivos de la obra. PLYCEM\xae no se hace responsable de diferencias generadas entre la calculadora y la obra final."})})]})};var ni=()=>{new(eV())(".clipboard");let e=(0,o.useRouter)(),n=(0,c.Z)(),{scroll:t}=(0,eC.lh)(),{width:s}=(0,i.iP)(),m=s<1080,[u,h]=(0,a.useState)({show:!0,message:""}
1),{setProductParams:p,productParams:x,urlToShare:g,step:j,setStep:f,errors:b,setErrors:v,setLocalStorageProducts:y}=(0,a.useContext)(l.$V),{setModalIsOpen:w}=(0,a.useContext)(l.XL),{downloadPdf:N}=eQ(),{saveProductLocalStorage:k}=eh(),P=()=>{0==b.length&&x.producto&&(k(x),e.reload())},M=()=>{0==b.length&&x.producto&&(y(e=>[...e,x]),k(x),w(!0),p({}),v([]),t.scrollTo("#activate-sticky",{duration:0}))},C=()=>{h({show:!0,message:"\xa1Copiado!"})},T=()=>{N(),h({show:!0,message:"Descargando..."})};return(0,a.useEffect)(()=>{u.show&&setTimeout(()=>{h({show:!1,message:""})},4e3)},[u.show]),(0,r.jsx)(e2,{id:"product-table-calculator",className:"".concat(j<3&&!m&&"blank"),children:j<3&&!m?(0,r.jsxs)("h2",{className:"missing-step",children:[" ","en"===n?"Complete step 2":"Completar paso 2"]}):(0,r.jsxs)(r.Fragment,{children:[m&&(0,r.jsx)("div",{className:"back",onClick:()=>f(2),children:(0,r.jsx)(d.Q,{src:"/icons/long-arrow-right.svg",className:"arrow-icon"})}),(0,r.jsxs)("div",{className:"editor",children:[(0,r.jsx)("span",{className:"number quicksand",children:"03"}),(0,r.jsx)("p",{className:"instruction",children:"en"===n?"Download the material list or request a quote from your preferred distributor.":"Descarga la lista de materiales o solicite una cotizaci\xf3n al distribuidor de su preferencia."}),(0,r.jsx)(e0,{}),(0,r.jsxs)("div",{className:"buttons",children:[(0,r.jsxs)("button",{onClick:()=>P(),type:"button",className:"".concat(b.length>=1?"disabled":""," calcultate"),children:[(0,r.jsx)("span",{children:"en"===n?"Would you like to calculate another product?":"\xbfDesea calcular otro producto?"}),(0,r.jsx)(d.Q,{src:"/icons/long-arrow-right.svg"})]}),(0,r.jsxs)("button",{onClick:()=>M(),type:"button",className:"".concat(b.length>=1?"disabled":""," quote"),children:[(0,r.jsx)("span",{children:"en"===n?"Quote what I have calculated":"Cotizar lo que llevo calculado"}),(0,r.jsx)(d.Q,{src:"/icons/long-arrow-right.svg"})]})]})]}),(0,r.jsxs)("div",{className:"tables-container",children:[(0,r.jsxs)("div",{className:"buttons-container",children:[(0,r.jsx)("h2",{children:"en"===n?"Quick calculation of construction materials:":"C\xe1lculo r\xe1pido de materiales para construcci\xf3n:"}),!m&&(0,r.jsxs)("div",{className:"buttons",children:[u.show&&(0,r.jsx)("span",{className:"message",children:u.message}),(0,r.jsxs)("button",{type:"button",onClick:()=>T(),children:[(0,r.jsx)(d.Q,{src:"/icons/download-red.svg"}),(0,r.jsx)("span",{children:"en"===n?"Download":"Descargar"})]}),(0,r.jsxs)("button",{type:"button",className:"clipboard","data-clipboard-text":g,onClick:()=>C(),children:[(0,r.jsx)(d.Q,{src:"/icons/share-red.svg"}),(0,r.jsx)("span",{children:"en"===n?"Share":"Compartir"})]})]})]}),(0,r.jsx)("div",{className:"tables",id:"print-content",children:(0,r.jsx)(nr,{})}),m&&(0,r.jsxs)("div",{className:"buttons-container mobile",children:[(0,r.jsxs)("div",{className:"buttons",children:[(0,r.jsxs)("button",{type:"button",onClick:()=>T(),children:[(0,r.jsx)(d.Q,{src:"/icons/download-red.svg"}),(0,r.jsx)("span",{children:"en"===n?"Download":"Descargar"})]}),(0,r.jsxs)("button",{type:"button",className:"clipboard","data-clipboard-text":g,onClick:()=>C(),children:[(0,r.jsx)(d.Q,{src:"/icons/share-red.svg"}),(0,r.jsx)("span",{children:"en"===n?"Share":"Compartir"})]})]}),u.show&&(0,r.jsx)("span",{className:"message",children:u.message})]})]})]})})},na=()=>{let{modalIsOpen:e}=(0,a.useContext)(l.XL),{productParams:n}=(0,a.useContext)(l.$V);return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(eX,{}),(0,r.jsx)(eZ,{}),"calcular-cotizar"==n.flujo&&(0,r.jsx)(ni,{}),e&&(0,r.jsx)(eM,{})]})},nl=()=>{let{step:e}=(0,a.useContext)(l.$V),{modalIsOpen:n}=(0,a.useContext)(l.XL);return(0,r.jsxs)(r.Fragment,{children:[1==e&&(0,r.jsx)(eX,{}),2==e&&(0,r.jsx)(eZ,{}),3==e&&(0,r.jsx)(ni,{}),n&&(0,r.jsx)(eM,{})]})},no=()=>{let{width:e}=(0,i.iP)();return(0,r.jsx)(r.Fragment,{children:e<1080?(0,r.jsx)(nl,{}):(0,r.jsx)(na,{})})}},5822:function(e,n,t){t.d(n,{Z:function(){return f}});var r=t(5893),i=t(7294),a=t(3935),l=t(8666),o=t(7283),s=t(263),d=t(7397),c=t(2729),m=t(964);function u(){let e=(0,c._)(["\n display: flex;\n flex-direction: column;\n gap: ","rem;\n background-color: #282828;\n border-left: 4px solid #b42b3d;\n margin-top: ","rem;\n padding: ","rem;\n min-width: ","rem;\n z-index: 10;\n\n .back {\n display: flex;\n justify-content: flex-start;
1\n align-items: center;\n gap: ","rem;\n color: #fff;\n font-size: ","rem;\n font-weight: 400;\n line-height: ","rem;\n margin-bottom: ","rem;\n width: fit-content;\n cursor: pointer;\n\n .arrow-icon {\n transform: scale(-1);\n width: ","rem;\n\n path {\n fill: #fff;\n }\n }\n }\n\n .value {\n position: relative;\n color: #fff;\n font-size: ","rem;\n font-weight: 400;\n line-height: ","rem;\n padding-left: ",'rem;\n\n &::before {\n content: "";\n position: absolute;\n left: 0;\n top: 55%;\n transform: translateY(-50%);\n width: ',"rem;\n height: 4px;\n background-color: #e6e6e6;\n }\n\n &.title,\n &.result {\n font-weight: 600;\n\n &::before {\n background-color: #b42b3d;\n }\n }\n }\n"]);return u=function(){return e},e}let h=m.ZP.section(u(),.5,1,1.5,329/16,.5,1,1.375,1,1.5,1,1.375,1.875,1);var p=e=>{let{productSelected:n,setProductSelected:t}=e,i=e=>{if(e){let n=e.replace("<sup>\xae</sup>",""),t=n.toLowerCase().split(" ").join("-");return t}},a={spanish:["plycem-techos-eureka","plycem-exterior-junta-invisible","plycem-microconcreto-exterior","plycem-ranurado","plycem-siding","plycem-entrepiso-alto-desempe\xf1o","plycem-entrepiso-residencial","plycem-decks"],english:["plycem-eureka-ceilings","plycem-exterior-invisible-joint","plycem-exterior-microconcrete","plycem-grooved","plycem-siding","plycem-high-performance-mezzanine-floors","plycem-residential-mezzanine","plycem-decks"]},l=(e,n)=>e.includes(n);return(0,r.jsxs)(h,{children:[(0,r.jsxs)("div",{className:"back",onClick:()=>t({}),children:[(0,r.jsx)(d.Q,{src:"/icons/long-arrow-right.svg",className:"arrow-icon"}),"en"===n.language?"Back":"Atr\xe1s"]}),(0,r.jsx)("div",{className:"value title",dangerouslySetInnerHTML:{__html:n.producto}}),l(a.spanish,i(n.producto))||l(a.english,i(n.producto))?(0,r.jsx)("div",{className:"value",children:n.tipoPared}):null,l(["plycem-exterior-junta-invisible","plycem-exterior-invisible-joint"],i(n.producto))&&(0,r.jsx)("div",{className:"value",children:n.tipoAcabado}),l(["plycem-exterior-junta-invisible","plycem-exterior-invisible-joint","plycem-ranurado","plycem-grooved"],i(n.producto))&&(0,r.jsx)("div",{className:"value",children:n.espesorLamina}),l(["plycem-siding"],i(n.producto))&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("div",{className:"value",children:n.tipoSiding}),(0,r.jsx)("div",{className:"value",children:n.alturaSiding})]}),l(["plycem-techos-eureka","plycem-eureka-ceilings"],i(n.producto))&&(0,r.jsx)("div",{className:"value",children:n.largoLamina}),l(["plycem-entrepiso-alto-desempe\xf1o","plycem-high-performance-mezzanine-floors"],i(n.producto))&&(0,r.jsx)("div",{className:"value",children:n.uso}),"calcular-cotizar"==n.flujo&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)("div",{className:"value",children:[n.area," m",(0,r.jsx)("sup",{children:"2"})]}),(0,r.jsxs)("div",{className:"value result",children:["Resultado: ",n.result," unidades"]})]}),"cotizar"==n.flujo&&(0,r.jsxs)("div",{className:"value",children:[n.quantity," ","en"===n.language?"sheets":"l\xe1minas"]})]})},x=t(2509);function g(){let e=(0,c._)(["\n position: fixed;\n top: ","rem;\n right: 0;\n z-index: 10;\n\n @media "," {\n top: ","rem;\n }\n\n .button-container {\n display: flex;\n height: ","rem;\n align-items: center;\n justify-content: flex-end;\n cursor: pointer;\n\n button {\n display: flex;\n justify-content: center;\n height: ","rem;\n width: ","rem;\n background-color: #b42b3d;\n border: none;\n outline: none;\n cursor: pointer;\n\n span {\n display: flex;\n color: #fff;\n font-size: ","rem;\n font-weight: 400;\n line-height: normal;\n }\n\n svg {\n height: 100%;\n }\n\n path {\n stroke: #fff;\n height: ","rem;\n width: auto;\n }\n }\n\n .text {\n display: flex;\n align-items: center;\n justify-content: center;\n color: #fff;\n font-size: ","rem;\n font-weight: 400;\n background-color: #282828;\n height: 100%;\n padding: 0 ","rem;\n }\n }\n\n .products-list {\n display: flex;\n flex-direction: column;\n gap: ","rem;\n background-color: #282828;\n border-left: 4px solid #b42b3d;\n margin-top: ","rem;\n padding: ","rem ","rem;\n min-width: ","rem;\n z-index: 10;\n\n @media "," {\n padding: ","rem;\n }\n\n .producto-container {\n display: flex;\n justify-content: space-between;\n align-items: center;\n gap: ","rem;\n\n @media "," {\n gap: ","rem;\n }\n\n .product {\n position: relative;\n color: #fff;\n font-size: ","rem;\n font-style: normal;\n font-weight: 400;\n line-height: ","rem;\n padding-left: ","rem;\n cursor: pointer;\n\n @media "," {\n padding-left: ",'rem;\n }\n\n &:hover {\n &::before {\n background-color: #e6e6e6;\n }\n }\n\n &::before {\n content: "";\n position: absolute;\n left: 0;\n top: 55%;\n transform: translateY(-50%);\n width: ',"rem;\n height: 4px;\n background-color: #b42b3d;\n\n @media "," {\n font-size: ","rem;\n }\n }\n }\n\n .options {\n display: flex;\n align-items: center;\n color: #fff;\n cursor: pointer;\n }\n }\n }\n"]);return g=function(){return e},e}let j=m.ZP.section(g(),6.25,x.Td.md,3.125,2.5,2.5,2.5,1.625,17/16,1,1,.5,1,1.5,.875,329/16,x.Td.md,1.5,1.25,x.Td.md,25/16,1,1.375,1.125,x.Td.md,1.875,.5,x.Td.md,1);var f=()=>{let{localStorageProducts:e,setLocalStorageProducts:n,removeFromProducts:t}=(0,i.useContext)(l.$V),[d,c]=(0,i.useState)(!1),[m,u]=(0,i.useState)({}),h=()=>{c(e=>!e),u({})},x=e=>{u(e)},g=(r,i)=>{let a=[...e];a.splice(r,1),n(a),t(i),1==e.length&&window.localStorage.removeItem("products")};return(0,r.jsx)(r.Fragment,{children:e&&e.length>0&&(0,a.createPortal)((0,r.jsxs)(j,{children:[(0,r.jsxs)("div",{className:"button-container",onClick:()=>h(),children:[(0,r.jsx)("button",{type:"button",children:d?(0,r.jsx)(o.Z,{}):(0,r.jsx)("span",{children:e.length})}),(0,r.jsx)("span",{className:"text",children:"Historial"})]}),d&&!m.producto&&(0,r.jsx)("div",{className:"products-list",children:e.map((e,n)=>(0,r.jsxs)("div",{className:"producto-container",children:[(0,r.jsx)("div",{onClick:()=>x(e),className:"product",dangerouslySetInnerHTML:{__html:e.producto}}),(0,r.jsx)("div",{className:"options",children:(0,r.jsx)(s.Z,{onClick:()=>g(n,e.producto)})})]},"".concat(n,"-").concat(e.producto)))}),m.producto&&(0,r.jsx)(p,{productSelected:m,setProductSelected:u})]}),document.body)})}},9203:function(e,n,t){t.d(n,{r:function(){return c}});var r=t(5893),i=t(7397),a=t(2784),l=t(2729),o=t(964);function s(){let e=(0,l._)(["\n margin: auto;\n\n .wrapper {\n width: clamp(1rem, 100%, 30.8125rem);\n margin: auto;\n text-align: center;\n padding: 2.5rem;\n background-color: #fff;\n position: relative;\n > div {\n margin-bottom: 1rem;\n }\n .icon {\n margin-bottom: 2.63rem;\n svg {\n display: block;\n margin: auto;\n width: 3.5rem;\n height: 3.5rem;\n }\n }\n .title {\n font-size: 1.5rem;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n }\n .message {\n font-size: 1rem;\n font-style: normal;\n font-weight: 400;\n line-height: 1.375rem;\n }\n button {\n display: flex;\n justify-content: center;\n gap: ","rem;\n padding: ","rem ","rem;\n width: 100%;\n border: none;\n color: #fff;\n font-size: ","rem;\n font-weight: 600;\n cursor: pointer;\n background-color: #b42b3d;\n\n svg {\n stroke: #fff;\n }\n }\n }\n"]);return s=function(){return e},e}let d=o.ZP.section(s(),1,.875,1.875,1.125),c=e=>{let{icon:n="sent-form",title:t,message:l,onHandleClick:o}=e,s=(0,a.Z)();return(0,r.jsx)(d,{children:(0,r.jsxs)("div",{className:"wrapper",children:[(0,r.jsx)(i.Q,{className:"close-button",src:"/icons/close.svg",onClick:()=>o()}),(0,r.jsx)("div",{className:"icon",children:(0,r.jsx)(i.Q,{src:"/icons/".concat(n,".svg")})}),(0,r.jsx)("div",{className:"title",children:t}),(0,r.jsx)("div",{className:"message",children:l}),(0,r.jsxs)("button",{type:"submit",onClick:()=>o(),children:[(0,r.jsx)("span",{children:"en"===s?"Accept":"Aceptar"})," "]})]})})}},5475:function(e,n,t){t.d(n,{Z:function(){return j}});var r=t(5893),i=t(7294),a=t(1163),l=t(8075),o=t(7397),s=t(5678),d=t(8666),c=t(2784),m=t(3654),u=t(2729),h=t(964),p=t(2509);function x(){let e=(0,u._)(["\n position: relative;\n display: flex;\n flex-direction: column;\n justify-content: flex-end;\n height: calc(100vh - ","rem);\n padding: ","rem;\n\n @media "," {\n width: calc(100vw - ","rem);\n height: 100vh;\n padding: ","rem;\n flex-direction: row;\n justify-content: space-between;
1\n align-items: flex-end;\n }\n\n &.small {\n width: 100%;\n\n @media "," {\n height: 100vh;\n width: calc(100vw - ","rem - 20vw);\n }\n }\n\n .scroll-to-start {\n position: absolute;\n left: ","rem;\n top: 0;\n width: 100vw;\n }\n\n .scroll-to-next {\n position: absolute;\n right: 0;\n top: 100%;\n width: 5px;\n height: 5px;\n\n @media "," {\n right: calc(-100vw + 11.25rem);\n top: 0;\n width: 100vw;\n height: 5px;\n }\n }\n\n .info {\n z-index: 1;\n\n @media "," {\n max-width: ","rem;\n }\n\n .title {\n color: #fff;\n font-size: ","rem;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n\n @media "," {\n font-size: ","rem;\n }\n }\n\n .paragraph {\n color: #fff;\n font-size: ","rem;\n font-style: normal;\n font-weight: 400;\n line-height: normal;\n margin-top: ","rem;\n\n @media "," {\n font-size: ","rem;\n }\n }\n\n .products-link {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: ","rem;\n background-color: #b42b3d;\n width: 100%;\n height: ","rem;\n margin-top: ","rem;\n cursor: pointer;\n\n @media "," {\n width: ","rem;\n }\n\n &:hover {\n opacity: 0.8;\n }\n\n span {\n color: #fff;\n font-size: ","rem;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n }\n\n svg {\n width: ","rem;\n height: auto;\n\n path {\n fill: #fff;\n stroke-width: 0.5px;\n stroke: #fff;\n }\n }\n }\n }\n\n .buttons {\n display: flex;\n flex-direction: column;\n gap: ","rem;\n z-index: 1;\n margin-top: ","rem;\n\n @media "," {\n gap: ","rem;\n margin-top: 0;\n }\n\n .allProductsList {\n border-left: 4px solid #b42b3d;\n background: #fff;\n padding: ","rem ","rem;\n\n .title {\n color: #282828;\n font-size: ","rem;\n font-weight: 600;\n line-height: ","rem;\n }\n\n .products {\n display: flex;\n flex-direction: column;\n gap: ","rem;\n margin-top: ","rem;\n\n .product {\n color: #282828;\n font-size: ","rem;\n font-weight: 400;\n line-height: normal;\n }\n }\n }\n\n button {\n display: flex;\n justify-content: space-between;\n gap: ","rem;\n padding: ","rem ","rem;\n width: 100%;\n border: none;\n color: #fff;\n font-size: ","rem;\n font-weight: 600;\n cursor: pointer;\n\n @media "," {\n min-width: ","rem;\n width: auto;\n }\n\n &.calculate {\n background-color: #b42b3d;\n \n @media "," {\n &:hover {\n background-color: #be293d;\n }\n }\n }\n\n &.quote {\n background-color: #56565b;\n\n @media "," {\n &:hover {\n background-color: #4d4d53;\n }\n }\n }\n\n svg {\n stroke: #fff;\n }\n }\n }\n\n .shadow-bottom {\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 400px;\n background: linear-gradient(180deg, rgba(40, 40, 40, 0) 0%, rgba(40, 40, 40, 0.65) 45%, rgba(40, 40, 40, 0.9) 70%, rgba(40, 40, 40, 1) 90%);\n\n @media "," {\n height: 15vw;\n }\n }\n"]);return x=function(){return e},e}let g=h.ZP.div(x(),3.625,1.5,p.Td.md,11.25,3.75,p.Td.md,11.25,-11.25,p.Td.md,p.Td.md,30,1.5,p.Td.md,2,1.125,1.25,p.Td.md,1.5,9/16,3.125,17/16,p.Td.md,329/16,1.125,1.5,1,1,p.Td.md,1.5,13/16,1,1.125,1.375,5/16,.5,1.125,1,.875,1.875,1.125,p.Td.md,329/16,p.Td.md,p.Td.md,p.Td.md);var j=e=>{let{type:n,showButton:t=!1,ctaTitle:u,showSecondaryBtn:h=!1,secondaryBtn:p,scrollToSection:x=""}=e,j=(0,a.useRouter)(),{page:f,products:b}=(0,i.useContext)(d.Xp),{userRole:v}=(0,i.useContext)(d.vQ),{hero_image:y}
1=f,{setProductParams:w,setStep:N,localStorageProducts:k,setErrors:P,setProductsSelected:M,setProductSelected:C}=(0,i.useContext)(d.$V),{width:T}=(0,s.iP)(),S=T<1080,{scroll:L}=(0,l.lh)(),z=(0,c.Z)(),E=(e,n)=>{w(t=>({...t,[e]:n})),S||N(2),P([]),"cotizar"==n&&k.length>0&&(M(k),C(b.find(e=>e.title===k[0].title)),w(k[0])),_(n),L.scrollTo("#scroll-to-next")},_=e=>{(0,m.q)("calculator_flow_tracking",{calculator_flow_tracking:"cotizar"==e?"Solo cotiza":"Calcula y cotiza",user_type:v})},A=()=>{L.scrollTo("#scroll-to-next")},I=e=>{L.scrollTo("#".concat(e))},H={calculateAnotherProduct:"en"===z?"Calculate another product":"Calcular otro producto",quoteAnotherProduct:"en"===z?"Quote another product":"Cotizar otro producto"};return(0,r.jsx)(r.Fragment,{children:y&&(0,r.jsxs)(g,{style:{backgroundImage:'url("'.concat(y.image.url,'")'),backgroundSize:"cover",backgroundPosition:"50% 78%",backgroundRepeat:"no-repeat"},"data-scroll":!0,"data-scroll-class":"in-view",className:"".concat("soluciones"==n&&"small"),children:[(0,r.jsx)("div",{id:"scroll-to-next",className:"scroll-to-next"}),(0,r.jsxs)("div",{className:"info top-to-bottom",children:[(0,r.jsx)("h1",{className:"title",children:y.title}),(0,r.jsx)("div",{className:"paragraph",dangerouslySetInnerHTML:{__html:y.text}}),"soluciones"==n&&(0,r.jsxs)("button",{type:"button",className:"products-link",onClick:()=>L.scrollTo("#scroll-to-content"),children:[(0,r.jsx)("span",{children:"en"===z?"View Solutions":"Ver soluciones"}),(0,r.jsx)(o.Q,{src:"/icons/long-arrow-right.svg",className:"arrow-icon"})]})]}),t&&(0,r.jsxs)("div",{className:"buttons appear",children:[(0,r.jsxs)("button",{type:"button",className:"calculate",onClick:()=>A(),children:[(0,r.jsx)("span",{children:u}),(0,r.jsx)(o.Q,{src:"/icons/long-arrow-right.svg"})]}),h&&(0,r.jsxs)("button",{type:"button",className:"quote",onClick:()=>I(x),children:[(0,r.jsx)("span",{children:p}),(0,r.jsx)(o.Q,{src:"/icons/long-arrow-right.svg"})]})]}),"calculator"==n&&(0,r.jsx)("div",{className:"buttons appear",children:k.length>0?(0,r.jsxs)(r.Fragment,{children:[!S&&(0,r.jsxs)("div",{className:"allProductsList",children:[(0,r.jsx)("span",{className:"title",children:"en"===z?"Already calculated:":"Ya calculado:"}),(0,r.jsx)("div",{className:"products",children:k.map((e,n)=>{let{producto:t}=e;return(0,r.jsx)("span",{className:"product",dangerouslySetInnerHTML:{__html:t}},"".concat(n,"-").concat(t))})})]}),"calcular-cotizar"==k[0].flujo&&(0,r.jsxs)("button",{type:"button",className:"calculate",onClick:()=>E("flujo","calcular-cotizar"),children:[(0,r.jsx)("span",{children:H.calculateAnotherProduct}),(0,r.jsx)(o.Q,{src:"/icons/long-arrow-right.svg"})]}),"cotizar"==k[0].flujo&&(0,r.jsxs)("button",{type:"button",className:"quote",onClick:()=>E("flujo","cotizar"),children:[(0,r.jsx)("span",{children:H.quoteAnotherProduct}),(0,r.jsx)(o.Q,{src:"/icons/long-arrow-right.svg"})]})]}):!j.query.flujo&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)("button",{type:"button",className:"calculate",onClick:()=>E("flujo","calcular-cotizar"),children:[(0,r.jsx)("span",{children:(0,r.jsx)("span",{children:"en"===z?"Calculate and quote":"Calcular y cotizar"})}),(0,r.jsx)(o.Q,{src:"/icons/long-arrow-right.svg"})]}),(0,r.jsxs)("button",{type:"button",className:"quote",onClick:()=>E("flujo","cotizar"),children:[(0,r.jsx)("span",{children:"en"===z?"Quote only":"Solo cotizar"}),(0,r.jsx)(o.Q,{src:"/icons/long-arrow-right.svg"})]})]})}),(0,r.jsx)("div",{className:"shadow-bottom"})]})})}},3999:function(e,n,t){t.d(n,{I:function(){return o}});var r=t(2729),i=t(964),a=t(2509);function l(){let e=(0,r._)(["\n position: relative;\n display: flex;\n flex-direction: column;\n\n @media "," {\n flex-direction: row;\n }\n\n .missing-step {\n color: #56565b;\n font-size: ","rem;\n font-weight: 500;\n\n @media "," {\n margin-top: ","rem;\n }\n }\n\n .blank {\n display: flex;\n justify-content: center;
1\n align-items: center;\n }\n"]);return l=function(){return e},e}let o=i.ZP.section(l(),a.Td.md,1.5,a.Td.md,1.5)}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.