{"version":3,"sources":["webpack:///./src/pages/report-content.js"],"names":["ReportContent","sites","data","allMysqlSites","edges","filter","node","is_active","sort","a","b","x","site_name","toLowerCase","y","recaptchaRef","useRef","finalValues","useState","addInfo","setAddInfo","issue","setIssue","isProcessing","setIsProcessing","msgSent","setMsgSent","serverError","setServerError","errType","setErrType","url","setURL","email","setEmail","digital","setDigital","friend","setFriend","legal","setLegal","validateForm","includes","handleFormSubmit","tok","FormData","append","current","fetch","API","SUPPORT","method","body","headers","XSRF","then","res","json","specialErrMsg","success","error","title","className","action","href","htmlFor","onChange","e","target","value","map","key","type","id","name","cols","rows","site","mysqlId","ref","theme","badge","size","sitekey","onClick","preventDefault","execute"],"mappings":"mHAAA,sGA2XeA,UAlXO,SAAC,GAAc,IAU7BC,EAV4B,EAAXC,KAUJC,cAAcC,MAC9BC,QAAO,SAAAC,GAAI,MAA4B,MAAxBA,EAAKA,KAAKC,aACzBC,MAAK,SAACC,EAAGC,GACR,IAAIC,EAAIF,EAAEH,KAAKM,UAAU,GAAGC,cACxBC,EAAIJ,EAAEJ,KAAKM,UAAU,GAAGC,cAC5B,OAAIF,EAAIG,GACE,EAENH,EAAIG,EACC,EAEF,KAGLC,EAAeC,iBAAO,MACtBC,EAAcD,iBAAO,MAzBO,EA0BJE,mBAAS,IAAhCC,EA1B2B,KA0BlBC,EA1BkB,OA2BRF,mBAAS,IAA5BG,EA3B2B,KA2BpBC,EA3BoB,OA4BMJ,oBAAS,GAA1CK,EA5B2B,KA4BbC,EA5Ba,OA6BJN,oBAAS,GAAhCO,EA7B2B,KA6BlBC,EA7BkB,OA8BIR,mBAAS,IAAxCS,EA9B2B,KA8BdC,EA9Bc,OA+BJV,mBAAS,IAAhCW,EA/B2B,KA+BlBC,EA/BkB,OAgCZZ,mBAAS,IAAxBa,EAhC2B,KAgCtBC,EAhCsB,OAiCRd,mBAAS,IAA5Be,EAjC2B,KAiCpBC,EAjCoB,OAkCJhB,mBAAS,IAAhCiB,EAlC2B,KAkClBC,EAlCkB,OAmCNlB,mBAAS,IAA9BmB,EAnC2B,KAmCnBC,EAnCmB,OAoCRpB,mBAAS,IAA5BqB,EApC2B,KAoCpBC,EApCoB,KAwD5BC,EAAe,WACnB,MAAc,KAAVR,GAAiBA,EAAMS,SAAS,MAAST,EAAMS,SAAS,KAK5C,KAAZP,GACFL,EAAW,YACJ,GAEK,KAAVS,GACFT,EAAW,UACJ,GAEG,KAARC,GACFD,EAAW,QACJ,GAGK,KAAVT,GACFS,EAAW,UACJ,GAGM,KAAXO,GACFP,EAAW,WACJ,GAGLS,IAAUJ,IACZL,EAAW,eACJ,IA7BPA,EAAW,UACJ,IAuCLa,EAAmB,SAAAC,GACvB,IAAI1C,EAAO,IAAI2C,SACf3C,EAAK4C,OAAO,QAAS7B,EAAY8B,QAAQd,OACzC/B,EAAK4C,OAAO,SAAU7B,EAAY8B,QAAQV,QAC1CnC,EAAK4C,OAAO,MAAO7B,EAAY8B,QAAQhB,KACvC7B,EAAK4C,OAAO,UAAW7B,EAAY8B,QAAQZ,SAC3CjC,EAAK4C,OAAO,QAAS7B,EAAY8B,QAAQR,OACzCrC,EAAK4C,OAAO,UAAW7B,EAAY8B,QAAQ5B,SAC3CjB,EAAK4C,OAAO,QAAS7B,EAAY8B,QAAQ1B,OACzCnB,EAAK4C,OAAO,QAASF,GACrBI,MAASC,IAAIC,QAAR,kBAAkC,CACrCC,OAAQ,OACRC,KAAMlD,EACNmD,QAAS,CACP,gBAAiBJ,IAAIK,QAGtBC,MAAK,SAAAC,GAAG,OAAIA,EAAIC,UAChBF,MAAK,SAAAC,GArBW,IAAAE,EAsBXF,EAAIG,QAxBZjC,GAAW,IAEQgC,EAyBAF,EAAII,MAxBvBhC,EAAe8B,QA4BjB,OACE,kBAAC,IAAD,KACE,kBAAC,IAAD,CAAKG,MAAM,eACX,yBAAKC,UAAU,uBACb,yBAAKA,UAAU,8BACf,yBAAKA,UAAU,cACb,0BAAMC,OAAO,KACX,yBAAKD,UAAU,sBACZrC,EACC,kBAAC,IAAD,MAEA,oCACE,yBAAKqC,UAAU,WACb,wBAAIA,UAAU,SAAd,UACS,4CAET,ySAK2C,IACzC,iDANF,gCAQmB,KAAhBnC,EACC,yBAAKmC,UAAU,eAAf,UACUnC,EADV,+BACmD,IACjD,uBAAGqC,KAAK,iCAAR,2BAIA,OAGS,KAAhBrC,EAAqB,KACpB,yBAAKmC,UAAU,SACb,yBAAKA,UAAU,OACb,yBAAKA,UAAU,QACb,2BAAOG,QAAQ,UAAUH,UAAU,SAAnC,sBACsB,IACpB,0BAAMA,UAAU,YAAhB,MAEF,4BACEA,UACc,UAAZjC,EACI,kBACA,WAENqC,SAAU,SAAAC,GACR7C,EAAS6C,EAAEC,OAAOC,SAGpB,4BAAQA,MAAM,IAAd,YA/KX,CACb,CAAEhD,MAAO,6CAA8CgD,MAAO,YAC9D,CAAEhD,MAAO,oBAAqBgD,MAAO,aACrC,CAAEhD,MAAO,+BAAgCgD,MAAO,SAChD,CAAEhD,MAAO,0BAA2BgD,MAAO,WAC3C,CAAEhD,MAAO,0BAA2BgD,MAAO,WAC3C,CAAEhD,MAAO,6BAA8BgD,MAAO,QAC9C,CAAEhD,MAAO,2CAA4CgD,MAAO,UAyK5BC,KAAI,SAAAjD,GAAK,OACf,4BACEgD,MAAOhD,EAAMgD,MACbE,IAAG,UAAYlD,EAAMgD,OAEpBhD,EAAMA,aAMjB,yBAAKyC,UAAU,OACb,yBAAKA,UAAU,QACb,2BAAOG,QAAQ,QAAQH,UAAU,SAAjC,SACQ,0BAAMA,UAAU,YAAhB,MAER,2BACEU,KAAK,QACLC,GAAG,QACHX,UACc,UAAZjC,EAAsB,cAAgB,QAExCwC,MAAOpC,EACPiC,SAAU,SAAAC,GAAC,OAAIjC,EAASiC,EAAEC,OAAOC,UAEtB,UAAZxC,EACC,yBAAKiC,UAAU,YAAf,SACE,OAGR,yBAAKA,UAAU,OACb,yBAAKA,UAAU,QACb,2BAAOG,QAAQ,MAAMH,UAAU,SAA/B,mCACmC,IACjC,0BAAMA,UAAU,YAAhB,MAEF,2BACEU,KAAK,OACLC,GAAG,MACHX,UACc,QAAZjC,EAAoB,cAAgB,QAEtCwC,MAAOtC,EACPmC,SAAU,SAAAC,GAAC,OAAInC,EAAOmC,EAAEC,OAAOC,UAEpB,QAAZxC,EACC,yBAAKiC,UAAU,YAAf,SACE,OAGR,yBAAKA,UAAU,OACb,yBAAKA,UAAU,QACb,2BAAOG,QAAQ,QAAQH,UAAU,SAAjC,cACa,0BAAMA,UAAU,YAAhB,MAEb,2BACEU,KAAK,OACLC,GAAG,QACHX,UACc,UAAZjC,EAAsB,cAAgB,QAExCwC,MAAO9B,EACP2B,SAAU,SAAAC,GAAC,OAAI3B,EAAS2B,EAAEC,OAAOC,UAEtB,UAAZxC,EACC,yBAAKiC,UAAU,YAAf,SACE,OAGR,yBAAKA,UAAU,OACb,yBAAKA,UAAU,QACb,2BAAOG,QAAQ,UAAUH,UAAU,SAAnC,0BACyB,0CAEzB,8BACEY,KAAK,UACLD,GAAG,UACHE,KAAK,KACLC,KAAK,KACLd,UAAU,WACVI,SAAU,SAAAC,GAAC,OAAI/C,EAAW+C,EAAEC,OAAOC,QACnCA,MAAOlD,MAIb,yBAAK2C,UAAU,OACb,yBAAKA,UAAU,QACb,2BAAOG,QAAQ,UAAUH,UAAU,SAAnC,gBACe,0BAAMA,UAAU,YAAhB,MAEf,4BACEA,UACc,WAAZjC,EACI,kBACA,WAENqC,SAAU,SAAAC,GACR7B,EAAU6B,EAAEC,OAAOC,SAGrB,4BAAQA,MAAM,IAAd,YACCpE,EAAMqE,KAAI,SAAAO,GAAI,OACb,4BACER,MAAOQ,EAAKvE,KAAKM,UACjB2D,IAAG,KAAOM,EAAKvE,KAAKwE,SAEnBD,EAAKvE,KAAKM,iBAMrB,yBAAKkD,UAAU,OACb,yBAAKA,UAAU,QACb,2BAAOG,QAAQ,UAAUH,UAAU,SAAnC,oBACoB,IAClB,0BAAMA,UAAU,YAAhB,MAEF,2BACEU,KAAK,OACLC,GAAG,UACHX,UACc,YAAZjC,EAAwB,cAAgB,QAE1CwC,MAAOlC,EACP+B,SAAU,SAAAC,GAAC,OAAI/B,EAAW+B,EAAEC,OAAOC,UAExB,YAAZxC,EACC,yBAAKiC,UAAU,YAAf,SACE,KACS,eAAZjC,EACC,yBAAKiC,UAAU,YAAf,kDAGE,OAGR,yBAAKA,UAAU,OACb,kBAAC,IAAD,CACEiB,IAAKhE,EACLmD,SAAU,SAAAC,GAAC,OAAIxB,EAAiBwB,IAChCa,MAAM,OACNC,MAAM,SACNC,KAAK,YACLC,QAAQ,8CAIZ,yBAAKrB,UAAU,OACb,4BACEA,UACEvC,EACI,yBACA,cAEN6D,QAvSH,SAAAjB,GACnBA,EAAEkB,iBAEW5C,MAEXjB,GAAgB,GAChBM,EAAW,IACXb,EAAY8B,QAAU,CACpBd,MAAOA,EACPI,OAAQA,EACRN,IAAKA,EACLI,QAASA,EACTI,MAAOA,EACPpB,QAASA,EACTE,MAAOA,GAETN,EAAagC,QAAQuC,aAiRH,SASE,yBAAKxB,UAAU","file":"component---src-pages-report-content-js-3cc4eb081690fe56703a.js","sourcesContent":["import React, { useRef, useState } from \"react\"\r\nimport { graphql } from \"gatsby\"\r\nimport Layout from \"../components/layout\"\r\nimport ContactSuccess from \"../components/contact-success\"\r\nimport SEO from \"../components/seo\"\r\nimport API from \"../constants/api\"\r\nimport ReCAPTCHA from \"react-google-recaptcha\"\r\nimport \"../contact.css\"\r\n\r\nconst ReportContent = ({ data }) => {\r\n  const issues = [\r\n    { issue: \"Infringes my rights or other legal concern\", value: \"infringe\" },\r\n    { issue: \"Copyright concern\", value: \"copyright\" },\r\n    { issue: \"Potentially features a minor\", value: \"minor\" },\r\n    { issue: \"Violent or harmful acts\", value: \"violent\" },\r\n    { issue: \"Hateful or inflammatory\", value: \"hateful\" },\r\n    { issue: \"Spam or misleading content\", value: \"spam\" },\r\n    { issue: \"Otherwise inappropriate or objectionable\", value: \"other\" },\r\n  ]\r\n  const sites = data.allMysqlSites.edges\r\n    .filter(node => node.node.is_active === \"y\")\r\n    .sort((a, b) => {\r\n      let x = a.node.site_name[0].toLowerCase()\r\n      let y = b.node.site_name[0].toLowerCase()\r\n      if (x < y) {\r\n        return -1\r\n      }\r\n      if (x > y) {\r\n        return 1\r\n      }\r\n      return 0\r\n    })\r\n\r\n  const recaptchaRef = useRef(null)\r\n  const finalValues = useRef(null)\r\n  const [addInfo, setAddInfo] = useState(\"\")\r\n  const [issue, setIssue] = useState(\"\")\r\n  const [isProcessing, setIsProcessing] = useState(false)\r\n  const [msgSent, setMsgSent] = useState(false)\r\n  const [serverError, setServerError] = useState(\"\")\r\n  const [errType, setErrType] = useState(\"\")\r\n  const [url, setURL] = useState(\"\")\r\n  const [email, setEmail] = useState(\"\")\r\n  const [digital, setDigital] = useState(\"\")\r\n  const [friend, setFriend] = useState(\"\")\r\n  const [legal, setLegal] = useState(\"\")\r\n  const handleSubmit = e => {\r\n    e.preventDefault()\r\n\r\n    const vali = validateForm()\r\n    if (vali) {\r\n      setIsProcessing(true)\r\n      setErrType(\"\")\r\n      finalValues.current = {\r\n        email: email,\r\n        friend: friend,\r\n        url: url,\r\n        digital: digital,\r\n        legal: legal,\r\n        addInfo: addInfo,\r\n        issue: issue,\r\n      }\r\n      recaptchaRef.current.execute()\r\n    }\r\n  }\r\n  const validateForm = () => {\r\n    if (email === \"\" || !email.includes(\"@\") || !email.includes(\".\")) {\r\n      setErrType(\"email\")\r\n      return false\r\n    }\r\n\r\n    if (digital === \"\") {\r\n      setErrType(\"digital\")\r\n      return false\r\n    }\r\n    if (legal === \"\") {\r\n      setErrType(\"legal\")\r\n      return false\r\n    }\r\n    if (url === \"\") {\r\n      setErrType(\"url\")\r\n      return false\r\n    }\r\n\r\n    if (issue === \"\") {\r\n      setErrType(\"issue\")\r\n      return false\r\n    }\r\n\r\n    if (friend === \"\") {\r\n      setErrType(\"friend\")\r\n      return false\r\n    }\r\n\r\n    if (legal !== digital) {\r\n      setErrType(\"matchError\")\r\n      return false\r\n    }\r\n\r\n    return true\r\n  }\r\n  const formSuccess = () => {\r\n    setMsgSent(true)\r\n  }\r\n  const fromHasError = specialErrMsg => {\r\n    setServerError(specialErrMsg)\r\n  }\r\n  const handleFormSubmit = tok => {\r\n    let data = new FormData()\r\n    data.append(\"email\", finalValues.current.email)\r\n    data.append(\"friend\", finalValues.current.friend)\r\n    data.append(\"url\", finalValues.current.url)\r\n    data.append(\"digital\", finalValues.current.digital)\r\n    data.append(\"legal\", finalValues.current.legal)\r\n    data.append(\"addInfo\", finalValues.current.addInfo)\r\n    data.append(\"issue\", finalValues.current.issue)\r\n    data.append(\"token\", tok)\r\n    fetch(`${API.SUPPORT}get_help_rc.php`, {\r\n      method: \"POST\",\r\n      body: data,\r\n      headers: {\r\n        \"X-XSRF-Header\": API.XSRF,\r\n      },\r\n    })\r\n      .then(res => res.json())\r\n      .then(res => {\r\n        if (res.success) {\r\n          formSuccess()\r\n        } else {\r\n          fromHasError(res.error)\r\n        }\r\n      })\r\n  }\r\n  return (\r\n    <Layout>\r\n      <SEO title=\"Contact Us\" />\r\n      <div className=\"section_form report\">\r\n        <div className=\"section_background report\"></div>\r\n        <div className=\"block_form\">\r\n          <form action=\"#\">\r\n            <div className=\"block_form_wrapper\">\r\n              {msgSent ? (\r\n                <ContactSuccess />\r\n              ) : (\r\n                <>\r\n                  <div className=\"heading\">\r\n                    <h2 className=\"title\">\r\n                      Report <strong>Content</strong>\r\n                    </h2>\r\n                    <p>\r\n                      If you see something inappropriate, please report it. Your\r\n                      reports help us protect both users and performers on our\r\n                      platform. We appreciate your feedback and commitment to\r\n                      building a positive community. Reporting is completely\r\n                      confidential. We will review your report{\" \"}\r\n                      <strong>within 7 days</strong> and take appropriate\r\n                      action.\r\n                      {serverError !== \"\" ? (\r\n                        <div className=\"errorServer\">\r\n                          ERROR: {serverError}, Please contact us directly{\" \"}\r\n                          <a href=\"mailto:service@addfriends.com\">\r\n                            service@addfriends.com\r\n                          </a>\r\n                        </div>\r\n                      ) : null}\r\n                    </p>\r\n                  </div>\r\n                  {serverError !== \"\" ? null : (\r\n                    <div className=\"field\">\r\n                      <div className=\"row\">\r\n                        <div className=\"wrap\">\r\n                          <label htmlFor=\"message\" className=\"label\">\r\n                            Issue With Content?{\" \"}\r\n                            <span className=\"required\">*</span>\r\n                          </label>\r\n                          <select\r\n                            className={\r\n                              errType === \"issue\"\r\n                                ? \"afSelect wError\"\r\n                                : \"afSelect\"\r\n                            }\r\n                            onChange={e => {\r\n                              setIssue(e.target.value)\r\n                            }}\r\n                          >\r\n                            <option value=\"\">PICK ONE</option>\r\n                            {issues.map(issue => (\r\n                              <option\r\n                                value={issue.value}\r\n                                key={`=issue-${issue.value}`}\r\n                              >\r\n                                {issue.issue}\r\n                              </option>\r\n                            ))}\r\n                          </select>\r\n                        </div>\r\n                      </div>\r\n                      <div className=\"row\">\r\n                        <div className=\"wrap\">\r\n                          <label htmlFor=\"email\" className=\"label\">\r\n                            Email <span className=\"required\">*</span>\r\n                          </label>\r\n                          <input\r\n                            type=\"email\"\r\n                            id=\"email\"\r\n                            className={\r\n                              errType === \"email\" ? \"input error\" : \"input\"\r\n                            }\r\n                            value={email}\r\n                            onChange={e => setEmail(e.target.value)}\r\n                          />\r\n                          {errType === \"email\" ? (\r\n                            <div className=\"errorMsg\">Error</div>\r\n                          ) : null}\r\n                        </div>\r\n                      </div>\r\n                      <div className=\"row\">\r\n                        <div className=\"wrap\">\r\n                          <label htmlFor=\"url\" className=\"label\">\r\n                            URL of content you are reporting{\" \"}\r\n                            <span className=\"required\">*</span>\r\n                          </label>\r\n                          <input\r\n                            type=\"text\"\r\n                            id=\"url\"\r\n                            className={\r\n                              errType === \"url\" ? \"input error\" : \"input\"\r\n                            }\r\n                            value={url}\r\n                            onChange={e => setURL(e.target.value)}\r\n                          />\r\n                          {errType === \"url\" ? (\r\n                            <div className=\"errorMsg\">Error</div>\r\n                          ) : null}\r\n                        </div>\r\n                      </div>\r\n                      <div className=\"row\">\r\n                        <div className=\"wrap\">\r\n                          <label htmlFor=\"legal\" className=\"label\">\r\n                            Legal name <span className=\"required\">*</span>\r\n                          </label>\r\n                          <input\r\n                            type=\"text\"\r\n                            id=\"legal\"\r\n                            className={\r\n                              errType === \"legal\" ? \"input error\" : \"input\"\r\n                            }\r\n                            value={legal}\r\n                            onChange={e => setLegal(e.target.value)}\r\n                          />\r\n                          {errType === \"legal\" ? (\r\n                            <div className=\"errorMsg\">Error</div>\r\n                          ) : null}\r\n                        </div>\r\n                      </div>\r\n                      <div className=\"row\">\r\n                        <div className=\"wrap\">\r\n                          <label htmlFor=\"addInfo\" className=\"label\">\r\n                            Additional Information <i>(optional)</i>\r\n                          </label>\r\n                          <textarea\r\n                            name=\"addInfo\"\r\n                            id=\"addInfo\"\r\n                            cols=\"30\"\r\n                            rows=\"10\"\r\n                            className=\"textarea\"\r\n                            onChange={e => setAddInfo(e.target.value)}\r\n                            value={addInfo}\r\n                          ></textarea>\r\n                        </div>\r\n                      </div>\r\n                      <div className=\"row\">\r\n                        <div className=\"wrap\">\r\n                          <label htmlFor=\"message\" className=\"label\">\r\n                            What Friend? <span className=\"required\">*</span>\r\n                          </label>\r\n                          <select\r\n                            className={\r\n                              errType === \"friend\"\r\n                                ? \"afSelect wError\"\r\n                                : \"afSelect\"\r\n                            }\r\n                            onChange={e => {\r\n                              setFriend(e.target.value)\r\n                            }}\r\n                          >\r\n                            <option value=\"\">PICK ONE</option>\r\n                            {sites.map(site => (\r\n                              <option\r\n                                value={site.node.site_name}\r\n                                key={`cu${site.node.mysqlId}`}\r\n                              >\r\n                                {site.node.site_name}\r\n                              </option>\r\n                            ))}\r\n                          </select>\r\n                        </div>\r\n                      </div>\r\n                      <div className=\"row\">\r\n                        <div className=\"wrap\">\r\n                          <label htmlFor=\"digital\" className=\"label\">\r\n                            Digital Signature{\" \"}\r\n                            <span className=\"required\">*</span>\r\n                          </label>\r\n                          <input\r\n                            type=\"text\"\r\n                            id=\"digital\"\r\n                            className={\r\n                              errType === \"digital\" ? \"input error\" : \"input\"\r\n                            }\r\n                            value={digital}\r\n                            onChange={e => setDigital(e.target.value)}\r\n                          />\r\n                          {errType === \"digital\" ? (\r\n                            <div className=\"errorMsg\">Error</div>\r\n                          ) : null}\r\n                          {errType === \"matchError\" ? (\r\n                            <div className=\"errorMsg\">\r\n                              Digital signature and full name need to match!\r\n                            </div>\r\n                          ) : null}\r\n                        </div>\r\n                      </div>\r\n                      <div className=\"row\">\r\n                        <ReCAPTCHA\r\n                          ref={recaptchaRef}\r\n                          onChange={e => handleFormSubmit(e, email, friend)}\r\n                          theme=\"dark\"\r\n                          badge=\"inline\"\r\n                          size=\"invisible\"\r\n                          sitekey=\"6LdFnKgUAAAAAMMrHjMOzd42QrbFzhO-aO_Rme2k\"\r\n                        />\r\n                      </div>\r\n\r\n                      <div className=\"row\">\r\n                        <button\r\n                          className={\r\n                            isProcessing\r\n                              ? \"button_more processing\"\r\n                              : \"button_more\"\r\n                          }\r\n                          onClick={handleSubmit}\r\n                        >\r\n                          Submit\r\n                          <div className=\"nk-spinner\"></div>\r\n                        </button>\r\n                      </div>\r\n                    </div>\r\n                  )}\r\n                </>\r\n              )}\r\n            </div>\r\n          </form>\r\n        </div>\r\n      </div>\r\n    </Layout>\r\n  )\r\n}\r\n\r\nexport const pageQuerySucc = graphql`\r\n  query ReportQuery {\r\n    allMysqlSites {\r\n      edges {\r\n        node {\r\n          free_snapchat\r\n          site_name\r\n          is_active\r\n          site_url\r\n          mysqlId\r\n          sitestat {\r\n            likes\r\n            videos\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n`\r\n\r\nexport default ReportContent\r\n"],"sourceRoot":""}