{"version":3,"sources":["webpack:///./src/services/useGeoLocation.js","webpack:///./src/services/logipulse-crm-service.js","webpack:///./src/components/common/supportdetails.js","webpack:///./src/pages/contact-us.js","webpack:///./src/components/common/SuccessAlert.js","webpack:///./node_modules/@material-ui/icons/LocalPhoneOutlined.js","webpack:///./src/components/common/ErrorAlert.js","webpack:///./node_modules/@material-ui/icons/ForumOutlined.js","webpack:///./node_modules/@material-ui/icons/EmailOutlined.js"],"names":["useGeoLocation","useState","location","setLocation","useEffect","isApiSubscribed","fetch","process","then","data","json","catch","err","saveContactDetails","inputData","a","logipulseCRMUrl","axios","post","response","initialFormValue","Name","CompanyName","Email","MobileNo","Questions","Question","answer","App","context","React","useContext","I18nextContext","selected","setselected","formValues","setformValues","alert_type","setAlertType","alert_message","setAlertMessage","isLoading","setLoading","geoLocation","value","country_calling_code","handleOnChange","e","target","name","handleSubmit","preventDefault","Object","keys","length","error","className","lang","language","to","disabled","Form","autoComplete","onSubmit","Group","controlId","Label","Control","type","required","onChange","country","inputClass","enableSearch","formData","as","Photo","src","alt","SuccessAlert","message","ErrorAlert","href","map","item","i","key","onClick","index","toggle","Contactus","canoncalUrl","JSON","parse","stringify","GATSBY_LANDING_PAGE_URL","hrefUrl","t","useTranslation","Helmet","dangerouslySetInnerHTML","__html","charSet","rel","hreflang","content","data-react-helmet","props","showAlertMessage","setShowAlertMessage","undefined","timer","setTimeout","clearTimeout","role","style","marginTop","_interopRequireDefault","_interopRequireWildcard","defineProperty","exports","default","_default","createElement","d"],"mappings":"qHAAA,kDAEaA,EAAiB,WAAO,IAAD,EACAC,mBAAS,MAAlCC,EADyB,KACfC,EADe,KAoBhC,OAhBAC,qBAAU,WACN,IAAIC,GAAkB,EAUtB,OARAC,MALoBC,yBAMfC,MAAK,SAAAC,GAAI,OAAIA,EAAKC,UAClBF,MAAK,SAAAE,GACEL,GACAF,EAAYO,MAGnBC,OAAM,SAAAC,OACJ,WACHP,GAAkB,KAEvB,CAhBqBE,0BAkBjB,CACHL,c,gVCnBFW,EAAkB,uCAAG,WAAOC,GAAP,eAAAC,EAAA,4DACPC,gGADO,SAGFC,IAAMC,KAFXF,gGAEwBF,GAHjB,cAGnBK,EAHmB,yBAIhBA,GAJgB,2CAAH,sD,YCalBC,EAAmB,CACvBC,KAAM,GACNC,YAAa,GACbC,MAAO,GACPC,SAAU,GACVC,UAAW,IA+Vb,IAAMhB,EAAO,CACX,CACEiB,SAAU,wBACVC,OACE,uNAEJ,CACED,SACE,sEACFC,OACE,wJAEJ,CACED,SAAU,gCACVC,OACE,4EAEJ,CACED,SAAU,4DACVC,OACE,yFAEJ,CACED,SAAU,gEACVC,OAAQ,2CAEV,CACED,SAAU,sCACVC,OACE,6EAEJ,CACED,SACE,qEACFC,OACE,qKAEJ,CACED,SAAU,6CACVC,OACE,qJAEJ,CACED,SACE,8FACFC,OACE,6HAEJ,CACED,SAAU,4DACVC,OACE,uLAEJ,CACED,SAAU,sDACVC,OACE,sOAISC,EAtZf,WACE,IAAMC,EAAUC,IAAMC,WAAWC,kBADpB,EAEmB/B,mBAAS,MAAlCgC,EAFM,KAEIC,EAFJ,OAGuBjC,mBAASmB,GAAtCe,EAHM,KAGMC,EAHN,OAIsBnC,mBAAS,IAArCoC,EAJM,KAIMC,EAJN,OAK4BrC,mBAAS,IAA3CsC,EALM,KAKSC,EALT,OAMmBvC,oBAAS,GAAlCwC,EANM,KAMKC,EANL,KAOLxC,EAAaF,cAAbE,SAERE,qBAAU,WACR,IAAIC,GAAkB,EAatB,OAXAC,MAdoBC,yBAejBC,MAAK,SAAAC,GAAI,OAAIA,EAAKC,UAClBF,MAAK,SAAAE,GACJ,GAAIL,EAAiB,CACnB,IAAIsC,EAAcjC,EACdkC,EAAK,iBAAQxB,GACjBwB,EAAK,SAAeD,EAAYE,qBAChCT,EAAcQ,OAGjBjC,OAAM,SAAAC,OACF,WACLP,GAAkB,KAEnB,IAEH,IAAMyC,EAAiB,SAAAC,GAAM,IAAD,IACFA,EAAEC,OAAlBC,EADkB,EAClBA,KAAML,EADY,EACZA,MACdR,EAAc,OAAD,UAAMD,IAAN,MAAmBc,GAAOL,EAA1B,MAGTM,EAAY,uCAAG,WAAMH,GAAN,SAAAhC,EAAA,sDACnBgC,EAAEI,iBACF,IACMC,OAAOC,KAAKlB,GAAYmB,OAAS,IACnCZ,GAAW,GACXJ,EAAa,IACbE,EAAgB,IAEhB3B,EAAmBsB,GAChB3B,MAAK,SAAAW,GACJmB,EAAa,WACbE,EAAgB,2BAChBpB,EAAiBI,SAAWtB,EAAS2C,qBACrCT,EAAchB,GACdsB,GAAW,MAEZ/B,OAAM,SAAAoC,GACLL,GAAW,GACXJ,EAAa,SACbE,EAAgB,6BAKtB,MAAOe,GACPb,GAAW,GAzBM,2CAAH,sDA0ClB,OACE,6BACE,yBAAKc,UAAU,kCAAkCC,KAAM5B,EAAQ6B,UAC7D,yBAAKF,UAAU,6BACb,yBAAKA,UAAU,OACb,yBAAKA,UAAU,aACb,yBAAKA,UAAU,oBAEf,yBAAKA,UAAU,eAGjB,yBAAKA,UAAU,aACb,yBAAKA,UAAU,kCACb,yBAAKA,UAAU,kBAAkBC,KAAM5B,EAAQ6B,UAC7C,kBAAC,OAAD,CAAMC,GAAG,KACP,kBAAC,QAAD,cACM,IAHV,IAII,IACF,0BAAMH,UAAU,iBACd,kBAAC,QAAD,kBAGJ,yBACEA,UAAU,gDACVC,KAAM5B,EAAQ6B,UAEd,kBAAC,QAAD,2DAIF,yBACEF,UAAU,kCACVC,KAAM5B,EAAQ6B,UAEd,kBAAC,QAAD,kJAKA,mCAQZ,yBAAKF,UAAU,aACb,yBAAKA,UAAU,uBAAuBC,KAAM5B,EAAQ6B,UAClD,yBAAKF,UAAU,YACb,yBAAKA,UAAU,wBAEb,yBAAKA,UAAU,2BACb,yBAAKA,UAAU,iBAAiBC,KAAM5B,EAAQ6B,UAC5C,2BACE,kBAAC,QAAD,uBAKN,8BAAUE,SAAUnB,GAClB,kBAACoB,EAAA,EAAD,CAAMC,aAAa,MAAMC,SAAUb,GACjC,kBAACW,EAAA,EAAKG,MAAN,CACEC,UAAU,sBACVT,UAAU,qBAEV,kBAACK,EAAA,EAAKK,MAAN,CAAYV,UAAU,yBAAwB,kBAAC,QAAD,aAAmB,0BAAMA,UAAU,aAAY,oCAC7F,kBAACK,EAAA,EAAKM,QAAN,CACEC,KAAK,OACLnB,KAAK,OACLL,MAAOT,EAAWd,KAClBmC,UAAU,gBACVa,SAAS,WACTC,SAAUxB,KAId,kBAACe,EAAA,EAAKG,MAAN,CACEC,UAAU,sBACVT,UAAU,qBAEV,kBAACK,EAAA,EAAKK,MAAN,CAAYV,UAAU,yBAAwB,kBAAC,QAAD,qBAA2B,0BAAMA,UAAU,aAAY,oCACrG,kBAACK,EAAA,EAAKM,QAAN,CACEC,KAAK,OACLnB,KAAK,cACLL,MAAOT,EAAWb,YAClBkC,UAAU,gBACVa,SAAS,WACTC,SAAUxB,KAqBd,kBAACe,EAAA,EAAKG,MAAN,CACEC,UAAU,sBACVT,UAAU,qBAEV,kBAACK,EAAA,EAAKK,MAAN,CAAYV,UAAU,yBAAwB,kBAAC,QAAD,cAAoB,0BAAMA,UAAU,aAAY,oCAC9F,kBAACK,EAAA,EAAKM,QAAN,CACEC,KAAK,QACLnB,KAAK,QACLL,MAAOT,EAAWZ,MAClBiC,UAAU,gBACVa,SAAS,WACTC,SAAUxB,KAOd,kBAACe,EAAA,EAAKG,MAAN,CAAYC,UAAU,sBAAsBT,UAAU,qBACpD,kBAACK,EAAA,EAAKK,MAAN,CAAYV,UAAU,yBAAwB,kBAAC,QAAD,sBAA4B,0BAAMA,UAAU,aAAY,oCACtG,kBAAC,IAAD,CACEe,QAAS,KACTC,WAAW,wBACXH,SAAS,OACTI,aAAa,OACb7B,MAAOT,EAAWX,SAClB8C,SA7IO,SAAC1B,GAC1B,IAAM8B,EAAQ,iBAAQvC,GACtBuC,EAAQ,SAAe,IAAM9B,EAC7BR,EAAcsC,OAkKA,kBAACb,EAAA,EAAKG,MAAN,CAAYR,UAAU,yBAAyBS,UAAU,uBACvD,kBAACJ,EAAA,EAAKK,MAAN,CAAYV,UAAU,yBAAwB,kBAAC,QAAD,6BAAmC,0BAAMA,UAAU,aAAY,oCAC7G,kBAACK,EAAA,EAAKM,QAAN,CACEQ,GAAG,WACH1B,KAAK,YACLL,MAAOT,EAAWV,UAClB6C,SAAUxB,KAId,kBAACe,EAAA,EAAKG,MAAN,CACER,UAAU,mBACVC,KAAM5B,EAAQ6B,UAEd,4BAAQU,KAAK,SAASZ,UAAU,qHAAqHI,SAAUnB,GAAW,kBAAC,QAAD,aAEtKA,EACE,kBAACmC,EAAA,EAAD,CAAOC,IAAI,gBAAgBrB,UAAU,UAAUsB,IAAI,KACjD,OAKM,YAAfzC,EACC,kBAAC0C,EAAA,EAAD,CAAcC,QAASzC,IACrB,KACY,UAAfF,EACC,kBAAC4C,EAAA,EAAD,CAAYD,QAASzC,IACnB,QAIV,yBAAKiB,UAAU,OACb,yBAAKA,UAAU,oBACb,4BACE,wBAAIA,UAAU,mBAAmBC,KAAM5B,EAAQ6B,UAC7C,kBAAC,OAAD,CAAMC,GAAG,KACP,kBAAC,IAAD,CACEH,UAAU,kBACVC,KAAM5B,EAAQ6B,WAEhB,kBAAC,QAAD,oBAGJ,wBAAIF,UAAU,mBAAmBC,KAAM5B,EAAQ6B,UAC7C,uBAAGwB,KAAK,sBACN,kBAAC,IAAD,CACE1B,UAAU,kBACVC,KAAM5B,EAAQ6B,WAEhB,kBAAC,QAAD,0BAGJ,wBAAIF,UAAU,mBAAmBC,KAAM5B,EAAQ6B,UAC7C,uBAAGwB,KAAK,8BACN,kBAAC,IAAD,CACE1B,UAAU,kBACVC,KAAM5B,EAAQ6B,WAEhB,kBAAC,QAAD,sBAQZ,yBAAKF,UAAU,YACb,yBAAKA,UAAU,2BAA2BC,KAAM5B,EAAQ6B,UACtD,2BACE,kBAAC,QAAD,+BAGJ,yBAAKF,UAAU,WACb,yBAAKA,UAAU,aACZ/C,EAAK0E,KAAI,SAACC,EAAMC,GAAP,OACR,yBAAK7B,UAAU,OAAO8B,IAAK,cAAgBD,GACzC,yBAAK7B,UAAU,WAAW+B,QAAS,kBAzPtC,SAAAC,GACb,GAAIvD,IAAauD,EACf,OAAOtD,EAAY,MAErBA,EAAYsD,GAqP6CC,CAAOJ,KAC9C,yBAAK7B,UAAU,mBACb,kBAAC,QAAD,KAAQ4B,EAAK1D,WAEf,8BAAOO,IAAaoD,EAAI,IAAM,MAEhC,yBACE7B,UACEvB,IAAaoD,EAAI,iBAAmB,YAEtC5B,KAAM5B,EAAQ6B,UAEd,kBAAC,QAAD,KAAQ0B,EAAKzD,kBAU7B,yBAAK6B,UAAU,qBACb,yBAAKA,UAAU,wCACf,yBAAKA,UAAU,aACb,yBAAKA,UAAU,OACb,yBAAKA,UAAU,aACb,kBAACoB,EAAA,EAAD,CAAOC,IAAI,sBAAsBrB,UAAU,aAAasB,IAAI,W,YC5R3DY,UAtEG,WAAO,IAEfhC,EAAa5B,IAAMC,WAAWC,kBAA9B0B,SAOFiC,EAJS,OAAbjC,EACIkC,KAAKC,MAAMD,KAAKE,UAAUC,0CAC1BH,KAAKC,MAAMD,KAAKE,UAAUC,6BAA6BrC,EAAN,iBAQnDsC,EAHS,OAAbtC,EACIkC,KAAKC,MAAMD,KAAKE,UAAUC,+BAC1BH,KAAKC,MAAMD,KAAKE,UAAUC,6BAA6BrC,EAAN,MAE7CuC,EAAMC,2BAAND,EAER,OACE,6BACE,yBAAKzC,UAAU,UACb,kBAAC,UAAD,MACA,kBAAC,EAAD,MACA,kBAAC,IAAD,MACA,kBAAC2C,EAAA,OAAD,KACE,4BACEC,wBAAyB,CACvBC,OAAO,keAaX,4BACED,wBAAyB,CACvBC,OAAO,0PASX,0BAAMC,QAAQ,UACd,+BAAQL,EAAE,qDACV,kBAAC,OAAD,CAAMM,IAAI,YAAYrB,KAAMS,IAC5B,kBAAC,OAAD,CAAMY,IAAI,YAAYrB,KAAMc,EAASQ,SAAU9C,IAC9C,0BACCT,KAAK,cACLwD,QAASR,EAAE,2OAEb,0BACEhD,KAAK,WACLwD,QAASR,EAAE,yGACXS,oBAAkB,c,kCCzE9B,qEAKe,SAAS3B,EAAa4B,GAAQ,IAAD,EACQ1G,oBAAS,GAAlD2G,EADiC,KACfC,EADe,KAgBxC,OAbAzG,qBAAU,WACgB,OAAlBuG,EAAM3B,cAAsC8B,IAAlBH,EAAM3B,QAChC6B,GAAoB,GAEpBA,GAAoB,GAGxB,IAAIE,EAAQC,YAAW,kBAAMH,GAAoB,KAAQ,KACzD,OAAO,WACHI,aAAaF,MAElB,IAGC,kBAAC,WAAD,KAEQH,EACI,yBAAKpD,UAAU,4CAA4C0D,KAAK,QAAQC,MAAO,CAAEC,UAAW,SACvFT,EAAM3B,SAEX,Q,oCC1BpB,IAAIqC,EAAyB,EAAQ,QAEjCC,EAA0B,EAAQ,QAEtClE,OAAOmE,eAAeC,EAAS,aAAc,CAC3C5E,OAAO,IAET4E,EAAQC,aAAU,EAElB,IAAI3F,EAAQwF,EAAwB,EAAQ,SAIxCI,GAAW,EAFML,EAAuB,EAAQ,SAElBI,SAAuB3F,EAAM6F,cAAc,OAAQ,CACnFC,EAAG,4ZACD,sBAEJJ,EAAQC,QAAUC,G,kCCnBlB,qEAIe,SAASzC,EAAW0B,GAAQ,IAAD,EACU1G,oBAAS,GAAlD2G,EAD+B,KACbC,EADa,KAgBtC,OAbAzG,qBAAU,WACgB,OAAlBuG,EAAM3B,cAAsC8B,IAAlBH,EAAM3B,QAChC6B,GAAoB,GAEpBA,GAAoB,GAGxB,IAAIE,EAAQC,YAAW,kBAAMH,GAAoB,KAAQ,KACzD,OAAO,WACHI,aAAaF,MAElB,IAGC,kBAAC,WAAD,KAEQH,EACI,yBAAKpD,UAAU,2CAA2C0D,KAAK,QAAQC,MAAO,CAAEC,UAAW,SACtFT,EAAM3B,SAEX,Q,kCCzBpB,IAAIqC,EAAyB,EAAQ,QAEjCC,EAA0B,EAAQ,QAEtClE,OAAOmE,eAAeC,EAAS,aAAc,CAC3C5E,OAAO,IAET4E,EAAQC,aAAU,EAElB,IAAI3F,EAAQwF,EAAwB,EAAQ,SAIxCI,GAAW,EAFML,EAAuB,EAAQ,SAElBI,SAAuB3F,EAAM6F,cAAc,OAAQ,CACnFC,EAAG,wJACD,iBAEJJ,EAAQC,QAAUC,G,yDCjBlB,IAAIL,EAAyB,EAAQ,QAEjCC,EAA0B,EAAQ,QAEtClE,OAAOmE,eAAeC,EAAS,aAAc,CAC3C5E,OAAO,IAET4E,EAAQC,aAAU,EAElB,IAAI3F,EAAQwF,EAAwB,EAAQ,SAIxCI,GAAW,EAFML,EAAuB,EAAQ,SAElBI,SAAuB3F,EAAM6F,cAAc,OAAQ,CACnFC,EAAG,wHACD,iBAEJJ,EAAQC,QAAUC,G","file":"component---src-pages-contact-us-js-ed534abfaafd137a2cf5.js","sourcesContent":["import { useState, useEffect } from \"react\";\n\nexport const useGeoLocation = () => {\n    const [location, setLocation] = useState(null);\n    const GEOLOCATION_URL = process.env.GEOLOCATION_URL; //ipapi.co provides a REST API to find the location of an IP address.\n\n    useEffect(() => {\n        let isApiSubscribed = true;\n\n        fetch(GEOLOCATION_URL)\n            .then(data => data.json())\n            .then(json => {\n                if (isApiSubscribed) {\n                    setLocation(json);\n                }\n            })\n            .catch(err => {});\n        return () => {\n            isApiSubscribed = false;\n        };\n    }, [GEOLOCATION_URL]);\n\n    return {\n        location\n    };\n};\n","import axios from 'axios';\n\nconst logipulseCRMUrl = process.env.GATSBY_LOGIPULSE_CRM_URL;\n\nconst saveContactDetails = async (inputData) => {\n    let apiURL = `${logipulseCRMUrl}/logipulseCRM/createContactUs`;\n\n    let response = await axios.post(apiURL, inputData);\n    return response;\n}\n\n\nexport {\n    saveContactDetails,\n}","import React, { useEffect, useState } from \"react\";\nimport \"bootstrap/dist/css/bootstrap.min.css\";\nimport Form from \"react-bootstrap/Form\";\nimport \"../../styles/support.scss\";\nimport ForumOutlinedIcon from \"@material-ui/icons/ForumOutlined\";\nimport EmailOutlinedIcon from \"@material-ui/icons/EmailOutlined\";\nimport LocalPhoneOutlinedIcon from \"@material-ui/icons/LocalPhoneOutlined\";\nimport Photo from \"../../components/Photo\";\nimport \"../../styles/accodian.scss\";\nimport { Trans, I18nextContext, Link } from \"gatsby-plugin-react-i18next\";\nimport SuccessAlert from \"../common/SuccessAlert\";\nimport ErrorAlert from \"../common/ErrorAlert\";\nimport PhoneInput from 'react-phone-input-2';\nimport 'react-phone-input-2/lib/style.css';\nimport { saveContactDetails } from \"../../services/logipulse-crm-service\";\nimport { useGeoLocation } from \"../../services/useGeoLocation\";\n\nconst initialFormValue = {\n  Name: \"\",\n  CompanyName: \"\",\n  Email: \"\",\n  MobileNo: \"\",\n  Questions: \"\"\n}\n\nconst GEOLOCATION_URL = process.env.GEOLOCATION_URL;\n\nfunction App() {\n  const context = React.useContext(I18nextContext);\n  const [selected, setselected] = useState(null);\n  const [formValues, setformValues] = useState(initialFormValue);\n  const [alert_type, setAlertType] = useState(\"\");\n  const [alert_message, setAlertMessage] = useState(\"\");\n  const [isLoading, setLoading] = useState(false);\n  const { location } = useGeoLocation();\n\n  useEffect(() => {\n    let isApiSubscribed = true;\n\n    fetch(GEOLOCATION_URL)\n      .then(data => data.json())\n      .then(json => {\n        if (isApiSubscribed) {\n          let geoLocation = json;\n          let value = { ...initialFormValue };\n          value['MobileNo'] = geoLocation.country_calling_code;\n          setformValues(value);\n        }\n      })\n      .catch(err => {});\n    return () => {\n      isApiSubscribed = false;\n    };\n  }, []);\n\n  const handleOnChange = e => {\n    const { name, value } = e.target\n    setformValues({ ...formValues, [name]: value })\n  }\n\n  const handleSubmit = async e => {\n    e.preventDefault();\n    try {\n      if (Object.keys(formValues).length > 0) {\n        setLoading(true);\n        setAlertType(\"\");\n        setAlertMessage(\"\");\n\n        saveContactDetails(formValues)\n          .then(response => {\n            setAlertType(\"SUCCESS\")\n            setAlertMessage(\"Successfully sent Email\");\n            initialFormValue.MobileNo = location.country_calling_code;\n            setformValues(initialFormValue);\n            setLoading(false);\n          })\n          .catch(e => {\n            setLoading(false);\n            setAlertType(\"ERROR\")\n            setAlertMessage(\"Something went wrong!\");\n            // initialFormValue.MobileNo = location.country_calling_code;\n            // setformValues(initialFormValue);\n          });\n      }\n    } catch (error) {\n      setLoading(false);\n    }\n  }\n\n  const toggle = index => {\n    if (selected === index) {\n      return setselected(null)\n    }\n    setselected(index)\n  }\n\n  const phoneInputOnChange = (value) => {\n    const formData = { ...formValues };\n    formData['MobileNo'] = '+' + value;\n    setformValues(formData);\n  };\n\n  return (\n    <div>\n      <div className=\"banner-feature no-supportmargin\" lang={context.language}>\n        <div className=\"container container-style\">\n          <div className=\"row\">\n            <div className=\"col-md-12\">\n              <div className=\"overlay-freight\"></div>\n\n              <div className=\"right-img\"></div>\n            </div>\n\n            <div className=\"col-md-12\">\n              <div className=\"contents-imgs support-contents\">\n                <div className=\"pricing_details\" lang={context.language}>\n                  <Link to=\"/\">\n                    <Trans>HOME</Trans>\n                  </Link>{\" \"}\n                  /{\" \"}\n                  <span className=\"view_features\">\n                    <Trans>SUPPORT</Trans>\n                  </span>\n                </div>\n                <div\n                  className=\"sub_main-product-features sub_content_support\"\n                  lang={context.language}\n                >\n                  <Trans>\n                    An investment in knowledge pays the best interest\n                  </Trans>\n                </div>\n                <div\n                  className=\"subsub_main supportdetails_main\"\n                  lang={context.language}\n                >\n                  <Trans>\n                    Anything that is born out of pure passion can go far\n                    untiringly to make the outcome perfect, such was the birth\n                    and journey of Logipulse!\n                  </Trans>\n                  <br />\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <div className=\"container\">\n        <div className=\"row support_position\" lang={context.language}>\n          <div className=\"col-md-6\">\n            <div className=\"getfreedemo_contents\">\n              {/* <!-- multistep form --> */}\n              <div className=\"support_heading_section\">\n                <div className=\"supportprofile\" lang={context.language}>\n                  <b>\n                    <Trans>Write to Us</Trans>\n                  </b>\n                </div>\n              </div>\n\n              <fieldset disabled={isLoading}>\n                <Form autoComplete=\"off\" onSubmit={handleSubmit}>\n                  <Form.Group\n                    controlId=\"supportformFullName\"\n                    className=\"position_relative\"\n                  >\n                    <Form.Label className=\"support_details_label\"><Trans>Name</Trans><span className=\"mandatory\"><sup>*</sup></span></Form.Label>\n                    <Form.Control\n                      type=\"text\"\n                      name=\"Name\"\n                      value={formValues.Name}\n                      className=\"control-label\"\n                      required=\"required\"\n                      onChange={handleOnChange}\n                    />\n                  </Form.Group>\n\n                  <Form.Group\n                    controlId=\"supportformFullName\"\n                    className=\"position_relative\"\n                  >\n                    <Form.Label className=\"support_details_label\"><Trans>Company Name</Trans><span className=\"mandatory\"><sup>*</sup></span></Form.Label>\n                    <Form.Control\n                      type=\"text\"\n                      name=\"CompanyName\"\n                      value={formValues.CompanyName}\n                      className=\"control-label\"\n                      required=\"required\"\n                      onChange={handleOnChange}\n                    />\n                  </Form.Group>\n\n                  {/* <Form.Group\n                    controlId=\"supportformFullName\"\n                    className=\"position_relative\"\n                  >\n                    <Form.Label className=\"support_details_label\"><Trans>Email</Trans><span className=\"mandatory\"><sup>*</sup></span></Form.Label>\n                    <Form.Control\n                      type=\"text\"\n                      name=\"Email\"\n                      value={formValues.Email}\n                      className=\"control-label\"\n                      required=\"required\"\n                      onChange={handleOnChange}\n                    />\n                  </Form.Group> */}\n\n                  {/* {<div className=\"row mb-4 mblmobile\">\n                    <div className=\"col\"> */}\n                  <Form.Group\n                    controlId=\"supportformFullName\"\n                    className=\"position_relative\"\n                  >\n                    <Form.Label className=\"support_details_label\"><Trans>Email</Trans><span className=\"mandatory\"><sup>*</sup></span></Form.Label>\n                    <Form.Control\n                      type=\"email\"\n                      name=\"Email\"\n                      value={formValues.Email}\n                      className=\"control-label\"\n                      required=\"required\"\n                      onChange={handleOnChange}\n                    />\n                  </Form.Group>\n                  {/* <p className=\"formErrors\">{formErrors.email}</p>\n                    </div> */}\n                  {/* </div>} */}\n\n                  <Form.Group controlId=\"supportformFullName\" className=\"position_relative\">\n                    <Form.Label className=\"support_details_label\"><Trans>Mobile Number</Trans><span className=\"mandatory\"><sup>*</sup></span></Form.Label>\n                    <PhoneInput\n                      country={'us'}\n                      inputClass=\"support-details-phone\"\n                      required=\"true\"\n                      enableSearch=\"true\"\n                      value={formValues.MobileNo}\n                      onChange={phoneInputOnChange}\n                    />\n                  </Form.Group>\n\n                  {/* <div className=\"row\">\n                    <div className=\"col-5 col-md-3 pr-0\">\n                      <div className=\"phone_dropdown\">\n                        <PhoneInput\n                          options={options}\n                          setSelectedCountry={setSelectedCountry}\n                          selectedCountry={selectedCountry}\n                          value={formValues.options}\n                        />\n                      </div>\n                    </div>\n                    <div className=\"col-7 col-md-7\">\n                      <Form.Group className=\"position_relative form_parent\">\n                        <Form.Control input type=\"number\" name=\"MobileNo\" value={formValues.MobileNo}\n                          className=\"control-label\" required=\"required\" onChange={handleOnChange} />\n                        <label for=\"MobileNo\"><Trans>Mobile Number</Trans></label>\n                      </Form.Group>                    \n                    </div>\n                  </div> */}\n\n                  <Form.Group className=\"mb-3 position_relative\" controlId=\"supportformFullName\">\n                    <Form.Label className=\"support_details_label\"><Trans>Questions / Comments</Trans><span className=\"mandatory\"><sup>*</sup></span></Form.Label>\n                    <Form.Control\n                      as=\"textarea\"\n                      name=\"Questions\"\n                      value={formValues.Questions}\n                      onChange={handleOnChange}\n                    />\n                  </Form.Group>\n\n                  <Form.Group\n                    className=\"margin_bottom_16\"\n                    lang={context.language}\n                  >\n                    <button type=\"submit\" className=\"submit_button_common font_12 muller_medium display_flex flex_align_center justify_center pointer position_relative\" disabled={isLoading}><Trans>SEND</Trans>\n                      {\n                        isLoading ? (\n                          <Photo src=\"loader_64.gif\" className=\"spinner\" alt=\"\" />\n                        ) : null\n                      }\n                    </button>\n                  </Form.Group>\n\n                  {alert_type === \"SUCCESS\" ? (\n                    <SuccessAlert message={alert_message} />\n                  ) : null}\n                  {alert_type === \"ERROR\" ? (\n                    <ErrorAlert message={alert_message} />\n                  ) : null}\n                </Form>\n              </fieldset>\n            </div>\n            <div className=\"row\">\n              <div className=\"col-md-12 col-12\">\n                <ul>\n                  <li className=\"support_livechat\" lang={context.language}>\n                    <Link to=\"/\">\n                      <ForumOutlinedIcon\n                        className=\"support_testing\"\n                        lang={context.language}\n                      />\n                      <Trans>Live chat</Trans>\n                    </Link>\n                  </li>\n                  <li className=\"support_tollfree\" lang={context.language}>\n                    <a href=\"tel:+91 9747469023\">\n                      <LocalPhoneOutlinedIcon\n                        className=\"support_testing\"\n                        lang={context.language}\n                      />\n                      <Trans>+ 91 9747469023</Trans>\n                    </a>\n                  </li>\n                  <li className=\"support_tollfree\" lang={context.language}>\n                    <a href=\"mailto:sales@logipulse.com\">\n                      <EmailOutlinedIcon\n                        className=\"support_testing\"\n                        lang={context.language}\n                      />\n                      <Trans>Mail us</Trans>\n                    </a>\n                  </li>\n                </ul>\n              </div>\n            </div>\n          </div>\n\n          <div className=\"col-md-6\">\n            <div className=\"supportprofile ipad_text\" lang={context.language}>\n              <b>\n                <Trans>How can we help you?</Trans>\n              </b>\n            </div>\n            <div className=\"wrapper\">\n              <div className=\"accordian\">\n                {data.map((item, i) => (\n                  <div className=\"item\" key={\"faq_support\" + i}>\n                    <div className=\"antitle \" onClick={() => toggle(i)}>\n                      <div className=\"supportQuestion\">\n                        <Trans>{item.Question}</Trans>\n                      </div>\n                      <span>{selected === i ? \"-\" : \"+\"}</span>\n                    </div>\n                    <div\n                      className={\n                        selected === i ? \"contentin show\" : \"contentin\"\n                      }\n                      lang={context.language}\n                    >\n                      <Trans>{item.answer}</Trans>\n                    </div>\n                  </div>\n                ))}\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <div className=\"end_divis_support\">\n        <div className=\"header_contents_sections text-right\"></div>\n        <div className=\"container\">\n          <div className=\"row\">\n            <div className=\"col-sm-12\">\n              <Photo src=\"Bottom Image-11.svg\" className=\"innerimage\" alt=\"\" />\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  )\n}\nconst data = [\n  {\n    Question: \"What is FFM software?\",\n    answer:\n      \"A Freight Forwarding Management software helps to automate the everyday operations of a freight forwarder including the operations in land, ocean, and air freight, transportation, customs clearance, and finance.\",\n  },\n  {\n    Question:\n      \"Can I try freight forwarding software before deciding on buying it?\",\n    answer:\n      \"A good number of freight forwarding solutions companies offer a demo before purchasing the software. At Logipulse, we offer a free trial of 14 days.\",\n  },\n  {\n    Question: \"How does the free trial work?\",\n    answer:\n      \"You can explore all the features of Logipulse for the 14 days free trial\",\n  },\n  {\n    Question: \"What kind of support will your FFM software team provide?\",\n    answer:\n      \"We have a dedicated after-sales service team who are available online and offline too\",\n  },\n  {\n    Question: \"What if I want to change my freight forwarding software plan?\",\n    answer: \"Yes, it is possible to change your plan\",\n  },\n  {\n    Question: \"Do I need a credit card to sign up?\",\n    answer:\n      \"No, we don’t insist on credit card details when opting for our free trial\",\n  },\n  {\n    Question:\n      \"How is Logipulse different from other freight forwarding software?\",\n    answer:\n      \"Logipulse is a cloud-hosted SaaS application, an end-to-end solution for freight forwarding, with superior technology aimed at small to medium freight forwarders\",\n  },\n  {\n    Question: \"Is Logipulse available in other languages?\",\n    answer:\n      \"Yes, Logipulse is the first in having a truly complete multilingual interface, including major East Asian, European, and Middle Eastern languages\",\n  },\n  {\n    Question:\n      \"Can I migrate from my current software system? How easy would it be to switch to Logipulse?\",\n    answer:\n      \"You can import your existing database to Logipulse, including your finance software and begin using Logipulse immediately\",\n  },\n  {\n    Question: \"Is freight forwarding software available on a mobile app?\",\n    answer:\n      \"The mobile app for freight forwarders allows to instantly check the status of their freight services. Logipulse freight forwarding software is available on Android and iOS mobiles\",\n  },\n  {\n    Question: \"Why are dashboards important in Logistics software?\",\n    answer:\n      \"An important information management tool, dashboards allow you to monitor, analyze and give you a visual display of KPIs concerning the overall supply chain management. Essentially allows you to find bad data and clean it up.\",\n  },\n]\n\nexport default App\nexport const query = graphql`\n  query ($language: String!) {\n    locales: allLocale(filter: { language: { eq: $language } }) {\n      edges {\n        node {\n          ns\n          data\n          language\n        }\n      }\n    }\n  }\n`\n","import React from \"react\";\nimport Header from \"./header\";\nimport Footer from \"../components/common/footer\";\nimport Supportdetails from \"../components/common/supportdetails\";\nimport { graphql } from \"gatsby\";\nimport { Helmet } from \"react-helmet\";\nimport { useTranslation, I18nextContext ,Link} from \"gatsby-plugin-react-i18next\";\n// import {defaultRelationAlternatives} from \"../utils/pages\"\n\nconst GATSBY_LANDING_PAGE_URL = process.env.GATSBY_LANDING_PAGE_URL\n\nconst Contactus = () => {\n\n  const { language } = React.useContext(I18nextContext)\n\n  const buildCanonicalUrl = () =>\n    language === \"en\"\n      ? JSON.parse(JSON.stringify(GATSBY_LANDING_PAGE_URL + \"/contact-us/\"))\n      : JSON.parse(JSON.stringify(GATSBY_LANDING_PAGE_URL +`/${language}/contact-us/`))\n      \n  const canoncalUrl = buildCanonicalUrl();\n  \n  const buildHrefUrl = () =>\n  language === \"en\"\n    ? JSON.parse(JSON.stringify(GATSBY_LANDING_PAGE_URL + \"/\"))\n    : JSON.parse(JSON.stringify(GATSBY_LANDING_PAGE_URL +`/${language}/`))\nconst hrefUrl = buildHrefUrl();\n  const { t } = useTranslation()\n  \n  return (\n    <div>\n      <div className=\"Layout\">\n        <Header />\n        <Supportdetails />\n        <Footer />\n        <Helmet>\n          <script\n            dangerouslySetInnerHTML={{\n              __html: `\n        \n<!-- Google Tag Manager -->\n\n        <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':\n        new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],\n        j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=\n        'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);\n        })(window,document,'script','dataLayer','GTM-TK7M58Z');</script>\n        \n            `,\n            }}\n          />\n          <script\n            dangerouslySetInnerHTML={{\n              __html: `\n        \n<!-- Google Tag Manager -->\n\n        <noscript><iframe src=\"https://www.googletagmanager.com/ns.html?id=GTM-TK7M58Z\"\n        height=\"0\" width=\"0\" style=\"display:none;visibility:hidden\"></iframe></noscript>    \n            `,\n            }}\n          />\n          <meta charSet=\"utf-8\" />\n          <title>{t(\"Contact Logipulse - Logistics Support & Services\")}</title>\n          <Link rel=\"canonical\" href={canoncalUrl} />\n          <Link rel=\"alternate\" href={hrefUrl} hreflang={language} />\n           <meta\n            name=\"description\"\n            content={t(\"At Logipulse, our trained personnel offer optimal support and maintenance services for air, land, and ocean freight software, WPS software, 3PL solutions and more. Contact Logipulse and get hassle-free logistics support services.\")}\n          />\n          <meta\n            name=\"Keywords\"\n            content={t(\"logipulse contact information, logipulse support services, logistics support and maintenance services\")}\n            data-react-helmet=\"true\"\n          />      \n         \n        </Helmet>\n      </div>\n    </div>\n  )\n}\nexport default Contactus\nexport const query = graphql`\n  query ($language: String!) {\n    locales: allLocale(filter: { language: { eq: $language } }) {\n      edges {\n        node {\n          ns\n          data\n          language\n        }\n      }\n    }\n  }\n`\n","import React, { useEffect, useState } from \"react\";\nimport { Fragment } from 'react';\nimport \"../../styles/alert-message.scss\";\n\n\nexport default function SuccessAlert(props) {\n    const [showAlertMessage, setShowAlertMessage] = useState(false);\n\n    useEffect(() => {\n        if (props.message !== null && props.message !== undefined) {\n            setShowAlertMessage(true);\n        } else {\n            setShowAlertMessage(false);\n        }\n\n        let timer = setTimeout(() => setShowAlertMessage(false), 5000);\n        return () => {\n            clearTimeout(timer);\n        };\n    }, []);\n\n    return (\n        <Fragment>\n            {\n                showAlertMessage ? (\n                    <div className=\"alert alert-success success_alert_message\" role=\"alert\" style={{ marginTop: \"40px\" }}>\n                        {props.message}\n                    </div>\n                ) : null\n            }\n        </Fragment>\n    )\n};","\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\");\n\nvar _interopRequireWildcard = require(\"@babel/runtime/helpers/interopRequireWildcard\");\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.default = void 0;\n\nvar React = _interopRequireWildcard(require(\"react\"));\n\nvar _createSvgIcon = _interopRequireDefault(require(\"./utils/createSvgIcon\"));\n\nvar _default = (0, _createSvgIcon.default)( /*#__PURE__*/React.createElement(\"path\", {\n  d: \"M6.54 5c.06.89.21 1.76.45 2.59l-1.2 1.2c-.41-1.2-.67-2.47-.76-3.79h1.51m9.86 12.02c.85.24 1.72.39 2.6.45v1.49c-1.32-.09-2.59-.35-3.8-.75l1.2-1.19M7.5 3H4c-.55 0-1 .45-1 1 0 9.39 7.61 17 17 17 .55 0 1-.45 1-1v-3.49c0-.55-.45-1-1-1-1.24 0-2.45-.2-3.57-.57-.1-.04-.21-.05-.31-.05-.26 0-.51.1-.71.29l-2.2 2.2c-2.83-1.45-5.15-3.76-6.59-6.59l2.2-2.2c.28-.28.36-.67.25-1.02C8.7 6.45 8.5 5.25 8.5 4c0-.55-.45-1-1-1z\"\n}), 'LocalPhoneOutlined');\n\nexports.default = _default;","import React, { useEffect, useState } from \"react\";\nimport { Fragment } from 'react';\nimport \"../../styles/alert-message.scss\";\n\nexport default function ErrorAlert(props) {\n    const [showAlertMessage, setShowAlertMessage] = useState(false);\n\n    useEffect(() => {\n        if (props.message !== null && props.message !== undefined) {\n            setShowAlertMessage(true);\n        } else {\n            setShowAlertMessage(false);\n        }\n\n        let timer = setTimeout(() => setShowAlertMessage(false), 5000);\n        return () => {\n            clearTimeout(timer);\n        };\n    }, []);\n\n    return (\n        <Fragment>\n            {\n                showAlertMessage ? (\n                    <div className=\"alert alert-danger success_alert_message\" role=\"alert\" style={{ marginTop: \"40px\" }}>\n                        {props.message}\n                    </div>\n                ) : null\n            }\n        </Fragment>\n    )\n};","\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\");\n\nvar _interopRequireWildcard = require(\"@babel/runtime/helpers/interopRequireWildcard\");\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.default = void 0;\n\nvar React = _interopRequireWildcard(require(\"react\"));\n\nvar _createSvgIcon = _interopRequireDefault(require(\"./utils/createSvgIcon\"));\n\nvar _default = (0, _createSvgIcon.default)( /*#__PURE__*/React.createElement(\"path\", {\n  d: \"M15 4v7H5.17L4 12.17V4h11m1-2H3c-.55 0-1 .45-1 1v14l4-4h10c.55 0 1-.45 1-1V3c0-.55-.45-1-1-1zm5 4h-2v9H6v2c0 .55.45 1 1 1h11l4 4V7c0-.55-.45-1-1-1z\"\n}), 'ForumOutlined');\n\nexports.default = _default;","\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\");\n\nvar _interopRequireWildcard = require(\"@babel/runtime/helpers/interopRequireWildcard\");\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.default = void 0;\n\nvar React = _interopRequireWildcard(require(\"react\"));\n\nvar _createSvgIcon = _interopRequireDefault(require(\"./utils/createSvgIcon\"));\n\nvar _default = (0, _createSvgIcon.default)( /*#__PURE__*/React.createElement(\"path\", {\n  d: \"M22 6c0-1.1-.9-2-2-2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6zm-2 0l-8 5-8-5h16zm0 12H4V8l8 5 8-5v10z\"\n}), 'EmailOutlined');\n\nexports.default = _default;"],"sourceRoot":""}