{"version":3,"sources":["webpack:///./src/components/faq/HeaderFaq.tsx","webpack:///./src/components/pricing/PackSelectionCardBottom.tsx","webpack:///./src/components/ContactCards.tsx","webpack:///./src/components/faq/Questions.tsx","webpack:///./src/pages/ressources/faq.tsx"],"names":["containerCss","css","backgroundColor","overflow","containerXL","marginTop","height","containerLG","cardCss","margin","paddingTop","paddingBottom","textAlign","cardXL","width","paddingLeft","paddingRight","cardLG","imgStyle","resizeMode","position","imgXL","imgLG","textCss","fontSize","lineHeight","textCssLG","fontFamily","injectIntl","HeaderFaq","formatMessage","props","useContext","theme","minShowSize","style","transform","rotate","source","uri","id","maxShowSize","cardStyle","shadowColor","shadowOffset","shadowOpacity","shadowRadius","elevation","borderRadius","justifyContent","alignItems","darkCard","lightCard","lgSize","maxHeight","smSize","PackSelectionCardBottom","isSelected","onPress","titleStyle","color","textStyle","center","smTitle","lightText","darkText","contactCards","title","content","selected","isDarkText","viewStyleXL","textFont","questionBlock","hcss","filteredQuestionBlock","btnStyle","inputSyle","responseTextStyle","Questions","useState","offer","setOffer","functioning","setFunctioning","active","setActive","search","setSearch","handleTab","filteredQuestions","data","arrayQuestions","question","type","placeholder","className","value","onChange","e","fontWeight","borderBottom","to","r","display","dangerouslySetInnerHTML","__html","Index","intl","isLight","description","urlPage"],"mappings":"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","file":"24-760845e414b6fab1c98b.js","sourcesContent":["import React, { useContext } from 'react'\nimport { injectIntl, InjectedIntlProps } from 'gatsby-plugin-intl'\nimport { H1, ThemeContext, View } from '~/pagui'\nimport { css } from '@emotion/native'\nimport { LG_SIZE } from '~/pagui/components/View'\nimport { Image } from 'react-native'\nconst treeHeadWidth = 1000\nconst treeHeadWidthLG = 350\nconst containerCss = css({\n  backgroundColor: '#141414',\n  overflow: 'hidden',\n})\n\nconst containerXL = css({\n  marginTop: 50,\n  height: 500,\n})\nconst containerLG = css({\n  marginTop: 40,\n  height: 250,\n})\n\nconst cardCss = css({\n  backgroundColor: 'white',\n  margin: 'auto',\n  marginTop: -30,\n  paddingTop: 50,\n  paddingBottom: 50,\n  textAlign: 'center',\n})\n\nconst cardXL = css({\n  width: treeHeadWidth,\n  paddingLeft: 50,\n  paddingRight: 50,\n  height: 300,\n})\n\nconst cardLG = css({\n  width: treeHeadWidthLG,\n})\n\nconst imgStyle = css({\n  resizeMode: 'contain',\n  position: 'absolute',\n})\n\nconst imgXL = css({\n  width: 250,\n  height: 250,\n})\n\nconst imgLG = css({\n  width: 100,\n  height: 100,\n})\n\nconst textCss = css({ fontSize: 50, lineHeight: 50 })\nconst textCssLG = css({ fontSize: 20, lineHeight: 20 })\nconst fontFamily = css({ fontFamily: 'Matrice-Bold' })\n\nconst HeaderFaq: React.FC<InjectedIntlProps> = (props) => {\n  const {\n    intl: { formatMessage },\n  } = props\n  const [theme] = useContext(ThemeContext)\n\n  return (\n    <>\n      <View minShowSize={LG_SIZE} style={[containerCss, containerXL]}>\n        <View\n          style={[\n            cardCss,\n            cardXL,\n            {\n              transform: [{ rotate: '3deg' }],\n            },\n          ]}\n        >\n          <Image\n            style={[imgStyle, imgXL]}\n            source={{ uri: '/img/demo/pagilyFaq.svg' }}\n          />\n          <H1\n            style={[\n              textCss,\n              fontFamily,\n              theme.styles.mt3,\n              {\n                transform: [{ rotate: '-3deg' }],\n              },\n            ]}\n          >\n            {formatMessage({ id: 'faq.title' })}\n          </H1>\n        </View>\n      </View>\n      <View maxShowSize={LG_SIZE} style={[containerCss, containerLG]}>\n        <View\n          style={[\n            cardCss,\n            cardLG,\n            theme.styles.flexCol, \n            {\n              transform: [{ rotate: '3deg' }],\n            },\n          ]}\n        >\n          <H1\n            style={[\n              textCssLG,\n              fontFamily,\n              theme.styles.mt3,\n              {\n                transform: [{ rotate: '-3deg' }],\n              },\n            ]}\n          >\n            {formatMessage({ id: 'faq.title' })}\n          </H1>\n          <Image\n            style={[imgStyle, imgLG, theme.styles.ml2]}\n            source={{ uri: '/img/demo/pagilyFaq.svg' }}\n          />\n        </View>\n      </View>\n    </>\n  )\n}\n\nexport default injectIntl(HeaderFaq)\n","import React, { useContext } from 'react'\nimport { TouchableOpacity } from 'react-native'\nimport { ThemeContext, View } from '~/pagui'\nimport { css } from '@emotion/native'\nimport { XL_SIZE,LG_SIZE } from '~/pagui/components/View'\n\ntype Props = {\n  onPress? : () => void\n  selected?: boolean\n}\n\nconst cardStyle = css({\n  shadowColor: '#000',\n  shadowOffset: {\n    width: 0,\n    height: 2,\n  },\n  shadowOpacity: 0.23,\n  shadowRadius: 2,\n  elevation: 4,\n  borderRadius: 5,\n  justifyContent: 'space-around',\n  alignItems: 'center',\n})\nconst darkCard = css({\n  backgroundColor: 'black',\n})\n\nconst lightCard = css({\n  backgroundColor: 'white',\n})\n\nconst lgSize = css({\n  width: 403,\n  maxHeight: 240,\n})\nconst smSize = css({\n  width: 150,\n  maxHeight: 160,\n})\n\nconst PackSelectionCardBottom: React.FC<Props> = (props) => {\n  const [theme] = useContext(ThemeContext)\n  const isSelected = props.selected ? darkCard : lightCard\n  return (\n    <>\n    <View minShowSize={LG_SIZE}>\n      <TouchableOpacity\n        onPress={props.onPress}\n        style={[\n          isSelected,\n          lgSize,\n          cardStyle,\n          theme.styles.p3,\n          theme.styles.flexCol,\n          theme.styles.ml5,\n          theme.styles.mr5,\n        ]}\n      >\n        {props.children}\n      </TouchableOpacity>\n    </View>\n    <View maxShowSize={LG_SIZE}>\n      <TouchableOpacity\n        onPress={props.onPress}\n        style={[\n          isSelected,\n          smSize,\n          cardStyle,\n          theme.styles.p2,\n          theme.styles.flexCol,\n          theme.styles.ml1,\n          theme.styles.mr1,\n        ]}\n      >\n        {props.children}\n      </TouchableOpacity>\n    </View>\n    </>\n  )\n}\nexport default PackSelectionCardBottom\n","import React, { useContext } from 'react'\nimport Text from '~/pagui/components/Text'\nimport { ThemeContext, H4, RadioButton, View } from '~/pagui'\nimport { css } from '@emotion/native'\nimport PackSelectionCardBottom from '~/components/pricing/PackSelectionCardBottom'\nimport { LG_SIZE } from '~/pagui/components/View'\n\ntype Props = {\n  title: string\n  content: string\n  onPress: () => void\n  selected: boolean\n}\n\nconst titleStyle = css({\n  color: '#53d69a',\n})\n\nconst textStyle = css({\n  fontSize: 13,\n  lineHeight: 15,\n})\n\nconst center = css({\n  textAlign: 'center',\n})\n\nconst smTitle = css({\n  fontSize: 13,\n  lineHeight: 15,\n  maxHeight: 85,\n})\nconst lightText = css({\n  color: 'white',\n})\n\nconst darkText = css({\n  color: 'black',\n})\n\nconst contactCards: React.FC<Props> = ({\n  title,\n  content,\n\n  selected,\n  onPress,\n}) => {\n  const [theme] = useContext(ThemeContext)\n  const isDarkText = selected ? lightText : darkText\n\n  return (\n    <PackSelectionCardBottom selected={selected} onPress={onPress}>\n      <View minShowSize={LG_SIZE}>\n        <H4 style={[titleStyle, center, theme.styles.pb1, theme.styles.mt3]}>\n          {title}\n        </H4>\n        <Text\n          style={[\n            isDarkText,\n            textStyle,\n            center,\n            theme.styles.pl3,\n            theme.styles.pr3,\n            theme.styles.mt2,\n          ]}\n        >\n          {content}\n        </Text>\n      </View>\n      <View maxShowSize={LG_SIZE}>\n        <H4\n          style={[\n            titleStyle,\n            smTitle,\n            center,\n            theme.styles.pb1,\n            theme.styles.mt2,\n          ]}\n        >\n          {title}\n        </H4>\n      </View>\n      <RadioButton onPress={onPress} selected={selected}></RadioButton>\n    </PackSelectionCardBottom>\n  )\n}\nexport default contactCards\n","import React, { useContext, useState } from 'react'\nimport { injectIntl, InjectedIntlProps, Link } from 'gatsby-plugin-intl'\nimport { ThemeContext, View, Text, Bold } from '~/pagui'\nimport { css } from '@emotion/native'\nimport { css as hcss } from '@emotion/css'\nimport { TouchableOpacity } from 'react-native'\nimport ContactCards from '../ContactCards'\nimport data from '../../../src/locales/faq-fr.json'\n\nconst viewStyleXL = css({\n  backgroundColor: '#F5F5EB',\n  width: '90%',\n  margin: 'auto',\n})\n\nconst textFont = css({\n  fontFamily: 'Matrice-SemiBold',\n  lineHeight: 16,\n})\n\nconst questionBlock = hcss` \n  background-color: white;\n  width: 1100px;\n  margin: auto ; \n  padding : 40px 20px;   \n\n  @media(max-width : 1300px){\n    width : 100%; \n    text-align : center;\n  }\n`\n\nconst center = css({\n  textAlign: 'center',\n})\n\nconst filteredQuestionBlock = hcss` \n  width: 1100px;\n  margin: auto ; \n  padding : 40px 20px;   \n\n  @media(max-width : 1300px){\n    width : 100%; \n    text-align : center;\n    padding : 40px 10px ; \n  }\n`\nconst btnStyle = css({\n  color: '#7AF0B6',\n  fontSize: 30,\n})\n\nconst inputSyle = hcss`\n    width : 600px; \n    padding : 10px; \n    margin : 20px 0 ; \n    border-radius  : 10px; \n    border: 2px solid #7AF0B6;\n    font-family : Montserrat-Regular; \n    @media(max-width : 1024px){\n        width : 100%; \n        font-size : 13px; \n      }\n\n`\n\nconst responseTextStyle = hcss`\n  padding : 20px; \n  margin : 20px 0 20px 20px ; \n  font-family : Montserrat-Regular; \n  @media(max-width : 1024px){\n    width : 100%; \n    margin : 10px; \n  }\n\n  a{\n    font-family : Montserrat-Bold;  \n    border-bottom : solid 2px #7AF0B6;\n  }\n`\nconst Questions: React.FC<InjectedIntlProps> = (props) => {\n  const [theme] = useContext(ThemeContext)\n  const [offer, setOffer] = useState(true)\n  const [functioning, setFunctioning] = useState(false)\n  const [active, setActive] = useState('')\n  const [search, setSearch] = useState('')\n  const handleTab = (isOffer: boolean) => {\n    setFunctioning(isOffer)\n    setOffer(!isOffer)\n  }\n\n  const arrayQuestions = data.category1.questions.concat(\n    data.category2.questions\n  )\n\n  const filteredQuestions = arrayQuestions.filter((question: any) => {\n    return question.question.toLowerCase().includes(search.toLowerCase())\n  })\n\n  return (\n    <View\n      style={[\n        viewStyleXL,\n        theme.styles.flexColCenter,\n        theme.styles.pt5,\n        theme.styles.pb5,\n        theme.styles.pl1,\n        theme.styles.pr1,\n        theme.styles.mt4,\n      ]}\n    >\n      <View style={theme.styles.flexColCenter}>\n        <label style={{ fontFamily: 'Matrice-SemiBold' }}>\n          Dites-nous ce que vous cherchez\n        </label>\n        <input\n          type=\"search\"\n          placeholder=\"Saisissez votre question ou un mot-clé\"\n          className={inputSyle}\n          value={search}\n          onChange={(e) => setSearch(e.target.value)}\n        ></input>\n      </View>\n\n      {filteredQuestions.length == 0 ? (\n        <div className={filteredQuestionBlock}>\n          <View\n            style={[\n              theme.styles.p2,\n              theme.styles.flexColCenter,\n              { backgroundColor: 'white' },\n            ]}\n          >\n            <Text>Oops.. Aucun résultat ne correspond à votre recherche. </Text>\n            <Link\n              style={{\n                fontWeight: 'bold',\n                borderBottom: 'solid 2px #53d69a',\n                fontFamily: 'Montserrat-Bold',\n                paddingBottom: 5,\n                fontSize: 18,\n                marginTop: 10,\n              }}\n              to={`/a-propos/contact`}\n            >\n              Contactez-nous\n            </Link>\n          </View>\n        </div>\n      ) : null}\n\n      {!search ? null : (\n        <div className={filteredQuestionBlock}>\n          {filteredQuestions.map((r) => {\n            return (\n              <View style={[theme.styles.p2, { backgroundColor: 'white' }]}>\n                <View style={[theme.styles.flexRow]}>\n                  {active == r.response ? (\n                    <TouchableOpacity\n                      onPress={() => {\n                        setActive('')\n                      }}\n                    >\n                      <Text style={[btnStyle, textFont]}>-</Text>\n                    </TouchableOpacity>\n                  ) : (\n                    <TouchableOpacity\n                      onPress={() => {\n                        setActive(r.response)\n                      }}\n                    >\n                      <Text style={[btnStyle, textFont]}>+</Text>\n                    </TouchableOpacity>\n                  )}\n\n                  <Text style={[textFont, theme.styles.ml2]}>{r.question}</Text>\n                </View>\n                <p\n                  className={responseTextStyle}\n                  style={\n                    active == r.response\n                      ? { display: 'block', width: '100%' }\n                      : { display: 'none', width: '100%' }\n                  }\n                  dangerouslySetInnerHTML={{ __html: r.response }}\n                ></p>\n              </View>\n            )\n          })}\n        </div>\n      )}\n\n      <Text style={[theme.styles.mt4]}>Ou</Text>\n      <Bold style={[textFont, theme.styles.mt4, center]}>\n        Selectionnez une catégorie\n      </Bold>\n      <View\n        style={[theme.styles.flexRowCenter, theme.styles.mb3, theme.styles.mt3]}\n      >\n        <ContactCards\n          selected={offer}\n          onPress={() => handleTab(false)}\n          title=\"L’offre\"\n          content=\"Pour tout savoir sur les tarifs, les types d’abonnement, l’engagement, etc.\"\n        />\n        <ContactCards\n          selected={functioning}\n          onPress={() => handleTab(true)}\n          title=\"Le fonctionnement\"\n          content=\"Pour bien comprendre comment marche la solution et ce que vous pourrez faire avec.\"\n        />\n      </View>\n      <div className={questionBlock}>\n        {offer\n          ? data.category1.questions.map((r) => {\n              return (\n                <View style={[theme.styles.p2]}>\n                  <View style={[theme.styles.flexRow]}>\n                    {active == r.response ? (\n                      <TouchableOpacity\n                        onPress={() => {\n                          setActive('')\n                        }}\n                      >\n                        <Text style={[btnStyle, textFont]}>-</Text>\n                      </TouchableOpacity>\n                    ) : (\n                      <TouchableOpacity\n                        onPress={() => {\n                          setActive(r.response)\n                        }}\n                      >\n                        <Text style={[btnStyle, textFont]}>+</Text>\n                      </TouchableOpacity>\n                    )}\n\n                    <Text style={[textFont, theme.styles.ml2]}>\n                      {r.question}\n                    </Text>\n                  </View>\n                  <p\n                    className={responseTextStyle}\n                    style={\n                      active == r.response\n                        ? { display: 'block', width: '100%' }\n                        : { display: 'none', width: '100%' }\n                    }\n                    dangerouslySetInnerHTML={{ __html: r.response }}\n                  ></p>\n                </View>\n              )\n            })\n          : data.category2.questions.map((r) => {\n              return (\n                <View style={[theme.styles.p2]}>\n                  <View style={[theme.styles.flexRow]}>\n                    {active == r.response ? (\n                      <TouchableOpacity\n                        onPress={() => {\n                          setActive('')\n                        }}\n                      >\n                        <Text style={[btnStyle, textFont]}>-</Text>\n                      </TouchableOpacity>\n                    ) : (\n                      <TouchableOpacity\n                        onPress={() => {\n                          setActive(r.response)\n                        }}\n                      >\n                        <Text style={[btnStyle, textFont]}>+</Text>\n                      </TouchableOpacity>\n                    )}\n\n                    <Text style={[textFont, theme.styles.ml2]}>\n                      {r.question}\n                    </Text>\n                  </View>\n                  <p\n                    className={responseTextStyle}\n                    style={\n                      active == r.response\n                        ? { display: 'block', width: '100%' }\n                        : { display: 'none', width: '100%' }\n                    }\n                    dangerouslySetInnerHTML={{ __html: r.response }}\n                  ></p>\n                </View>\n              )\n            })}\n      </div>\n    </View>\n  )\n}\n\nexport default injectIntl(Questions)\n","import React from 'react'\r\nimport { injectIntl, InjectedIntlProps } from 'gatsby-plugin-intl'\r\nimport { Layout } from '~/components/Layout'\r\nimport { SEO } from '~/components/SEO'\r\nimport HeaderFaq from '~/components/faq/HeaderFaq'\r\nimport Questions from '~/components/faq/Questions'\r\nimport Contact from '~/components/Contact'\r\n\r\nconst Index: React.FC<InjectedIntlProps> = ({ intl: { formatMessage } }) => {\r\n  return (\r\n    <Layout isLight>\r\n      <SEO\r\n        title=\"Une question sur notre offre ou sur le fonctionnement de Pagily ?\"\r\n        description=\"Découvrez ici les réponses aux questions les plus fréquemment posées.\"\r\n        urlPage='https://pagily.io/ressources/faq/'\r\n      />\r\n\r\n      <HeaderFaq />\r\n      <Questions />\r\n      <Contact />\r\n    </Layout>\r\n  )\r\n}\r\n\r\nexport default injectIntl(Index)\r\n"],"sourceRoot":""}