{"version":3,"file":"component---src-pages-shop-chaise-bureau-ergonomique-index-js-8afe5a432a4dd84f8386.js","mappings":"uNAMA,IAAMA,GAAwB,uOAcxBC,GAAU,+JASVC,GAAO,+GAMPC,GAAK,gKASLC,GAAS,qSAkBTC,GAAQ,oNAcRC,GAAa,yRA8CnB,GAAeC,EAAAA,EAAAA,aA5BW,SAAC,GAAa,EAAXC,KAAY,IACvC,GAA8CC,EAAAA,EAAAA,WAAS,GAAhDC,EAAP,KAAwBC,EAAxB,KACA,OACE,QAACX,EAAD,CAA0BY,UAAU,oBAClC,QAACX,EAAD,MACE,QAAC,EAAD,CAASY,ICnGjB,40IDoGQ,QAACV,EAAD,iDACA,QAACC,EAAD,CAAWU,QAAS,kBAAMH,GAAoBD,KAC3CA,EAAkB,IAAM,OAG7B,QAACL,EAAD,mEAGA,QAACA,EAAD,+BACwB,2CADxB,iCAIEK,IACA,QAACJ,EAAD,CAAeQ,QAAS,kBAAMH,GAAmB,KAAjD,kBAIDD,IAAmB,QAACK,EAAA,EAAD,W,+HErHnB,IAAMC,EAAkB,SAACC,EAASC,GAAV,OAC7B,IAAIC,SAAQ,SAACC,EAASC,GAGpBC,MADE,gFACa,CACbC,OAAQ,OACRC,QAAS,CACPC,OAAQ,oBAEVC,KAAMT,IAELU,MAAK,SAAAC,GAAQ,OAAIA,EAASC,UAC1BF,MAAK,SAAAG,GACJV,EAAQU,MAETC,OAAM,SAAAC,GACLd,GAAQ,GACRe,QAAQC,IAAIF,GACZX,EAAOW,UAIFG,EAAqB,SAAClB,EAASC,GAAV,OAChC,IAAIC,SAAQ,SAACC,EAASC,GAGpBC,MADE,4EACa,CACbC,OAAQ,OACRC,QAAS,CACPC,OAAQ,mBACR,eAAgB,oBAElBC,KAAMU,KAAKC,UAAUpB,KAEpBU,MAAK,SAAAC,GAAQ,OAAIA,EAASC,UAC1BF,MAAK,SAAAG,GACJV,EAAQU,MAETC,OAAM,SAAAC,GACLd,GAAQ,GACRe,QAAQC,IAAIF,GACZX,EAAOW,UAIFM,EAAuB,SAACrB,EAASC,GAAV,OAClC,IAAIC,SAAQ,SAACC,EAASC,GAGpBC,MADE,8EACa,CACbC,OAAQ,OACRC,QAAS,CACPC,OAAQ,mBACR,eAAgB,oBAElBC,KAAMU,KAAKC,UAAUpB,KAEpBU,MAAK,SAAAC,GAAQ,OAAIA,EAASC,UAC1BF,MAAK,SAAAG,GACJV,EAAQU,MAETC,OAAM,SAAAC,GACLd,GAAQ,GACRe,QAAQC,IAAIF,GACZX,EAAOW,UAIFO,EAAuB,SAAAC,GAAI,OACtC,IAAIrB,SAAQ,SAACC,EAASC,GAGpBC,MADE,2EACa,CACbC,OAAQ,OACRC,QAAS,CACPC,OAAQ,mBACR,eAAgB,oBAElBC,KAAMU,KAAKC,UAAUG,KAEpBb,MAAK,SAAAC,GAAQ,OAAIA,EAASC,UAC1BF,MAAK,SAAAG,GACJV,EAAQU,MAETC,OAAM,SAAAC,GACLC,QAAQC,IAAIF,GACZX,EAAOW","sources":["webpack://percko-website/./src/components/Products/B2BContactSection/index.js","webpack://percko-website/./static/B2BLogo.png","webpack://percko-website/./src/utils/emailHelpers.js"],"sourcesContent":["import React, { useState } from \"react\"\nimport styled from \"@emotion/styled\"\nimport { injectIntl } from \"gatsby-plugin-intl\"\nimport B2BLogoIcon from \"../../../../static/B2BLogo.png\"\nimport B2BContactForm from \"../B2BContactForm\"\n\nconst B2BContactSectionWrapper = styled.div`\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  margin: 20px 0px 5px;\n  padding: 20px;\n  background: #f0f0f0;\n  border: 1px solid #262626;\n\n  @media (max-width: 600px) {\n    margin: 5px 0px 20px;\n  }\n`\n\nconst TopSection = styled.div`\n  width: 100%;\n  display: flex;\n  align-items: center;\n  padding-right: 27px;\n  position: relative;\n  margin-bottom: 10px;\n`\n\nconst B2BLogo = styled.img`\n  width: 100%;\n  max-width: 32px;\n  margin: 0px 10px 0px 0px;\n`\n\nconst Title = styled.p`\n  font-size: 17px;\n  line-height: 1.2;\n  color: #262626;\n  font-family: \"Museo\";\n  font-weight: 500;\n  margin: 0px 0px 10px;\n`\n\nconst OpenClose = styled.div`\n  position: absolute;\n  right: 0px;\n  top: 0px;\n  width: 25px;\n  height: 25px;\n  border: 1.5px solid #111;\n  border-radius: 50%;\n  text-align: center;\n  cursor: pointer;\n  font-size: 20px;\n  color: #111;\n  font-weight: bold;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n`\n\nconst SubTitle = styled.p`\n  font-size: 14px;\n  line-height: 1.2;\n  color: #262626;\n  font-family: \"Gotham Book\";\n  font-weight: 500;\n  margin: 0px 0px 15px;\n\n  strong {\n    font-family: \"Gotham\";\n    font-weight: bold;\n  }\n`\n\nconst ContactButton = styled.button`\n  width: 100%;\n  max-width: 220px;\n  margin: 0px auto;\n  font-family: \"Museo\";\n  font-weight: bold;\n  font-size: 18px;\n  line-height: 1.2;\n  color: #fff;\n  background: #262626;\n  padding: 10px 20px;\n  cursor: pointer;\n\n  @media (max-width: 600px) {\n    max-width: 100%;\n  }\n`\n\nconst B2BContactSection = ({ intl }) => {\n  const [showContactForm, setShowContactForm] = useState(false)\n  return (\n    <B2BContactSectionWrapper className=\"showroom-widget\">\n      <TopSection>\n        <B2BLogo src={B2BLogoIcon} />\n        <Title>Une déploiement pour votre entreprise ?</Title>\n        <OpenClose onClick={() => setShowContactForm(!showContactForm)}>\n          {showContactForm ? \"-\" : \"+\"}\n        </OpenClose>\n      </TopSection>\n      <SubTitle>\n        PERCKO for Professionals équipe plus de 2000 entreprises.\n      </SubTitle>\n      <SubTitle>\n        Pour des commandes de <strong>5 chaises et plus</strong>, contactez\n        l'équipe dédiée.\n      </SubTitle>\n      {!showContactForm && (\n        <ContactButton onClick={() => setShowContactForm(true)}>\n          Nous contacter\n        </ContactButton>\n      )}\n      {showContactForm && <B2BContactForm />}\n    </B2BContactSectionWrapper>\n  )\n}\n\nexport default injectIntl(B2BContactSection)\n","export default \"data:image/png;base64,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\"","export const contactMailsend = (details, laoding) =>\n  new Promise((resolve, reject) => {\n    const baseUrl =\n      \"https://us-central1-percko-website.cloudfunctions.net/newSendMail/uploadFiles\"\n    fetch(baseUrl, {\n      method: \"POST\",\n      headers: {\n        Accept: \"application/json\",\n      },\n      body: details,\n    })\n      .then(response => response.json())\n      .then(res => {\n        resolve(res)\n      })\n      .catch(err => {\n        laoding(false)\n        console.log(err)\n        reject(err)\n      })\n  })\n\nexport const contactSavMailsend = (details, laoding) =>\n  new Promise((resolve, reject) => {\n    const baseUrl =\n      \"https://us-central1-percko-website.cloudfunctions.net/sendMail/contactsav\"\n    fetch(baseUrl, {\n      method: \"POST\",\n      headers: {\n        Accept: \"application/json\",\n        \"Content-Type\": \"application/json\",\n      },\n      body: JSON.stringify(details),\n    })\n      .then(response => response.json())\n      .then(res => {\n        resolve(res)\n      })\n      .catch(err => {\n        laoding(false)\n        console.log(err)\n        reject(err)\n      })\n  })\n\nexport const contactHotelMailsend = (details, laoding) =>\n  new Promise((resolve, reject) => {\n    const baseUrl =\n      \"https://us-central1-percko-website.cloudfunctions.net/sendMail/contacthotel\"\n    fetch(baseUrl, {\n      method: \"POST\",\n      headers: {\n        Accept: \"application/json\",\n        \"Content-Type\": \"application/json\",\n      },\n      body: JSON.stringify(details),\n    })\n      .then(response => response.json())\n      .then(res => {\n        resolve(res)\n      })\n      .catch(err => {\n        laoding(false)\n        console.log(err)\n        reject(err)\n      })\n  })\n\nexport const contactB2BFormSubmit = data =>\n  new Promise((resolve, reject) => {\n    const baseUrl =\n      \"https://us-central1-percko-sales-tools.cloudfunctions.net/addToPipedrive\"\n    fetch(baseUrl, {\n      method: \"POST\",\n      headers: {\n        Accept: \"application/json\",\n        \"Content-Type\": \"application/json\",\n      },\n      body: JSON.stringify(data),\n    })\n      .then(response => response.json())\n      .then(res => {\n        resolve(res)\n      })\n      .catch(err => {\n        console.log(err)\n        reject(err)\n      })\n  })\n"],"names":["B2BContactSectionWrapper","TopSection","B2BLogo","Title","OpenClose","SubTitle","ContactButton","injectIntl","intl","useState","showContactForm","setShowContactForm","className","src","onClick","B2BContactForm","contactMailsend","details","laoding","Promise","resolve","reject","fetch","method","headers","Accept","body","then","response","json","res","catch","err","console","log","contactSavMailsend","JSON","stringify","contactHotelMailsend","contactB2BFormSubmit","data"],"sourceRoot":""}